@once-ui-system/core 1.0.0

package/dist/modules/navigation/HeadingNav.js

@@ -0,0 +1,185 @@
+"use strict";
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadingNav = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const components_1 = require("@/once-ui/components");
+const useHeadingLinks_1 = require("@/once-ui/hooks/useHeadingLinks");
+const HeadingNav = (0, react_1.forwardRef)((_a, ref) => {
+    var { className, style } = _a, rest = __rest(_a, ["className", "style"]);
+    const [activeHeadingId, setActiveHeadingId] = (0, react_1.useState)(null);
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(0);
+    const indicatorRef = (0, react_1.useRef)(null);
+    const headings = (0, useHeadingLinks_1.useHeadingLinks)();
+    const observerRef = (0, react_1.useRef)(null);
+    const lastUpdateTimeRef = (0, react_1.useRef)(0);
+    const pendingUpdateRef = (0, react_1.useRef)(null);
+    const scrollTimeoutRef = (0, react_1.useRef)(null);
+    const isUpdatingRef = (0, react_1.useRef)(false);
+    const updateActiveHeadingInternal = (0, react_1.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]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (headings.length === 0)
+            return;
+        setActiveHeadingId(((_a = headings[0]) === null || _a === void 0 ? void 0 : _a.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 = () => {
+            var _a;
+            const scrollPosition = window.scrollY;
+            let activeId = (_a = headings[0]) === null || _a === void 0 ? void 0 : _a.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) => {
+                    var _a;
+                    if (element)
+                        (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.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 ((0, jsx_runtime_1.jsxs)(components_1.Row, Object.assign({ paddingLeft: "8", gap: "12", className: className, style: style, ref: ref }, rest, { children: [(0, jsx_runtime_1.jsx)(components_1.Row, { width: "2", background: "neutral-alpha-medium", radius: "full", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(components_1.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: (0, jsx_runtime_1.jsx)(components_1.Row, { fillWidth: true, solid: "brand-strong", radius: "full" }) }) }), (0, jsx_runtime_1.jsx)(components_1.Column, { fillWidth: true, children: headings.map((heading, index) => {
+                    const indent = heading.level - 2;
+                    const isActive = heading.id === activeHeadingId;
+                    return ((0, jsx_runtime_1.jsx)(components_1.Flex, { fillWidth: true, height: "32", paddingX: "4", children: (0, jsx_runtime_1.jsx)(components_1.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: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: isActive ? "body-strong-s" : "body-default-s", truncate: true, style: {
+                                    transition: "font-weight 0.2s ease",
+                                }, children: heading.text }) }) }, heading.id));
+                }) })] })));
+});
+exports.HeadingNav = HeadingNav;
+HeadingNav.displayName = "HeadingNav";
+//# sourceMappingURL=HeadingNav.js.map

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

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

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

@@ -0,0 +1,32 @@
+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;
+}
+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[];
+}
+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/once-ui/modules/navigation/Kbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAqD,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5F,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;CACzB;AAcD,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;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkUlD,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,CAmDpC,CAAC"}

package/dist/modules/navigation/Kbar.js

@@ -0,0 +1,327 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Kbar = exports.KbarContent = exports.KbarTrigger = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const components_1 = require("@/once-ui/components");
+const react_dom_1 = require("react-dom");
+const navigation_1 = require("next/navigation");
+const Kbar_module_scss_1 = __importDefault(require("./Kbar.module.scss"));
+const SectionHeader = ({ label }) => ((0, jsx_runtime_1.jsx)(components_1.Flex, { paddingX: "12", paddingBottom: "8", paddingTop: "12", textVariant: "label-default-s", onBackground: "neutral-weak", children: label }));
+const KbarTrigger = (_a) => {
+    var { onClick, children } = _a, rest = __rest(_a, ["onClick", "children"]);
+    return ((0, jsx_runtime_1.jsx)(components_1.Flex, Object.assign({ onClick: onClick }, rest, { children: children })));
+};
+exports.KbarTrigger = KbarTrigger;
+const KbarContent = ({ isOpen, onClose, items }) => {
+    const [searchQuery, setSearchQuery] = (0, react_1.useState)("");
+    const [highlightedIndex, setHighlightedIndex] = (0, react_1.useState)(null);
+    const containerRef = (0, react_1.useRef)(null);
+    const inputRef = (0, react_1.useRef)(null);
+    const scrollContainerRef = (0, react_1.useRef)(null);
+    const optionRefs = (0, react_1.useRef)([]);
+    const router = (0, navigation_1.useRouter)();
+    const [isClosing, setIsClosing] = (0, react_1.useState)(false);
+    const handleClose = (0, react_1.useCallback)(() => {
+        setIsClosing(true);
+        // Add a small delay to allow animations to complete
+        requestAnimationFrame(() => {
+            onClose();
+        });
+    }, [onClose]);
+    // Filter items based on search query
+    const filteredItems = (0, react_1.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 = (0, react_1.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: (0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsx)(components_1.Icon, { name: item.icon, size: "xs", onBackground: "neutral-weak" })) : undefined,
+                    hasSuffix: item.shortcut && item.shortcut.length > 0 ? ((0, jsx_runtime_1.jsx)(components_1.Row, { gap: "4", children: item.shortcut.map((key, i) => ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: "label-default-xs", onBackground: "neutral-weak", children: key }, i))) })) : undefined,
+                    description: item.description,
+                    href: item.href,
+                    onClick: item.perform
+                        ? () => {
+                            var _a;
+                            (_a = item.perform) === null || _a === void 0 ? void 0 : _a.call(item);
+                            onClose();
+                        }
+                        : undefined,
+                });
+            }
+        }
+        return result;
+    }, [filteredItems, onClose]);
+    // Get non-custom options for highlighting
+    const nonCustomOptions = (0, react_1.useMemo)(() => {
+        return groupedItems.filter((item) => !item.isCustom);
+    }, [groupedItems]);
+    // Reset optionRefs when nonCustomOptions change
+    (0, react_1.useEffect)(() => {
+        optionRefs.current = Array(nonCustomOptions.length).fill(null);
+    }, [nonCustomOptions.length]);
+    // Reset highlighted index when search query changes
+    (0, react_1.useEffect)(() => {
+        setHighlightedIndex(nonCustomOptions.length > 0 ? 0 : null);
+    }, [searchQuery, nonCustomOptions.length]);
+    // Handle keyboard navigation
+    const handleKeyDown = (0, react_1.useCallback)((e) => {
+        if (!nonCustomOptions.length)
+            return;
+        switch (e.key) {
+            case "ArrowDown":
+                e.preventDefault();
+                setHighlightedIndex((prevIndex) => {
+                    if (prevIndex === null)
+                        return 0;
+                    return (prevIndex + 1) % nonCustomOptions.length;
+                });
+                break;
+            case "ArrowUp":
+                e.preventDefault();
+                setHighlightedIndex((prevIndex) => {
+                    if (prevIndex === null)
+                        return nonCustomOptions.length - 1;
+                    return (prevIndex - 1 + nonCustomOptions.length) % nonCustomOptions.length;
+                });
+                break;
+            case "Enter":
+                e.preventDefault();
+                if (highlightedIndex !== null && highlightedIndex < nonCustomOptions.length) {
+                    const selectedOption = nonCustomOptions[highlightedIndex];
+                    if (selectedOption) {
+                        // Find the original item to get the perform function or href
+                        const originalItem = items.find((item) => item.id === selectedOption.value);
+                        if (originalItem) {
+                            if (originalItem.href) {
+                                router.push(originalItem.href);
+                                onClose();
+                            }
+                            else if (originalItem.perform) {
+                                originalItem.perform();
+                                onClose();
+                            }
+                        }
+                    }
+                }
+                break;
+        }
+    }, [nonCustomOptions, items, router, onClose, highlightedIndex]);
+    // Scroll highlighted element into view
+    (0, react_1.useEffect)(() => {
+        if (isOpen && highlightedIndex !== null && nonCustomOptions.length > 0) {
+            // Use requestAnimationFrame to ensure the DOM has updated
+            requestAnimationFrame(() => {
+                const highlightedElement = optionRefs.current[highlightedIndex];
+                const scrollContainer = scrollContainerRef.current;
+                if (highlightedElement && scrollContainer) {
+                    const elementRect = highlightedElement.getBoundingClientRect();
+                    const containerRect = scrollContainer.getBoundingClientRect();
+                    // Check if the element is not fully visible
+                    if (elementRect.bottom > containerRect.bottom) {
+                        // Element is below the visible area - scroll just enough to show it
+                        const scrollAmount = elementRect.bottom - containerRect.bottom + 8; // Add a small buffer
+                        scrollContainer.scrollTop += scrollAmount;
+                    }
+                    else if (elementRect.top < containerRect.top) {
+                        // Element is above the visible area - scroll just enough to show it
+                        const scrollAmount = containerRect.top - elementRect.top + 8; // Add a small buffer
+                        scrollContainer.scrollTop -= scrollAmount;
+                    }
+                }
+            });
+        }
+    }, [highlightedIndex, isOpen, nonCustomOptions.length]);
+    // Handle escape key
+    (0, react_1.useEffect)(() => {
+        const handleEscapeKey = (e) => {
+            if (e.key === "Escape") {
+                handleClose();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener("keydown", handleEscapeKey);
+        }
+        return () => {
+            document.removeEventListener("keydown", handleEscapeKey);
+        };
+    }, [isOpen, handleClose]);
+    // Lock body scroll when kbar is open
+    (0, react_1.useEffect)(() => {
+        if (isOpen) {
+            // Prevent body scrolling when kbar is open
+            document.body.style.overflow = "hidden";
+        }
+        else {
+            // Restore body scrolling when kbar is closed
+            document.body.style.overflow = "unset";
+        }
+        return () => {
+            // Cleanup function to ensure body scroll is restored
+            document.body.style.overflow = "unset";
+        };
+    }, [isOpen]);
+    // Clear search query when kbar is closed
+    (0, react_1.useEffect)(() => {
+        if (!isOpen) {
+            setSearchQuery("");
+            setHighlightedIndex(null);
+        }
+        else {
+            // Set the first item as highlighted when opened
+            if (nonCustomOptions.length > 0) {
+                setHighlightedIndex(0);
+            }
+        }
+    }, [isOpen, nonCustomOptions]);
+    // Focus search input when kbar is opened
+    (0, react_1.useEffect)(() => {
+        if (isOpen && inputRef.current) {
+            // Use a small timeout to ensure the component is fully rendered
+            const timer = setTimeout(() => {
+                var _a;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.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 ((0, jsx_runtime_1.jsx)(components_1.Flex, { position: "fixed", top: "0", left: "0", right: "0", bottom: "0", zIndex: 10, center: true, background: "overlay", className: `${Kbar_module_scss_1.default.overlay} ${isClosing ? Kbar_module_scss_1.default.closing : ""}`, onClick: (e) => {
+            if (e.target === e.currentTarget) {
+                handleClose();
+            }
+        }, children: (0, jsx_runtime_1.jsxs)(components_1.Column, { ref: containerRef, maxHeight: 32, fitHeight: true, maxWidth: "xs", background: "surface", radius: "l", border: "neutral-alpha-medium", overflow: "hidden", shadow: "l", className: `${Kbar_module_scss_1.default.content} ${isClosing ? Kbar_module_scss_1.default.closing : ""}`, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)(components_1.Flex, { fillWidth: true, children: (0, jsx_runtime_1.jsx)(components_1.Input, { id: "kbar-search", placeholder: "Search docs...", value: searchQuery, onChange: handleSearchChange, onKeyDown: handleKeyDown, ref: inputRef, hasPrefix: (0, jsx_runtime_1.jsx)(components_1.Icon, { name: "search", size: "xs" }), radius: "none", autoComplete: "off", style: {
+                            marginTop: "-1px",
+                            marginLeft: "-1px",
+                            width: "calc(100% + 2px)",
+                        } }) }), (0, jsx_runtime_1.jsxs)(components_1.Column, { ref: scrollContainerRef, fillWidth: true, padding: "4", gap: "2", overflowY: "auto", children: [groupedItems.map((option, index) => {
+                            if (option.isCustom) {
+                                return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: option.label }, option.value);
+                            }
+                            // Find the index in the non-custom options array
+                            const optionIndex = nonCustomOptions.findIndex((item) => item.value === option.value);
+                            const isHighlighted = optionIndex === highlightedIndex;
+                            return ((0, jsx_runtime_1.jsx)(components_1.Option, Object.assign({ ref: (el) => {
+                                    if (optionIndex >= 0 && optionIndex < optionRefs.current.length) {
+                                        optionRefs.current[optionIndex] = el;
+                                    }
+                                }, label: option.label, value: option.value, hasPrefix: option.hasPrefix, hasSuffix: option.hasSuffix, description: option.description }, (option.href
+                                ? { href: option.href, onClick: undefined, onLinkClick: onClose }
+                                : { onClick: option.onClick }), { highlighted: isHighlighted }), option.value));
+                        }), searchQuery && filteredItems.length === 0 && ((0, jsx_runtime_1.jsx)(components_1.Flex, { fillWidth: true, center: true, paddingX: "16", paddingY: "64", children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: "body-default-m", onBackground: "neutral-weak", children: "No results found" }) }))] })] }) }));
+};
+exports.KbarContent = KbarContent;
+const Kbar = (_a) => {
+    var { items, children } = _a, rest = __rest(_a, ["items", "children"]);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const router = (0, navigation_1.useRouter)();
+    const pathname = (0, navigation_1.usePathname)();
+    const handleOpen = () => {
+        setIsOpen(true);
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+    };
+    // Close Kbar when pathname changes
+    (0, react_1.useEffect)(() => {
+        if (isOpen) {
+            handleClose();
+        }
+    }, [pathname]);
+    // Add keyboard shortcut listener
+    (0, react_1.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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.KbarTrigger, Object.assign({ onClick: handleOpen }, rest, { children: children })), isOpen &&
+                (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.KbarContent, { isOpen: isOpen, onClose: handleClose, items: items }), document.body)] }));
+};
+exports.Kbar = Kbar;
+//# sourceMappingURL=Kbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Kbar.js","sourceRoot":"","sources":["../../../src/once-ui/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);
+  }
+}