@studio-helga/once-ui-core 1.7.8

package/dist/modules/navigation/HeadingNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingNav.d.ts","sourceRoot":"","sources":["../../../src/modules/navigation/HeadingNav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAU,IAAI,EAA+C,MAAM,QAAQ,CAAC;AAEnF,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,2FAsPd,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/modules/navigation/HeadingNav.js

@@ -0,0 +1,168 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useEffect, useState, useRef, useCallback } from "react";
+import { Column, Flex, Icon, Row, SmartLink, Text, useHeadingLinks } from "../../";
+const HeadingNav = forwardRef(({ className, style, header = true, ...rest }, ref) => {
+    const [activeHeadingId, setActiveHeadingId] = useState(null);
+    const [activeIndex, setActiveIndex] = useState(0);
+    const indicatorRef = useRef(null);
+    const headings = useHeadingLinks();
+    const observerRef = useRef(null);
+    const lastUpdateTimeRef = useRef(0);
+    const pendingUpdateRef = useRef(null);
+    const scrollTimeoutRef = useRef(null);
+    const isUpdatingRef = useRef(false);
+    const updateActiveHeadingInternal = useCallback((id) => {
+        const index = headings.findIndex((h) => h.id === id);
+        if (index !== -1) {
+            setActiveHeadingId(id);
+            setActiveIndex(index);
+            if (indicatorRef.current) {
+                indicatorRef.current.style.top = `calc(${index} * var(--static-space-32))`;
+            }
+            lastUpdateTimeRef.current = Date.now();
+            isUpdatingRef.current = false;
+        }
+    }, [headings]);
+    useEffect(() => {
+        if (headings.length === 0)
+            return;
+        setActiveHeadingId(headings[0]?.id || null);
+        const headingElements = headings
+            .map((heading) => document.getElementById(heading.id))
+            .filter(Boolean);
+        const headingPositions = new Map();
+        const calculateHeadingPositions = () => {
+            headingElements.forEach((el) => {
+                if (el) {
+                    headingPositions.set(el.id, el.getBoundingClientRect().top + window.scrollY - 150);
+                }
+            });
+        };
+        calculateHeadingPositions();
+        const debouncedUpdateActiveHeading = (id) => {
+            const now = Date.now();
+            if (isUpdatingRef.current) {
+                pendingUpdateRef.current = id;
+                return;
+            }
+            if (now - lastUpdateTimeRef.current < 200) {
+                pendingUpdateRef.current = id;
+                if (scrollTimeoutRef.current) {
+                    clearTimeout(scrollTimeoutRef.current);
+                }
+                scrollTimeoutRef.current = setTimeout(() => {
+                    if (pendingUpdateRef.current) {
+                        isUpdatingRef.current = true;
+                        updateActiveHeadingInternal(pendingUpdateRef.current);
+                        pendingUpdateRef.current = null;
+                    }
+                }, 200);
+                return;
+            }
+            isUpdatingRef.current = true;
+            updateActiveHeadingInternal(id);
+        };
+        const findActiveHeading = () => {
+            const scrollPosition = window.scrollY;
+            let activeId = headings[0]?.id;
+            let closestPosition = -Infinity;
+            headingPositions.forEach((position, id) => {
+                if (position <= scrollPosition && position > closestPosition) {
+                    closestPosition = position;
+                    activeId = id;
+                }
+            });
+            if (activeId) {
+                debouncedUpdateActiveHeading(activeId);
+            }
+        };
+        let ticking = false;
+        const handleScroll = () => {
+            if (!ticking) {
+                window.requestAnimationFrame(() => {
+                    findActiveHeading();
+                    ticking = false;
+                });
+                ticking = true;
+            }
+        };
+        window.addEventListener("scroll", handleScroll, { passive: true });
+        observerRef.current = new IntersectionObserver((entries) => {
+            if (Date.now() - lastUpdateTimeRef.current > 400) {
+                const enteringEntries = entries.filter((entry) => entry.isIntersecting);
+                if (enteringEntries.length > 0) {
+                    enteringEntries.sort((a, b) => {
+                        const aRect = a.boundingClientRect;
+                        const bRect = b.boundingClientRect;
+                        return aRect.top - bRect.top;
+                    });
+                    debouncedUpdateActiveHeading(enteringEntries[0].target.id);
+                }
+            }
+        }, {
+            rootMargin: "-150px 0px -30% 0px",
+            threshold: [0, 0.1, 0.5, 1],
+        });
+        headingElements.forEach((element) => {
+            if (element && observerRef.current) {
+                observerRef.current.observe(element);
+            }
+        });
+        window.addEventListener("resize", calculateHeadingPositions);
+        findActiveHeading();
+        return () => {
+            if (observerRef.current) {
+                headingElements.forEach((element) => {
+                    if (element)
+                        observerRef.current?.unobserve(element);
+                });
+            }
+            window.removeEventListener("scroll", handleScroll);
+            window.removeEventListener("resize", calculateHeadingPositions);
+            if (scrollTimeoutRef.current) {
+                clearTimeout(scrollTimeoutRef.current);
+            }
+        };
+    }, [headings, updateActiveHeadingInternal]);
+    const handleHeadingClick = (id, index) => {
+        setActiveHeadingId(id);
+        setActiveIndex(index);
+        if (indicatorRef.current) {
+            indicatorRef.current.style.top = `calc(${index} * var(--static-space-32))`;
+        }
+        lastUpdateTimeRef.current = Date.now();
+    };
+    return (_jsx(Column, { gap: "16", position: "sticky", fitHeight: true, className: className, style: style, ref: ref, ...rest, children: headings.length > 0 &&
+            _jsxs(_Fragment, { children: [header &&
+                        _jsxs(Row, { gap: "12", paddingLeft: "2", vertical: "center", onBackground: "neutral-medium", textVariant: "label-default-s", children: [_jsx(Icon, { name: "document", size: "xs" }), "On this page"] }), _jsxs(Row, { paddingLeft: "8", gap: "12", children: [_jsx(Row, { width: "2", background: "neutral-alpha-medium", radius: "full", overflow: "hidden", children: _jsx(Row, { ref: indicatorRef, height: "32", paddingY: "4", fillWidth: true, position: "absolute", style: {
+                                        top: `calc(${activeIndex} * var(--static-space-32))`,
+                                        transition: "top 0.3s ease",
+                                    }, children: _jsx(Row, { fillWidth: true, solid: "brand-strong", radius: "full" }) }) }), _jsx(Column, { fillWidth: true, children: headings.map((heading, index) => {
+                                    const indent = heading.level - 2;
+                                    const isActive = heading.id === activeHeadingId;
+                                    return (_jsx(Flex, { fillWidth: true, height: "32", paddingX: "4", children: _jsx(SmartLink, { fillWidth: true, href: "#" + heading.id, onClick: (e) => {
+                                                e.preventDefault();
+                                                const target = document.getElementById(heading.id);
+                                                if (target) {
+                                                    const targetPosition = target.getBoundingClientRect().top + window.scrollY - 150;
+                                                    window.scrollTo({
+                                                        top: targetPosition,
+                                                        behavior: "smooth",
+                                                    });
+                                                    handleHeadingClick(heading.id, index);
+                                                }
+                                            }, style: {
+                                                paddingLeft: `calc(${indent} * var(--static-space-8))`,
+                                                color: isActive
+                                                    ? "var(--neutral-on-background-strong)"
+                                                    : "var(--neutral-on-background-weak)",
+                                                transition: "color 0.2s ease",
+                                            }, children: _jsx(Text, { variant: isActive ? "body-strong-s" : "body-default-s", truncate: true, style: {
+                                                    transition: "font-weight 0.2s ease",
+                                                }, children: heading.text }) }) }, heading.id));
+                                }) })] })] }) }));
+});
+HeadingNav.displayName = "HeadingNav";
+export { HeadingNav };
+//# sourceMappingURL=HeadingNav.js.map

package/dist/modules/navigation/HeadingNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingNav.js","sourceRoot":"","sources":["../../../src/modules/navigation/HeadingNav.tsx"],"names":[],"mappings":"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"}

package/dist/modules/navigation/Kbar.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from "react";
+export interface KbarItem {
+    id: string;
+    name: string;
+    section: string;
+    shortcut: string[];
+    keywords: string;
+    href?: string;
+    perform?: () => void;
+    icon?: string;
+    description?: ReactNode;
+    placeholder?: string;
+}
+interface KbarTriggerProps {
+    onClick?: () => void;
+    children: React.ReactNode;
+    [key: string]: any;
+}
+export declare const KbarTrigger: React.FC<KbarTriggerProps>;
+interface KbarContentProps {
+    isOpen: boolean;
+    onClose: () => void;
+    items: KbarItem[];
+    placeholder?: string;
+}
+export declare const KbarContent: React.FC<KbarContentProps>;
+export interface KbarProps {
+    items: KbarItem[];
+    children: React.ReactNode;
+    [key: string]: any;
+}
+export declare const Kbar: React.FC<KbarProps>;
+export {};
+//# sourceMappingURL=Kbar.d.ts.map

package/dist/modules/navigation/Kbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbar.d.ts","sourceRoot":"","sources":["../../../src/modules/navigation/Kbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqD,SAAS,EAAE,MAAM,OAAO,CAAC;AAkB5F,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA+CD,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC;AAEF,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0RlD,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6DpC,CAAC"}

package/dist/modules/navigation/Kbar.js

@@ -0,0 +1,192 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef, useCallback, useMemo } from "react";
+import { Flex, Text, Icon, Column, Input, Option, Row, Kbd, ArrowNavigation, useArrowNavigationContext, ScrollLock, } from "../../components";
+import { createPortal } from "react-dom";
+import { useRouter, usePathname } from "next/navigation";
+import styles from "./Kbar.module.scss";
+const SectionHeader = ({ label }) => (_jsx(Row, { paddingX: "12", paddingBottom: "8", paddingTop: "12", textVariant: "label-default-s", onBackground: "neutral-weak", children: label }));
+// Search input that uses arrow navigation context
+const KbarSearchInput = ({ placeholder, searchQuery, onSearchChange, inputRef }) => {
+    const { handleKeyDown: navKeyDown } = useArrowNavigationContext();
+    const handleKeyDown = useCallback((e) => {
+        // Forward arrow keys and Enter to navigation
+        if (["ArrowUp", "ArrowDown", "Enter", "Home", "End"].includes(e.key)) {
+            navKeyDown(e);
+        }
+    }, [navKeyDown]);
+    return (_jsx(Input, { id: "kbar-search", placeholder: placeholder, value: searchQuery, onChange: onSearchChange, onKeyDown: handleKeyDown, ref: inputRef, hasPrefix: _jsx(Icon, { marginLeft: "4", onBackground: "neutral-weak", name: "search", size: "xs" }), autoComplete: "off" }));
+};
+export const KbarTrigger = ({ onClick, children, ...rest }) => {
+    return (_jsx(Row, { onClick: onClick, ...rest, children: children }));
+};
+export const KbarContent = ({ isOpen, onClose, items, placeholder = "Search", }) => {
+    const [searchQuery, setSearchQuery] = useState("");
+    const containerRef = useRef(null);
+    const inputRef = useRef(null);
+    const scrollContainerRef = useRef(null);
+    const router = useRouter();
+    const [isClosing, setIsClosing] = useState(false);
+    const handleClose = useCallback(() => {
+        setIsClosing(true);
+        // Add a small delay to allow animations to complete
+        requestAnimationFrame(() => {
+            onClose();
+        });
+    }, [onClose]);
+    // Filter items based on search query
+    const filteredItems = useMemo(() => {
+        return items.filter((item) => {
+            if (!searchQuery)
+                return true;
+            const searchLower = searchQuery.toLowerCase();
+            return (item.name.toLowerCase().includes(searchLower) ||
+                (item.keywords ? item.keywords.toLowerCase().includes(searchLower) : false) ||
+                (item.section ? item.section.toLowerCase().includes(searchLower) : false));
+        });
+    }, [items, searchQuery]);
+    // Group items by section
+    const groupedItems = useMemo(() => {
+        const sections = new Set(filteredItems.map((item) => item.section));
+        const result = [];
+        for (const section of sections) {
+            // Add section header
+            result.push({
+                value: `section-${section}`,
+                label: _jsx(SectionHeader, { label: section }),
+                isCustom: true,
+            });
+            // Add items for this section
+            const sectionItems = filteredItems.filter((item) => item.section === section);
+            for (const item of sectionItems) {
+                result.push({
+                    value: item.id,
+                    label: item.name,
+                    hasPrefix: item.icon ? (_jsx(Icon, { name: item.icon, size: "xs", onBackground: "neutral-weak" })) : undefined,
+                    hasSuffix: item.shortcut && item.shortcut.length > 0 ? (_jsx(Row, { gap: "2", style: { transform: "scale(0.9)", transformOrigin: "right" }, children: item.shortcut.map((key, i) => (_jsxs(Row, { gap: "2", children: [_jsx(Kbd, { minWidth: "24", style: { transform: "scale(0.8)" }, children: key }), i < item.shortcut.length - 1 && _jsx(Text, { onBackground: "neutral-weak", children: "+" })] }, i))) })) : undefined,
+                    description: item.description,
+                    href: item.href,
+                    onClick: item.perform
+                        ? () => {
+                            item.perform?.();
+                            onClose();
+                        }
+                        : undefined,
+                });
+            }
+        }
+        return result;
+    }, [filteredItems, onClose]);
+    // Get non-custom options for highlighting
+    const nonCustomOptions = useMemo(() => {
+        return groupedItems.filter((item) => !item.isCustom);
+    }, [groupedItems]);
+    // Handle item selection
+    const handleSelect = useCallback((index) => {
+        const selectedOption = nonCustomOptions[index];
+        if (selectedOption) {
+            const originalItem = items.find((item) => item.id === selectedOption.value);
+            if (originalItem) {
+                if (originalItem.href) {
+                    router.push(originalItem.href);
+                    handleClose();
+                }
+                else if (originalItem.perform) {
+                    originalItem.perform();
+                    handleClose();
+                }
+            }
+        }
+    }, [nonCustomOptions, items, router, handleClose]);
+    // Handle escape key
+    useEffect(() => {
+        const handleEscapeKey = (e) => {
+            if (e.key === "Escape") {
+                handleClose();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener("keydown", handleEscapeKey);
+        }
+        return () => {
+            document.removeEventListener("keydown", handleEscapeKey);
+        };
+    }, [isOpen, handleClose]);
+    // Clear search query when kbar is closed
+    useEffect(() => {
+        if (!isOpen) {
+            setSearchQuery("");
+        }
+    }, [isOpen]);
+    // Focus search input when kbar is opened
+    useEffect(() => {
+        if (isOpen && inputRef.current) {
+            // Use a small timeout to ensure the component is fully rendered
+            const timer = setTimeout(() => {
+                inputRef.current?.focus();
+            }, 50);
+            return () => clearTimeout(timer);
+        }
+    }, [isOpen]);
+    // Handle search input change
+    const handleSearchChange = (e) => {
+        setSearchQuery(e.target.value);
+    };
+    // Render nothing if not open
+    if (!isOpen)
+        return null;
+    // Create portal for the kbar
+    return (_jsxs(_Fragment, { children: [_jsx(ScrollLock, { enabled: isOpen, allowScrollInElement: scrollContainerRef }), _jsx(Row, { position: "fixed", top: "0", left: "0", right: "0", bottom: "0", zIndex: 10, center: true, background: "overlay", className: `${styles.overlay} ${isClosing ? styles.closing : ""}`, onClick: (e) => {
+                    if (e.target === e.currentTarget) {
+                        handleClose();
+                    }
+                }, children: _jsxs(Column, { ref: containerRef, fitHeight: true, maxWidth: "xs", background: "surface", radius: "l-4", border: "neutral-alpha-medium", overflow: "hidden", shadow: "l", className: `${styles.content} ${isClosing ? styles.closing : ""}`, onClick: (e) => e.stopPropagation(), children: [_jsxs(ArrowNavigation, { layout: "column", itemCount: nonCustomOptions.length, onSelect: handleSelect, onEscape: handleClose, wrap: true, initialFocusedIndex: 0, itemSelector: '[role="option"]', autoFocus: false, children: [_jsx(Row, { fillWidth: true, padding: "8", children: _jsx(KbarSearchInput, { placeholder: placeholder, searchQuery: searchQuery, onSearchChange: handleSearchChange, inputRef: inputRef }) }), _jsxs(Column, { ref: scrollContainerRef, maxHeight: 32, fillWidth: true, padding: "4", gap: "2", overflowY: "auto", radius: "l", border: "neutral-alpha-weak", children: [groupedItems.map((option, index) => {
+                                            if (option.isCustom) {
+                                                return _jsx(React.Fragment, { children: option.label }, option.value);
+                                            }
+                                            return (_jsx(Option, { label: option.label, value: option.value, hasPrefix: option.hasPrefix, hasSuffix: option.hasSuffix, description: option.description, ...(option.href
+                                                    ? { href: option.href, onClick: undefined, onLinkClick: handleClose }
+                                                    : { onClick: option.onClick }) }, option.value));
+                                        }), searchQuery && filteredItems.length === 0 && (_jsx(Flex, { fillWidth: true, center: true, paddingX: "16", paddingY: "64", textVariant: "body-default-m", onBackground: "neutral-weak", children: "No results found" }))] })] }), _jsx(Row, { fillWidth: true, paddingX: "24", paddingY: "8", children: _jsxs(Row, { style: { transform: "scale(0.8)", transformOrigin: "left" }, gap: "8", onBackground: "neutral-weak", textVariant: "label-default-m", vertical: "center", children: [_jsx(Kbd, { minWidth: "20", children: _jsx(Row, { children: _jsx(Icon, { name: "chevronUp", size: "xs" }) }) }), _jsx(Kbd, { minWidth: "20", children: _jsx(Row, { children: _jsx(Icon, { name: "chevronDown", size: "xs" }) }) }), _jsx(Text, { marginLeft: "8", marginRight: "24", children: "Navigate" }), _jsx(Kbd, { minWidth: "20", children: _jsx(Row, { children: _jsx(Icon, { name: "enter", size: "xs" }) }) }), _jsx(Text, { marginLeft: "8", children: "Go to" })] }) })] }) })] }));
+};
+export const Kbar = ({ items, children, ...rest }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const router = useRouter();
+    const pathname = usePathname();
+    const handleOpen = () => {
+        setIsOpen(true);
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+    };
+    // Close Kbar when pathname changes
+    useEffect(() => {
+        if (isOpen) {
+            handleClose();
+        }
+    }, [pathname]);
+    // Add keyboard shortcut listener
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            // Check for Command+K (Mac) or Control+K (Windows/Linux)
+            if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+                e.preventDefault(); // Prevent default browser behavior
+                setIsOpen((prev) => !prev); // Toggle Kbar open/close
+            }
+        };
+        // Add the event listener
+        document.addEventListener("keydown", handleKeyDown);
+        // Clean up the event listener on component unmount
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx(KbarTrigger, { tabIndex: 0, onClick: handleOpen, onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        handleOpen();
+                    }
+                }, ...rest, children: children }), isOpen &&
+                createPortal(_jsx(KbarContent, { isOpen: isOpen, onClose: handleClose, items: items }), document.body)] }));
+};
+//# sourceMappingURL=Kbar.js.map

package/dist/modules/navigation/Kbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbar.js","sourceRoot":"","sources":["../../../src/modules/navigation/Kbar.tsx"],"names":[],"mappings":"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"}

package/dist/modules/navigation/Kbar.module.scss

@@ -0,0 +1,60 @@
+.overlay {
+  animation: fadeIn 0.2s ease-out forwards;
+  backdrop-filter: var(--backdrop-filter);
+
+  &.closing {
+    animation: fadeOut 0.2s ease-out forwards;
+  }
+}
+
+.content {
+  animation: scaleIn 0.2s ease-out forwards;
+
+  &.closing {
+    animation: scaleOut 0.2s ease-out forwards;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    backdrop-filter: blur(0);
+  }
+  to {
+    opacity: 1;
+    backdrop-filter: var(--backdrop-filter);
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+    backdrop-filter: var(--backdrop-filter);
+  }
+  to {
+    opacity: 0;
+    backdrop-filter: blur(0);
+  }
+}
+
+@keyframes scaleIn {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes scaleOut {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+}

package/dist/modules/navigation/MegaMenu.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from "react";
+import { Flex } from "../../";
+export interface MenuLink {
+    label: ReactNode;
+    href: string;
+    icon?: string;
+    description?: ReactNode;
+    selected?: boolean;
+}
+export interface MenuSection {
+    title?: ReactNode;
+    links: MenuLink[];
+}
+export interface MenuGroup {
+    id: string;
+    label: ReactNode;
+    suffixIcon?: string;
+    href?: string;
+    selected?: boolean;
+    sections?: MenuSection[];
+    content?: ReactNode;
+}
+export interface MegaMenuProps extends React.ComponentProps<typeof Flex> {
+    menuGroups: MenuGroup[];
+    className?: string;
+}
+export declare const MegaMenu: React.FC<MegaMenuProps>;
+//# sourceMappingURL=MegaMenu.d.ts.map

package/dist/modules/navigation/MegaMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MegaMenu.d.ts","sourceRoot":"","sources":["../../../src/modules/navigation/MegaMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA+B,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE5F,OAAO,EAAE,IAAI,EAAyC,MAAM,QAAQ,CAAC;AAGrE,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACtE,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuT5C,CAAC"}