@kadoui/react 1.5.10 → 1.6.0

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+export type AccessNavigationPropsT = HTMLAttributes<HTMLDivElement> & {
+    direction?: "y" | "x";
+};
+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

@@ -0,0 +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,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/Accordion.d.ts

@@ -0,0 +1,8 @@
+import { AccordionBody } from "./AccordionBody";
+import { AccordionRoot } from "./AccordionRoot";
+import { AccordionToggle } from "./AccordionToggle";
+export declare const Accordion: typeof AccordionRoot & {
+    Toggle: typeof AccordionToggle;
+    Body: typeof AccordionBody;
+};
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,SAAS;;;CAGpB,CAAC"}

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,7 @@
+import { AccordionBody } from "./AccordionBody";
+import { AccordionRoot } from "./AccordionRoot";
+import { AccordionToggle } from "./AccordionToggle";
+export const Accordion = Object.assign(AccordionRoot, {
+    Toggle: AccordionToggle,
+    Body: AccordionBody
+});

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

@@ -0,0 +1,4 @@
+import { HTMLMotionProps } from "framer-motion";
+export type AccordionBodyPropsT = HTMLMotionProps<"div">;
+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

@@ -0,0 +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,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/AccordionContext.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from "react";
+export type AccordionContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+};
+export declare const AccordionContext: import("react").Context<AccordionContextT>;
+//# sourceMappingURL=AccordionContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAA;AAED,eAAO,MAAM,gBAAgB,4CAA4D,CAAA"}

package/dist/components/Accordion/AccordionContext.js

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

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

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+export type AccordionRootPropsT = PropsWithChildren;
+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

@@ -0,0 +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,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

@@ -0,0 +1,6 @@
+import { HTMLAttributes, ReactNode } from "react";
+export type AccordionTogglePropsT = HTMLAttributes<HTMLButtonElement> & {
+    icon?: ReactNode;
+};
+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

@@ -0,0 +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,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

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type AffixPropsT = HTMLAttributes<HTMLButtonElement>;
+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

@@ -0,0 +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,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/Breadcrumbs.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbsItem } from "./BreadcrumbsItem";
+import { BreadcrumbsRoot } from "./BreadcrumbsRoot";
+export declare const Breadcrumbs: typeof BreadcrumbsRoot & {
+    Item: typeof BreadcrumbsItem;
+};
+//# sourceMappingURL=Breadcrumbs.d.ts.map

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

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

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,5 @@
+import { BreadcrumbsItem } from "./BreadcrumbsItem";
+import { BreadcrumbsRoot } from "./BreadcrumbsRoot";
+export const Breadcrumbs = Object.assign(BreadcrumbsRoot, {
+    Item: BreadcrumbsItem,
+});

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

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export type BreadcrumbsContextT = {
+    separator: ReactNode;
+};
+export declare const BreadcrumbsContext: import("react").Context<BreadcrumbsContextT>;
+//# sourceMappingURL=BreadcrumbsContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsContext.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,kBAAkB,8CAAgE,CAAC"}

package/dist/components/Breadcrumbs/BreadcrumbsContext.js

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

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

@@ -0,0 +1,6 @@
+import { type HTMLAttributes } from "react";
+export type BreadcrumbsItemPropsT = HTMLAttributes<HTMLDivElement> & {
+    isLast?: boolean;
+};
+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

@@ -0,0 +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,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

@@ -0,0 +1,6 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type BreadcrumbsRootPropsT = HTMLAttributes<HTMLElement> & {
+    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

@@ -0,0 +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,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/Carousel.d.ts

@@ -0,0 +1,10 @@
+import { CarouselRoot } from "./CarouselRoot";
+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;
+};
+//# sourceMappingURL=Carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,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;;;;CAInB,CAAC"}

package/dist/components/Carousel/Carousel.js

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

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

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type CarouselContainerPropsT = HTMLAttributes<HTMLDivElement>;
+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

@@ -0,0 +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"}

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/CarouselContext.d.ts

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

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

@@ -0,0 +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;CACtB,CAAA;AAED,eAAO,MAAM,eAAe,gDAAoE,CAAC"}

package/dist/components/Carousel/CarouselContext.js

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

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

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from "react";
+type CarouselLeftFadePropsT = HTMLAttributes<HTMLDivElement>;
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from "react";
+type CarouselRightFadePropsT = HTMLAttributes<HTMLDivElement>;
+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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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,2CAiD7D"}

package/dist/components/Carousel/CarouselRoot.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselRoot({ dir, ...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).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;
+        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.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/components/ClientOnly/ClientOnly.d.ts.map

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

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export type ClipboardPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    text: string;
+    timeout?: number;
+    copiedChildren?: ReactNode;
+};
+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

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

@@ -0,0 +1,6 @@
+import { ContextMenuRoot } from "./ContextMenuRoot";
+import { ContextMenuContent } from "./ContextMenuContent";
+export declare const ContextMenu: typeof ContextMenuRoot & {
+    Content: typeof ContextMenuContent;
+};
+//# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -0,0 +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,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,WAAW;;CAEtB,CAAC"}

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,5 @@
+import { ContextMenuRoot } from "./ContextMenuRoot";
+import { ContextMenuContent } from "./ContextMenuContent";
+export const ContextMenu = Object.assign(ContextMenuRoot, {
+    Content: ContextMenuContent
+});

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

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type ContextMenuContentPropsT = HTMLAttributes<HTMLDivElement>;
+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

@@ -0,0 +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,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/ContextMenuContext.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+export type ContextMenuContextT = {
+    isOpen: boolean;
+    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/components/ContextMenu/ContextMenuContext.d.ts.map

@@ -0,0 +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"}

package/dist/components/ContextMenu/ContextMenuContext.js

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

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

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type ContextMenuRootPropsT = HTMLAttributes<HTMLDivElement>;
+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

@@ -0,0 +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"}