@kadoui/react 1.4.9 → 1.5.10

package/dist/components/ContextMenu/ContextMenuContent.js

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAwD,MAAM,OAAO,CAAC;AAK7F,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAqE7E"}

package/dist/components/ContextMenu/ContextMenuRoot.js

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,MAAM;;;;CAIjB,CAAC"}

package/dist/components/Drawer/Drawer.js

@@ -1,9 +0,0 @@
-import { DrawerBody } from "./DrawerBody";
-import { DrawerRoot } from "./DrawerRoot";
-import { DrawerPortal } from "./DrawerPortal";
-import { DrawerToggle } from "./DrawerToggle";
-export const Drawer = Object.assign(DrawerRoot, {
-    Toggle: DrawerToggle,
-    Portal: DrawerPortal,
-    Body: DrawerBody
-});

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAChD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,2CAqD7E"}

package/dist/components/Drawer/DrawerBody.js

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

package/dist/components/Drawer/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/DrawerContext.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,aAAa,yCAAsD,CAAC"}

package/dist/components/Drawer/DrawerContext.js

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

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

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

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

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

package/dist/components/Drawer/DrawerPortal.js

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAmCxD"}

package/dist/components/Drawer/DrawerRoot.js

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-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 (_jsx(DrawerContext, { value: { isOpen, setOpen }, children: children }));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzE,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAYrE"}

package/dist/components/Drawer/DrawerToggle.js

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

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>);
-}