@kadoui/react 1.4.10 → 1.5.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kadoui/react",
-  "version": "1.4.10",
+  "version": "1.5.12",
   "description": "Kadoui primitive components for React",
   "author": "ArrowUp",
   "license": "MIT",
@@ -9,13 +9,9 @@
     "build": "tsc"
   },
   "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./utils": {
-      "import": "./dist/utils.js",
-      "require": "./dist/utils.js"
+    "exports": {
+      ".": "./dist/index.js",
+      "./utils": "./dist/utils.js"
     }
   },
   "keywords": [

package/dist/components/AccessNavigation/AccessNavigation.jsx

@@ -1,26 +0,0 @@
-"use client";
-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 (<div dir={dir} onKeyDown={ev => {
-            onKeyDown?.(ev);
-            handleKeyDown(ev);
-        }} {...p}/>);
-}

package/dist/components/Accordion/AccordionBody.jsx

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

package/dist/components/Accordion/AccordionRoot.jsx

@@ -1,9 +0,0 @@
-"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.jsx

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

package/dist/components/Affix/Affix.jsx

@@ -1,35 +0,0 @@
-"use client";
-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 (<button onClick={ev => {
-            onClick?.(ev);
-            scrollToTop();
-        }} className={cn(isVisible ? "affix-active" : null, className)} {...p}/>);
-};

package/dist/components/Breadcrumbs/BreadcrumbsItem.jsx

@@ -1,10 +0,0 @@
-"use client";
-import { use } from "react";
-import { BreadcrumbsContext } from "./BreadcrumbsContext";
-export function BreadcrumbsItem({ isLast = false, children, ...p }) {
-    const { separator } = use(BreadcrumbsContext);
-    return (<div {...p}>
-      {children}
-      {!isLast && separator}
-    </div>);
-}

package/dist/components/Breadcrumbs/BreadcrumbsRoot.jsx

@@ -1,7 +0,0 @@
-"use client";
-import { BreadcrumbsContext } from "./BreadcrumbsContext";
-export function BreadcrumbsRoot({ separator = "/", ...p }) {
-    return (<BreadcrumbsContext value={{ separator }}>
-      <nav {...p}/>
-    </BreadcrumbsContext>);
-}

package/dist/components/Carousel/CarouselContainer.jsx

@@ -1,9 +0,0 @@
-"use client";
-import { use } from "react";
-import { CarouselContext } from "./CarouselContext";
-export function CarouselContainer({ children, ...p }) {
-    const { scrollRef } = use(CarouselContext);
-    return (<div ref={scrollRef} {...p}>
-      {children}
-    </div>);
-}

package/dist/components/Carousel/CarouselLeftFade.jsx

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

package/dist/components/Carousel/CarouselRightFade.jsx

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

package/dist/components/Carousel/CarouselRoot.jsx

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

package/dist/components/ClientOnly/ClientOnly.jsx

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

package/dist/components/Clipboard/Clipboard.jsx

@@ -1,12 +0,0 @@
-"use client";
-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 (<button aria-label={text} onClick={handleClick} {...props}>
-      {copiedChildren && copied ? copiedChildren : children}
-    </button>);
-}

package/dist/components/ContextMenu/ContextMenuContent.jsx

@@ -1,29 +0,0 @@
-"use client";
-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 (<div ref={contentRef} onContextMenu={ev => {
-            ev.stopPropagation();
-            ev.preventDefault();
-            onContextMenu?.(ev);
-        }} className={cn(isOpen ? "context-menu-active" : null, className)} style={{
-            top: position?.y,
-            left: position?.x,
-        }} {...p}/>);
-}

package/dist/components/ContextMenu/ContextMenuRoot.jsx

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

package/dist/components/Drawer/DrawerBody.jsx

@@ -1,38 +0,0 @@
-"use client";
-import { motion } from "framer-motion";
-import { use, useEffect, useRef } from "react";
-import { DrawerContext } from "./DrawerContext";
-export function DrawerBody({ position, dir, children, ...p }) {
-    const { isOpen } = use(DrawerContext);
-    const bodyRef = useRef(null);
-    useEffect(() => {
-        if (isOpen) {
-            const indexElement = bodyRef.current?.querySelector("[data-drawer='index']");
-            indexElement?.focus();
-        }
-        ;
-    }, [isOpen]);
-    const currentDir = (dir || document.documentElement.getAttribute("dir") || "ltr");
-    const currentPosition = position || (currentDir === "ltr" ? "left" : "right");
-    const direction = ["right", "left"].includes(currentPosition) ? "y" : "x";
-    const width = direction === "y" ? "clamp(300px,30%,30%)" : undefined;
-    const height = direction === "y" ? undefined : "50%";
-    return (<motion.div ref={bodyRef} onClick={ev => ev.stopPropagation()} initial={direction === "y"
-            ? { x: currentPosition === "left" ? "-100%" : "100%" }
-            : { y: currentPosition === "top" ? "-100%" : "100%" }} animate={{ y: 0, x: 0 }} exit={direction === "y"
-            ? { x: currentPosition === "left" ? "-100%" : "100%" }
-            : { y: currentPosition === "top" ? "-100%" : "100%" }} style={{
-            width,
-            height,
-            ...(currentPosition === "top"
-                ? { top: 0, left: 0, right: 0 }
-                : currentPosition === "right"
-                    ? { top: 0, bottom: 0, right: 0 }
-                    : currentPosition === "bottom"
-                        ? { bottom: 0, left: 0, right: 0 }
-                        : { top: 0, bottom: 0, left: 0 })
-        }} transition={{ ease: "easeInOut" }} {...p}>
-      {children}
-    </motion.div>);
-}
-;

package/dist/components/Drawer/DrawerPortal.jsx

@@ -1,19 +0,0 @@
-"use client";
-import { use } from "react";
-import { motion, AnimatePresence } from "framer-motion";
-import { Portal } from "../Portal/Portal";
-import { DrawerContext } from "./DrawerContext";
-import { ClientOnly } from "../ClientOnly/ClientOnly";
-export function DrawerPortal({ onClick, ...p }) {
-    const { isOpen, setOpen } = use(DrawerContext);
-    return (<ClientOnly>
-      <Portal>
-        <AnimatePresence>
-          {isOpen ? (<motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }} onClick={ev => {
-                onClick?.(ev);
-                setOpen(false);
-            }} {...p}/>) : null}
-        </AnimatePresence>
-      </Portal>
-    </ClientOnly>);
-}

package/dist/components/Drawer/DrawerRoot.jsx

@@ -1,35 +0,0 @@
-"use client";
-import { getBrowserScrollbarWith } from "../../utils";
-import { useState, useEffect } from "react";
-import { DrawerContext } from "./DrawerContext";
-export function DrawerRoot({ children }) {
-    const [isOpen, setOpen] = useState(false);
-    useEffect(() => {
-        const handleEscape = (ev) => {
-            if (ev.key === "Escape") {
-                setOpen(false);
-            }
-            ;
-        };
-        document.addEventListener("keydown", handleEscape);
-        return () => {
-            document.removeEventListener("keydown", handleEscape);
-            document.body.style.overflow = "unset";
-        };
-    }, []);
-    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]);
-    return (<DrawerContext value={{ isOpen, setOpen }}>
-      {children}
-    </DrawerContext>);
-}

package/dist/components/Drawer/DrawerToggle.jsx

@@ -1,10 +0,0 @@
-"use client";
-import { use } from "react";
-import { DrawerContext } from "./DrawerContext";
-export function DrawerToggle({ onClick, ...props }) {
-    const { setOpen } = use(DrawerContext);
-    return (<button onClick={(ev) => {
-            onClick?.(ev);
-            setOpen(prev => !prev);
-        }} {...props}/>);
-}

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,8 +0,0 @@
-import { DropdownMenu } from "./DropdownMenu";
-import { DropdownRoot } from "./DropdownRoot";
-import { DropdownToggle } from "./DropdownToggle";
-export declare const Dropdown: typeof DropdownRoot & {
-    Toggle: typeof DropdownToggle;
-    Menu: typeof DropdownMenu;
-};
-//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,QAAQ;;;CAGnB,CAAC"}

package/dist/components/Dropdown/Dropdown.js

@@ -1,7 +0,0 @@
-import { DropdownMenu } from "./DropdownMenu";
-import { DropdownRoot } from "./DropdownRoot";
-import { DropdownToggle } from "./DropdownToggle";
-export const Dropdown = Object.assign(DropdownRoot, {
-    Toggle: DropdownToggle,
-    Menu: DropdownMenu
-});

package/dist/components/Dropdown/DropdownContext.d.ts

@@ -1,9 +0,0 @@
-import { Dispatch, RefObject, SetStateAction } from "react";
-export type DropdownContextT = {
-    isOpen: boolean;
-    setOpen: Dispatch<SetStateAction<boolean>>;
-    toggleRef: RefObject<HTMLButtonElement | null>;
-    menuRef: RefObject<HTMLDivElement | null>;
-};
-export declare const DropdownContext: import("react").Context<DropdownContextT>;
-//# sourceMappingURL=DropdownContext.d.ts.map

package/dist/components/Dropdown/DropdownContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownContext.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC3C,CAAA;AAED,eAAO,MAAM,eAAe,2CAA0D,CAAC"}

package/dist/components/Dropdown/DropdownContext.js

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

package/dist/components/Dropdown/DropdownMenu.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from "react";
-export type DropdownMenuPropsT = HTMLAttributes<HTMLDivElement> & {
-    preventClose?: boolean;
-};
-export declare function DropdownMenu({ preventClose, onClick, ...p }: DropdownMenuPropsT): import("react").JSX.Element | null;
-//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/components/Dropdown/DropdownMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,sCAkB/E"}

package/dist/components/Dropdown/DropdownMenu.jsx

@@ -1,12 +0,0 @@
-"use client";
-import { use } from "react";
-import { DropdownContext } from "./DropdownContext";
-export function DropdownMenu({ preventClose, onClick, ...p }) {
-    const { menuRef, isOpen } = use(DropdownContext);
-    return (isOpen ? (<div ref={menuRef} onClick={ev => {
-            if (preventClose) {
-                ev.stopPropagation();
-            }
-            onClick?.(ev);
-        }} {...p}/>) : null);
-}

package/dist/components/Dropdown/DropdownRoot.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from "react";
-export type DropdownRootPropsT = HTMLAttributes<HTMLDivElement> & {
-    accessHorizontalArrows?: "ArrowRight" | "ArrowLeft";
-};
-export declare function DropdownRoot({ accessHorizontalArrows, onKeyDown, ...p }: DropdownRootPropsT): import("react").JSX.Element;
-//# sourceMappingURL=DropdownRoot.d.ts.map

package/dist/components/Dropdown/DropdownRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAOnF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,sBAAsB,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;CACrD,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,sBAAsB,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BA0E3F"}

package/dist/components/Dropdown/DropdownRoot.jsx

@@ -1,63 +0,0 @@
-"use client";
-import { useEffect, useRef, useState } from "react";
-import { selectAccessibleChildren } from "../../utils";
-import { DropdownContext } from "./DropdownContext";
-export function DropdownRoot({ accessHorizontalArrows, onKeyDown, ...p }) {
-    const [isOpen, setOpen] = useState(false);
-    const toggleRef = useRef(null);
-    const menuRef = useRef(null);
-    useEffect(() => {
-        const closeHandler = () => {
-            setOpen(false);
-        };
-        window.addEventListener("click", closeHandler);
-        return () => window.removeEventListener("click", closeHandler);
-    }, []);
-    useEffect(() => {
-        if (isOpen) {
-            selectFirstMenuChild();
-        }
-    }, [isOpen]);
-    const selectFirstMenuChild = () => {
-        if (!menuRef.current) {
-            return;
-        }
-        const children = selectAccessibleChildren(menuRef.current);
-        const firstChild = children[0];
-        if (!firstChild) {
-            return;
-        }
-        firstChild.focus();
-    };
-    const handleKeyDown = (ev) => {
-        if (!accessHorizontalArrows) {
-            return null;
-        }
-        if (ev.key === "ArrowRight") {
-            if (accessHorizontalArrows === "ArrowRight") {
-                setOpen(true);
-                selectFirstMenuChild();
-            }
-            else {
-                setOpen(false);
-                toggleRef.current?.focus();
-            }
-        }
-        if (ev.key === "ArrowLeft") {
-            if (accessHorizontalArrows === "ArrowLeft") {
-                setOpen(true);
-                selectFirstMenuChild();
-            }
-            else {
-                setOpen(false);
-                toggleRef.current?.focus();
-            }
-        }
-    };
-    return (<DropdownContext value={{ isOpen, setOpen, toggleRef, menuRef }}>
-      <div onKeyDown={ev => {
-            onKeyDown?.(ev);
-            handleKeyDown(ev);
-        }} {...p}/>
-    </DropdownContext>);
-}

package/dist/components/Dropdown/DropdownToggle.d.ts

@@ -1,4 +0,0 @@
-import { HTMLAttributes } from "react";
-export type DropdownTogglePropsT = HTMLAttributes<HTMLButtonElement>;
-export declare function DropdownToggle({ onClick, ...props }: DropdownTogglePropsT): import("react").JSX.Element;
-//# sourceMappingURL=DropdownToggle.d.ts.map

package/dist/components/Dropdown/DropdownToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAErE,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+BAczE"}

package/dist/components/Dropdown/DropdownToggle.jsx

@@ -1,11 +0,0 @@
-"use client";
-import { use } from "react";
-import { DropdownContext } from "./DropdownContext";
-export function DropdownToggle({ onClick, ...props }) {
-    const { toggleRef, setOpen } = use(DropdownContext);
-    return (<button ref={toggleRef} onClick={ev => {
-            ev.stopPropagation();
-            onClick?.(ev);
-            setOpen(prev => !prev);
-        }} {...props}/>);
-}

package/dist/components/LoaderLink/LoaderLink.jsx

@@ -1,6 +0,0 @@
-"use client";
-import { useLinkStatus } from "next/link";
-export function LoaderLink({ loader, children }) {
-    const { pending } = useLinkStatus();
-    return pending ? loader : children;
-}

package/dist/components/Modal/ModalBody.jsx

@@ -1,21 +0,0 @@
-"use client";
-import { use, useEffect, useRef } from "react";
-import { AnimatePresence, motion } from "framer-motion";
-import { ModalContext } from "./ModalContext";
-export function ModalBody({ onClick, ...props }) {
-    const { isOpen } = use(ModalContext);
-    const contentRef = useRef(null);
-    useEffect(() => {
-        if (isOpen) {
-            const indexElement = contentRef.current?.querySelector("[data-modal='index']");
-            indexElement?.focus();
-        }
-        ;
-    }, [isOpen]);
-    return (<AnimatePresence>
-      {isOpen ? (<motion.div ref={contentRef} initial={{ opacity: 0, scale: 0.9 }} animate={{ opacity: 1, scale: 1 }} exit={{ opacity: 0, scale: 0.9 }} transition={{ ease: "easeInOut" }} onClick={ev => {
-                onClick?.(ev);
-                ev.stopPropagation();
-            }} {...props}/>) : null}
-    </AnimatePresence>);
-}

package/dist/components/Modal/ModalContent.jsx

@@ -1,3 +0,0 @@
-export function ModalContent(p) {
-    return (<div {...p}/>);
-}

package/dist/components/Modal/ModalHeader.jsx

@@ -1,3 +0,0 @@
-export function ModalHeader(p) {
-    return (<div {...p}/>);
-}