@arolariu/components 0.0.40 → 0.1.1

package/dist/cjs/components/ui/dropdrawer.cjs

@@ -1,627 +0,0 @@
-"use client";
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    DropDrawerContent: ()=>DropDrawerContent,
-    DropDrawerFooter: ()=>DropDrawerFooter,
-    DropDrawerLabel: ()=>DropDrawerLabel,
-    DropDrawerSub: ()=>DropDrawerSub,
-    DropDrawerGroup: ()=>DropDrawerGroup,
-    DropDrawerSeparator: ()=>DropDrawerSeparator,
-    DropDrawerSubContent: ()=>DropDrawerSubContent,
-    DropDrawerTrigger: ()=>DropDrawerTrigger,
-    DropDrawer: ()=>DropDrawer,
-    DropDrawerItem: ()=>DropDrawerItem,
-    DropDrawerSubTrigger: ()=>DropDrawerSubTrigger
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const react_namespaceObject = require("motion/react");
-const external_lucide_react_namespaceObject = require("lucide-react");
-const external_react_namespaceObject = require("react");
-const external_drawer_cjs_namespaceObject = require("./drawer.cjs");
-const external_dropdown_menu_cjs_namespaceObject = require("./dropdown-menu.cjs");
-const use_mobile_cjs_namespaceObject = require("../../hooks/use-mobile.cjs");
-const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
-const DropDrawerContext = /*#__PURE__*/ external_react_namespaceObject.createContext({
-    isMobile: false
-});
-const useDropDrawerContext = ()=>{
-    const context = external_react_namespaceObject.useContext(DropDrawerContext);
-    if (!context) throw new Error("DropDrawer components cannot be rendered outside the Context");
-    return context;
-};
-function DropDrawer({ children, ...props }) {
-    const isMobile = (0, use_mobile_cjs_namespaceObject.useIsMobile)();
-    const DropdownComponent = isMobile ? external_drawer_cjs_namespaceObject.Drawer : external_dropdown_menu_cjs_namespaceObject.DropdownMenu;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DropDrawerContext.Provider, {
-        value: {
-            isMobile
-        },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DropdownComponent, {
-            "data-slot": "drop-drawer",
-            ...isMobile && {
-                autoFocus: true
-            },
-            ...props,
-            children: children
-        })
-    });
-}
-function DropDrawerTrigger({ className, children, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    const TriggerComponent = isMobile ? external_drawer_cjs_namespaceObject.DrawerTrigger : external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TriggerComponent, {
-        "data-slot": "drop-drawer-trigger",
-        className: className,
-        ...props,
-        children: children
-    });
-}
-function DropDrawerContent({ className, children, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    const [activeSubmenu, setActiveSubmenu] = external_react_namespaceObject.useState(null);
-    const [submenuTitle, setSubmenuTitle] = external_react_namespaceObject.useState(null);
-    const [submenuStack, setSubmenuStack] = external_react_namespaceObject.useState([]);
-    const [animationDirection, setAnimationDirection] = external_react_namespaceObject.useState("forward");
-    const submenuContentRef = external_react_namespaceObject.useRef(new Map());
-    const navigateToSubmenu = external_react_namespaceObject.useCallback((id, title)=>{
-        setAnimationDirection("forward");
-        setActiveSubmenu(id);
-        setSubmenuTitle(title);
-        setSubmenuStack((prev)=>[
-                ...prev,
-                {
-                    id,
-                    title
-                }
-            ]);
-    }, []);
-    const goBack = external_react_namespaceObject.useCallback(()=>{
-        setAnimationDirection("backward");
-        if (submenuStack.length <= 1) {
-            setActiveSubmenu(null);
-            setSubmenuTitle(null);
-            setSubmenuStack([]);
-        } else {
-            const newStack = [
-                ...submenuStack
-            ];
-            newStack.pop();
-            const previous = newStack[newStack.length - 1];
-            setActiveSubmenu(previous.id);
-            setSubmenuTitle(previous.title);
-            setSubmenuStack(newStack);
-        }
-    }, [
-        submenuStack
-    ]);
-    const registerSubmenuContent = external_react_namespaceObject.useCallback((id, content)=>{
-        submenuContentRef.current.set(id, content);
-    }, []);
-    const extractSubmenuContent = external_react_namespaceObject.useCallback((elements, targetId)=>{
-        const result = [];
-        const findSubmenuContent = (node)=>{
-            if (!/*#__PURE__*/ external_react_namespaceObject.isValidElement(node)) return;
-            const element = node;
-            const props = element.props;
-            if (element.type === DropDrawerSub) {
-                const elementId = props.id;
-                const dataSubmenuId = props["data-submenu-id"];
-                if (elementId === targetId || dataSubmenuId === targetId) {
-                    if (props.children) external_react_namespaceObject.Children.forEach(props.children, (child)=>{
-                        if (/*#__PURE__*/ external_react_namespaceObject.isValidElement(child) && child.type === DropDrawerSubContent) {
-                            const subContentProps = child.props;
-                            if (subContentProps.children) external_react_namespaceObject.Children.forEach(subContentProps.children, (contentChild)=>{
-                                result.push(contentChild);
-                            });
-                        }
-                    });
-                    return;
-                }
-            }
-            if (props.children) if (Array.isArray(props.children)) props.children.forEach((child)=>findSubmenuContent(child));
-            else findSubmenuContent(props.children);
-        };
-        if (Array.isArray(elements)) elements.forEach((child)=>findSubmenuContent(child));
-        else findSubmenuContent(elements);
-        return result;
-    }, []);
-    const getSubmenuContent = external_react_namespaceObject.useCallback((id)=>{
-        const cachedContent = submenuContentRef.current.get(id || "");
-        if (cachedContent && cachedContent.length > 0) return cachedContent;
-        const submenuContent = extractSubmenuContent(children, id);
-        if (0 === submenuContent.length) return [];
-        if (id) submenuContentRef.current.set(id, submenuContent);
-        return submenuContent;
-    }, [
-        children,
-        extractSubmenuContent
-    ]);
-    const variants = {
-        enter: (direction)=>({
-                x: "forward" === direction ? "100%" : "-100%",
-                opacity: 0
-            }),
-        center: {
-            x: 0,
-            opacity: 1
-        },
-        exit: (direction)=>({
-                x: "forward" === direction ? "-100%" : "100%",
-                opacity: 0
-            })
-    };
-    const transition = {
-        duration: 0.3,
-        ease: [
-            0.25,
-            0.1,
-            0.25,
-            1.0
-        ]
-    };
-    if (isMobile) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SubmenuContext.Provider, {
-        value: {
-            activeSubmenu,
-            setActiveSubmenu: (id)=>{
-                if (null === id) {
-                    setActiveSubmenu(null);
-                    setSubmenuTitle(null);
-                    setSubmenuStack([]);
-                }
-            },
-            submenuTitle,
-            setSubmenuTitle,
-            navigateToSubmenu,
-            registerSubmenuContent
-        },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drawer_cjs_namespaceObject.DrawerContent, {
-            "data-slot": "drop-drawer-content",
-            className: (0, utils_cjs_namespaceObject.cn)("max-h-[90vh]", className),
-            ...props,
-            children: activeSubmenu ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drawer_cjs_namespaceObject.DrawerHeader, {
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                            className: "flex items-center gap-2",
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-                                    onClick: goBack,
-                                    className: "hover:bg-neutral-100/50 rounded-full p-1 dark:hover:bg-neutral-800/50",
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeftIcon, {
-                                        className: "h-5 w-5"
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drawer_cjs_namespaceObject.DrawerTitle, {
-                                    children: submenuTitle || "Submenu"
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        className: "flex-1 relative overflow-y-auto max-h-[70vh]",
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
-                            initial: false,
-                            mode: "wait",
-                            custom: animationDirection,
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
-                                custom: animationDirection,
-                                variants: variants,
-                                initial: "enter",
-                                animate: "center",
-                                exit: "exit",
-                                transition: transition,
-                                className: "pb-6 space-y-1.5 w-full h-full",
-                                children: activeSubmenu ? getSubmenuContent(activeSubmenu) : children
-                            }, activeSubmenu || "main")
-                        })
-                    })
-                ]
-            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-                children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drawer_cjs_namespaceObject.DrawerHeader, {
-                        className: "sr-only",
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drawer_cjs_namespaceObject.DrawerTitle, {
-                            children: "Menu"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        className: "overflow-y-auto max-h-[70vh]",
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
-                            initial: false,
-                            mode: "wait",
-                            custom: animationDirection,
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
-                                custom: animationDirection,
-                                variants: variants,
-                                initial: "enter",
-                                animate: "center",
-                                exit: "exit",
-                                transition: transition,
-                                className: "pb-6 space-y-1.5 w-full",
-                                children: children
-                            }, "main-menu")
-                        })
-                    })
-                ]
-            })
-        })
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SubmenuContext.Provider, {
-        value: {
-            activeSubmenu,
-            setActiveSubmenu,
-            submenuTitle,
-            setSubmenuTitle,
-            registerSubmenuContent
-        },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
-            "data-slot": "drop-drawer-content",
-            align: "end",
-            sideOffset: 4,
-            className: (0, utils_cjs_namespaceObject.cn)("max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[220px] overflow-y-auto", className),
-            ...props,
-            children: children
-        })
-    });
-}
-function DropDrawerItem({ className, children, onSelect, onClick, icon, variant = "default", inset, disabled, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    const isInGroup = external_react_namespaceObject.useCallback((element)=>{
-        if (!element) return false;
-        let parent = element.parentElement;
-        while(parent){
-            if (parent.hasAttribute("data-drop-drawer-group")) return true;
-            parent = parent.parentElement;
-        }
-        return false;
-    }, []);
-    const itemRef = external_react_namespaceObject.useRef(null);
-    const [isInsideGroup, setIsInsideGroup] = external_react_namespaceObject.useState(false);
-    external_react_namespaceObject.useEffect(()=>{
-        if (!isMobile) return;
-        const timer = setTimeout(()=>{
-            if (itemRef.current) setIsInsideGroup(isInGroup(itemRef.current));
-        }, 0);
-        return ()=>clearTimeout(timer);
-    }, [
-        isInGroup,
-        isMobile
-    ]);
-    if (isMobile) {
-        const handleClick = (e)=>{
-            if (disabled) return;
-            if (onClick) onClick(e);
-            if (onSelect) onSelect(e);
-        };
-        const content = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-            ref: itemRef,
-            "data-slot": "drop-drawer-item",
-            "data-variant": variant,
-            "data-inset": inset,
-            "data-disabled": disabled,
-            className: (0, utils_cjs_namespaceObject.cn)("flex cursor-pointer items-center justify-between px-4 py-4", !isInsideGroup && "bg-neutral-100 dark:bg-neutral-100 mx-2 my-1.5 rounded-md dark:bg-neutral-800 dark:dark:bg-neutral-800", isInsideGroup && "bg-transparent py-4", inset && "pl-8", "destructive" === variant && "text-red-500 dark:text-red-500 dark:text-red-900 dark:dark:text-red-900", disabled && "pointer-events-none opacity-50", className),
-            onClick: handleClick,
-            "aria-disabled": disabled,
-            ...props,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    className: "flex items-center gap-2",
-                    children: children
-                }),
-                icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    className: "flex-shrink-0",
-                    children: icon
-                })
-            ]
-        });
-        const isInSubmenu = props["data-parent-submenu-id"] || props["data-parent-submenu"];
-        if (isInSubmenu) return content;
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drawer_cjs_namespaceObject.DrawerClose, {
-            asChild: true,
-            children: content
-        });
-    }
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuItem, {
-        "data-slot": "drop-drawer-item",
-        "data-variant": variant,
-        "data-inset": inset,
-        className: className,
-        onSelect: onSelect,
-        onClick: onClick,
-        variant: variant,
-        inset: inset,
-        disabled: disabled,
-        ...props,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-            className: "flex w-full items-center justify-between",
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    children: children
-                }),
-                icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    children: icon
-                })
-            ]
-        })
-    });
-}
-function DropDrawerSeparator({ className, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    if (isMobile) return null;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuSeparator, {
-        "data-slot": "drop-drawer-separator",
-        className: className,
-        ...props
-    });
-}
-function DropDrawerLabel({ className, children, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    if (isMobile) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drawer_cjs_namespaceObject.DrawerHeader, {
-        className: "p-0",
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drawer_cjs_namespaceObject.DrawerTitle, {
-            "data-slot": "drop-drawer-label",
-            className: (0, utils_cjs_namespaceObject.cn)("text-neutral-500 px-4 py-2 text-sm font-medium dark:text-neutral-400", className),
-            ...props,
-            children: children
-        })
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuLabel, {
-        "data-slot": "drop-drawer-label",
-        className: className,
-        ...props,
-        children: children
-    });
-}
-function DropDrawerFooter({ className, children, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    if (isMobile) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_drawer_cjs_namespaceObject.DrawerFooter, {
-        "data-slot": "drop-drawer-footer",
-        className: (0, utils_cjs_namespaceObject.cn)("p-4", className),
-        ...props,
-        children: children
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        "data-slot": "drop-drawer-footer",
-        className: (0, utils_cjs_namespaceObject.cn)("p-2", className),
-        ...props,
-        children: children
-    });
-}
-function DropDrawerGroup({ className, children, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    const childrenWithSeparators = external_react_namespaceObject.useMemo(()=>{
-        if (!isMobile) return children;
-        const childArray = external_react_namespaceObject.Children.toArray(children);
-        const filteredChildren = childArray.filter((child)=>/*#__PURE__*/ external_react_namespaceObject.isValidElement(child) && child.type !== DropDrawerSeparator);
-        return filteredChildren.flatMap((child, index)=>{
-            if (index === filteredChildren.length - 1) return [
-                child
-            ];
-            return [
-                child,
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    className: "bg-neutral-200 h-px dark:bg-neutral-800",
-                    "aria-hidden": "true"
-                }, `separator-${index}`)
-            ];
-        });
-    }, [
-        children,
-        isMobile
-    ]);
-    if (isMobile) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        "data-drop-drawer-group": true,
-        "data-slot": "drop-drawer-group",
-        role: "group",
-        className: (0, utils_cjs_namespaceObject.cn)("bg-neutral-100 dark:bg-neutral-100 mx-2 my-3 overflow-hidden rounded-xl dark:bg-neutral-800 dark:dark:bg-neutral-800", className),
-        ...props,
-        children: childrenWithSeparators
-    });
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        "data-drop-drawer-group": true,
-        "data-slot": "drop-drawer-group",
-        role: "group",
-        className: className,
-        ...props,
-        children: children
-    });
-}
-const SubmenuContext = /*#__PURE__*/ external_react_namespaceObject.createContext({
-    activeSubmenu: null,
-    setActiveSubmenu: ()=>{},
-    submenuTitle: null,
-    setSubmenuTitle: ()=>{},
-    navigateToSubmenu: void 0,
-    registerSubmenuContent: void 0
-});
-let submenuIdCounter = 0;
-function DropDrawerSub({ children, id, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    const { registerSubmenuContent } = external_react_namespaceObject.useContext(SubmenuContext);
-    const [generatedId] = external_react_namespaceObject.useState(()=>`submenu-${submenuIdCounter++}`);
-    const submenuId = id || generatedId;
-    external_react_namespaceObject.useEffect(()=>{
-        if (!registerSubmenuContent) return;
-        const contentItems = [];
-        external_react_namespaceObject.Children.forEach(children, (child)=>{
-            if (/*#__PURE__*/ external_react_namespaceObject.isValidElement(child) && child.type === DropDrawerSubContent) external_react_namespaceObject.Children.forEach(child.props.children, (contentChild)=>{
-                contentItems.push(contentChild);
-            });
-        });
-        if (contentItems.length > 0) registerSubmenuContent(submenuId, contentItems);
-    }, [
-        children,
-        registerSubmenuContent,
-        submenuId
-    ]);
-    if (isMobile) {
-        const processedChildren = external_react_namespaceObject.Children.map(children, (child)=>{
-            if (!/*#__PURE__*/ external_react_namespaceObject.isValidElement(child)) return child;
-            if (child.type === DropDrawerSubTrigger) return /*#__PURE__*/ external_react_namespaceObject.cloneElement(child, {
-                ...child.props,
-                "data-parent-submenu-id": submenuId,
-                "data-submenu-id": submenuId,
-                "data-parent-submenu": submenuId
-            });
-            if (child.type === DropDrawerSubContent) return /*#__PURE__*/ external_react_namespaceObject.cloneElement(child, {
-                ...child.props,
-                "data-parent-submenu-id": submenuId,
-                "data-submenu-id": submenuId,
-                "data-parent-submenu": submenuId
-            });
-            return child;
-        });
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            "data-slot": "drop-drawer-sub",
-            "data-submenu-id": submenuId,
-            id: submenuId,
-            children: processedChildren
-        });
-    }
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuSub, {
-        "data-slot": "drop-drawer-sub",
-        "data-submenu-id": submenuId,
-        ...props,
-        children: children
-    });
-}
-function DropDrawerSubTrigger({ className, inset, children, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    const { navigateToSubmenu } = external_react_namespaceObject.useContext(SubmenuContext);
-    const isInGroup = external_react_namespaceObject.useCallback((element)=>{
-        if (!element) return false;
-        let parent = element.parentElement;
-        while(parent){
-            if (parent.hasAttribute("data-drop-drawer-group")) return true;
-            parent = parent.parentElement;
-        }
-        return false;
-    }, []);
-    const itemRef = external_react_namespaceObject.useRef(null);
-    const [isInsideGroup, setIsInsideGroup] = external_react_namespaceObject.useState(false);
-    external_react_namespaceObject.useEffect(()=>{
-        if (!isMobile) return;
-        const timer = setTimeout(()=>{
-            if (itemRef.current) setIsInsideGroup(isInGroup(itemRef.current));
-        }, 0);
-        return ()=>clearTimeout(timer);
-    }, [
-        isInGroup,
-        isMobile
-    ]);
-    if (isMobile) {
-        const handleClick = (e)=>{
-            e.preventDefault();
-            e.stopPropagation();
-            const element = e.currentTarget;
-            let submenuId = null;
-            if (element.closest("[data-submenu-id]")) {
-                const closestElement = element.closest("[data-submenu-id]");
-                const id = closestElement?.getAttribute("data-submenu-id");
-                if (id) submenuId = id;
-            }
-            if (!submenuId) submenuId = props["data-parent-submenu-id"] || props["data-parent-submenu"];
-            if (!submenuId) return;
-            const title = "string" == typeof children ? children : "Submenu";
-            if (navigateToSubmenu) navigateToSubmenu(submenuId, title);
-        };
-        const combinedOnClick = (e)=>{
-            const typedProps = props;
-            if (typedProps["onClick"]) {
-                const originalOnClick = typedProps["onClick"];
-                originalOnClick(e);
-            }
-            handleClick(e);
-        };
-        const { ...restProps } = props;
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-            ref: itemRef,
-            "data-slot": "drop-drawer-sub-trigger",
-            "data-inset": inset,
-            className: (0, utils_cjs_namespaceObject.cn)("flex cursor-pointer items-center justify-between px-4 py-4", !isInsideGroup && "bg-neutral-100 dark:bg-neutral-100 mx-2 my-1.5 rounded-md dark:bg-neutral-800 dark:dark:bg-neutral-800", isInsideGroup && "bg-transparent py-4", inset && "pl-8", className),
-            onClick: combinedOnClick,
-            ...restProps,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    className: "flex items-center gap-2",
-                    children: children
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
-                    className: "h-5 w-5"
-                })
-            ]
-        });
-    }
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuSubTrigger, {
-        "data-slot": "drop-drawer-sub-trigger",
-        "data-inset": inset,
-        className: className,
-        inset: inset,
-        ...props,
-        children: children
-    });
-}
-function DropDrawerSubContent({ className, sideOffset = 4, children, ...props }) {
-    const { isMobile } = useDropDrawerContext();
-    if (isMobile) return null;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuSubContent, {
-        "data-slot": "drop-drawer-sub-content",
-        sideOffset: sideOffset,
-        className: (0, utils_cjs_namespaceObject.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:border-neutral-800", className),
-        ...props,
-        children: children
-    });
-}
-exports.DropDrawer = __webpack_exports__.DropDrawer;
-exports.DropDrawerContent = __webpack_exports__.DropDrawerContent;
-exports.DropDrawerFooter = __webpack_exports__.DropDrawerFooter;
-exports.DropDrawerGroup = __webpack_exports__.DropDrawerGroup;
-exports.DropDrawerItem = __webpack_exports__.DropDrawerItem;
-exports.DropDrawerLabel = __webpack_exports__.DropDrawerLabel;
-exports.DropDrawerSeparator = __webpack_exports__.DropDrawerSeparator;
-exports.DropDrawerSub = __webpack_exports__.DropDrawerSub;
-exports.DropDrawerSubContent = __webpack_exports__.DropDrawerSubContent;
-exports.DropDrawerSubTrigger = __webpack_exports__.DropDrawerSubTrigger;
-exports.DropDrawerTrigger = __webpack_exports__.DropDrawerTrigger;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "DropDrawer",
-    "DropDrawerContent",
-    "DropDrawerFooter",
-    "DropDrawerGroup",
-    "DropDrawerItem",
-    "DropDrawerLabel",
-    "DropDrawerSeparator",
-    "DropDrawerSub",
-    "DropDrawerSubContent",
-    "DropDrawerSubTrigger",
-    "DropDrawerTrigger"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
-
-//# sourceMappingURL=dropdrawer.cjs.map