@kadoui/react 1.0.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.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;AAGtD,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"}

package/dist/components/AccessNavigation/AccessNavigation.jsx

@@ -0,0 +1,26 @@
+"use client";
+import { selectAccessibleChildren } from "kadoui-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 (<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, className, ...props }: AccordionBodyPropsT): import("react").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":"AAIA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEzD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAoBnF"}

package/dist/components/Accordion/AccordionBody.jsx

@@ -0,0 +1,17 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { use } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { AccordionContext } from "./AccordionContext";
+export function AccordionBody({ children, className, ...props }) {
+    const { isOpen } = use(AccordionContext);
+    return (<AnimatePresence>
+      {isOpen ?
+            <motion.div className={cn("overflow-hidden", className)} initial={{ height: 0, opacity: 0 }} animate={{ height: "auto", opacity: 1 }} exit={{ height: 0, opacity: 0 }} {...props}>
+          <div className="m-3">
+            {children}
+          </div>
+        </motion.div>
+            : null}
+    </AnimatePresence>);
+}

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.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,+BAQ9D"}

package/dist/components/Accordion/AccordionRoot.jsx

@@ -0,0 +1,9 @@
+"use client";
+import { useState } from "react";
+import { AccordionContext } from "./AccordionContext";
+export function AccordionRoot({ children }) {
+    const [isOpen, setOpen] = useState(false);
+    return (<AccordionContext value={{ isOpen, setOpen }}>
+      {children}
+    </AccordionContext>);
+}

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({ icon, children, onClick, ...props }: AccordionTogglePropsT): import("react").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":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAiB3F"}

package/dist/components/Accordion/AccordionToggle.jsx

@@ -0,0 +1,16 @@
+"use client";
+import { ChevronRightIcon } from "lucide-react";
+import { use } from "react";
+import { AccordionContext } from "./AccordionContext";
+export function AccordionToggle({ icon, children, onClick, ...props }) {
+    const { isOpen, setOpen } = use(AccordionContext);
+    return (<button onClick={ev => {
+            onClick?.(ev);
+            setOpen(prev => !prev);
+        }} {...props}>
+      <span className={`transition-transform ${isOpen ? "rotate-90" : ""}`}>
+        {icon || <ChevronRightIcon className="compatible-icon"/>}
+      </span>
+      {children}
+    </button>);
+}

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, "aria-label": ariaLabel, children, ...props }: AffixPropsT) => import("react").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":"AAIA,OAAO,EAAuB,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAE3D,eAAO,MAAM,KAAK,GAAI,qEAAqE,WAAW,gCAkDrG,CAAA"}

package/dist/components/Affix/Affix.jsx

@@ -0,0 +1,38 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { ChevronUpIcon } from "lucide-react";
+import { useState, useEffect } from "react";
+export const Affix = ({ className, onClick, "aria-label": ariaLabel, children, ...props }) => {
+    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 (<button onClick={ev => {
+            onClick?.(ev);
+            scrollToTop();
+        }} aria-label={ariaLabel || "Scroll to top"} className={cn("fixed bottom-3 right-4 transition-all z-50", isVisible ? "" : "opacity-0 translate-y-3 pointer-events-none", className)} {...props}>
+      {children || <ChevronUpIcon className="compatible-icon"/>}
+    </button>);
+};

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, className, children, ...p }: BreadcrumbsItemPropsT): import("react").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":"AAGA,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,SAAS,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAYnG"}

package/dist/components/Breadcrumbs/BreadcrumbsItem.jsx

@@ -0,0 +1,11 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { use } from "react";
+import { BreadcrumbsContext } from "./BreadcrumbsContext";
+export function BreadcrumbsItem({ isLast = false, className, children, ...p }) {
+    const { separator } = use(BreadcrumbsContext);
+    return (<div className={cn("f-center gap-1.5", className)} {...p}>
+      {children}
+      {!isLast && separator}
+    </div>);
+}

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, className, ...p }: BreadcrumbsRootPropsT): import("react").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":"AAGA,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,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAS1F"}

package/dist/components/Breadcrumbs/BreadcrumbsRoot.jsx

@@ -0,0 +1,8 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { BreadcrumbsContext } from "./BreadcrumbsContext";
+export function BreadcrumbsRoot({ separator = "/", className, ...p }) {
+    return (<BreadcrumbsContext value={{ separator }}>
+      <nav className={cn("f-align gap-3", className)} {...p}/>
+    </BreadcrumbsContext>);
+}

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

@@ -0,0 +1,6 @@
+import { CarouselRoot } from "./CarouselRoot";
+import { CarouselContainer } from "./CarouselContainer";
+export declare const Carousel: typeof CarouselRoot & {
+    Container: typeof CarouselContainer;
+};
+//# 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,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}

package/dist/components/Carousel/Carousel.js

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

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, className, ...p }: CarouselContainerPropsT): import("react").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":"AAGA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,+BAQvF"}

package/dist/components/Carousel/CarouselContainer.jsx

@@ -0,0 +1,10 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { use } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselContainer({ children, className, ...p }) {
+    const { scrollRef } = use(CarouselContext);
+    return (<div ref={scrollRef} className={cn("f-align-scroll", className)} {...p}>
+      {children}
+    </div>);
+}

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

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+export type CarouselContextPropsT = {
+    scrollRef: RefObject<HTMLDivElement | null>;
+};
+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;CAC7C,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/CarouselRoot.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from "react";
+export type CarouselRootPropsT = HTMLAttributes<HTMLDivElement>;
+export declare function CarouselRoot({ children, className, ...props }: CarouselRootPropsT): import("react").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":"AAGA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAiEjF"}

package/dist/components/Carousel/CarouselRoot.jsx

@@ -0,0 +1,53 @@
+"use client";
+import { cn } from "kadoui-utils";
+import { useEffect, useRef, useState } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselRoot({ children, className, ...props }) {
+    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 (<CarouselContext value={{ scrollRef }}>
+      <div className={cn("relative", className)} {...props}>
+        {/* Left Fade */}
+        <div className="pointer-events-none absolute right-0 top-0 h-full w-1/6 bg-gradient-to-l from-background from-5% to-transparent z-10 transition-opacity" style={{ opacity: leftOpacity }}/>
+        {/* --- */}
+
+        {/* Scrollable container */}
+        {children}
+        {/* --- */}
+
+        {/* Right Fade */}
+        <div className="pointer-events-none absolute left-0 top-0 h-full w-1/6 bg-gradient-to-r from-background from-5% to-transparent z-10 transition-opacity" style={{ opacity: rightOpacity }}/>
+        {/* --- */}
+      </div>
+    </CarouselContext>);
+}

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.jsx

@@ -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,7 @@
+import { ButtonHTMLAttributes } from "react";
+export type ClipboardPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+    text: string;
+    timeout?: number;
+};
+export declare function Clipboard({ onClick, children, text, timeout, ...props }: ClipboardPropsT): import("react").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,MAAM,OAAO,CAAC;AAIzD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAuBhG"}

package/dist/components/Clipboard/Clipboard.jsx

@@ -0,0 +1,15 @@
+"use client";
+import { CopyCheckIcon, CopyIcon } from "lucide-react";
+import { useClipboard } from "@mantine/hooks";
+export function Clipboard({ onClick, children, text, timeout = 3_000, ...props }) {
+    const { copy, copied } = useClipboard({ timeout });
+    const handleClick = (ev) => {
+        onClick?.(ev);
+        copy(text.trim());
+    };
+    return (<button aria-label={text} onClick={handleClick} {...props}>
+      {copied ? (<CopyCheckIcon className="compatible-icon"/>) : (<CopyIcon className="compatible-icon"/>)}
+
+      {children}
+    </button>);
+}

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.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;AAKvD,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtE,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,wBAAwB,+BAyC9F"}

package/dist/components/ContextMenu/ContextMenuContent.jsx

@@ -0,0 +1,28 @@
+"use client";
+import { use, useEffect } from "react";
+import { cn, selectAccessibleChildren } from "kadoui-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 (<div ref={contentRef} onContextMenu={ev => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            onContextMenu?.(ev);
+        }} className={cn("z-50 fixed", position ? "transition-all" : "", isOpen ? "" : "hidden", 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.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":"AAGA,OAAO,EAAE,cAAc,EAAwD,MAAM,OAAO,CAAC;AAI7F,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAqE7E"}

package/dist/components/ContextMenu/ContextMenuRoot.jsx

@@ -0,0 +1,56 @@
+"use client";
+import { getBrowserScrollbarWith } from "kadoui-utils";
+import { useCallback, useEffect, useRef, useState } from "react";
+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 (<ContextMenuContext value={{ contentRef, isOpen, position }}>
+      <div onContextMenu={ev => {
+            onContextMenu?.(ev);
+            handleContextMenu(ev);
+        }} {...p}/>
+    </ContextMenuContext>);
+}

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

@@ -0,0 +1,10 @@
+import { DrawerBody } from "./DrawerBody";
+import { DrawerRoot } from "./DrawerRoot";
+import { DrawerPortal } from "./DrawerPortal";
+import { DrawerToggle } from "./DrawerToggle";
+export declare const Drawer: typeof DrawerRoot & {
+    Toggle: typeof DrawerToggle;
+    Portal: typeof DrawerPortal;
+    Body: typeof DrawerBody;
+};
+//# sourceMappingURL=Drawer.d.ts.map