@kala-ui/react 0.0.1-beta.1

package/dist/src/components/navigation/navigation.stories.js.map

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

package/dist/src/components/navigation/navigation.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=navigation.test.d.ts.map

package/dist/src/components/navigation/navigation.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.test.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/navigation.test.tsx"],"names":[],"mappings":""}

package/dist/src/components/navigation/navigation.test.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { Navigation } from "./navigation";
+const mockLinks = [
+    { label: "Home", href: "/" },
+    { label: "About", href: "/about" },
+    { label: "Contact", href: "/contact" },
+];
+describe("Navigation", () => {
+    describe("Desktop Navigation", () => {
+        it("should render navigation links", () => {
+            render(_jsx(Navigation, { links: mockLinks, pathname: "/" }));
+            // With dropdown mobile, links appear once in desktop view + once in mobile dropdown toggle
+            expect(screen.getByText("Home")).toBeInTheDocument();
+            expect(screen.getByText("About")).toBeInTheDocument();
+            expect(screen.getByText("Contact")).toBeInTheDocument();
+        });
+        it("should highlight active link on homepage", () => {
+            render(_jsx(Navigation, { links: mockLinks, pathname: "/" }));
+            const homeLinks = screen.getAllByText("Home");
+            // Desktop link (first one in DOM)
+            expect(homeLinks[0]).toHaveClass("text-primary");
+        });
+        it("should highlight active link on sub-page", () => {
+            render(_jsx(Navigation, { links: mockLinks, pathname: "/about" }));
+            const aboutLinks = screen.getAllByText("About");
+            expect(aboutLinks[0]).toHaveClass("text-primary");
+        });
+        it("should render horizontal orientation by default", () => {
+            const { container } = render(_jsx(Navigation, { links: mockLinks, pathname: "/" }));
+            const desktopNav = container.querySelector("nav.hidden.md\\:flex");
+            expect(desktopNav).toHaveClass("flex-row");
+        });
+    });
+    describe("Mobile Navigation", () => {
+        it("should render mobile menu toggle button", () => {
+            render(_jsx(Navigation, { links: mockLinks, pathname: "/" }));
+            const toggleButton = screen.getByLabelText("Toggle mobile navigation");
+            expect(toggleButton).toBeInTheDocument();
+        });
+        it("should toggle mobile menu on button click", () => {
+            render(_jsx(Navigation, { links: mockLinks, pathname: "/" }));
+            const toggleButton = screen.getByLabelText("Toggle mobile navigation");
+            // Initially closed
+            expect(toggleButton).toHaveAttribute("aria-expanded", "false");
+            // Open menu
+            fireEvent.click(toggleButton);
+            expect(toggleButton).toHaveAttribute("aria-expanded", "true");
+            // Close menu
+            fireEvent.click(toggleButton);
+            expect(toggleButton).toHaveAttribute("aria-expanded", "false");
+        });
+        it("should close mobile menu when link is clicked", () => {
+            render(_jsx(Navigation, { links: mockLinks, pathname: "/" }));
+            const toggleButton = screen.getByLabelText("Toggle mobile navigation");
+            // Open menu
+            fireEvent.click(toggleButton);
+            expect(toggleButton).toHaveAttribute("aria-expanded", "true");
+            // Click a link in mobile menu (find the one in the dropdown)
+            const aboutLinks = screen.getAllByText("About");
+            const lastAboutLink = aboutLinks[aboutLinks.length - 1];
+            if (lastAboutLink) {
+                fireEvent.click(lastAboutLink);
+            }
+            // Menu should close
+            expect(toggleButton).toHaveAttribute("aria-expanded", "false");
+        });
+    });
+    describe("Vertical Layout", () => {
+        it("should render vertical layout when orientation is vertical", () => {
+            const { container } = render(_jsx(Navigation, { links: mockLinks, pathname: "/", orientation: "vertical" }));
+            const nav = container.querySelector("nav");
+            expect(nav).toHaveClass("md:flex-col");
+        });
+        it("should render all links in vertical layout", () => {
+            render(_jsx(Navigation, { links: mockLinks, pathname: "/", mobileLayout: "vertical" }));
+            expect(screen.getAllByText("Home")).toHaveLength(1);
+            expect(screen.getAllByText("About")).toHaveLength(1);
+            expect(screen.getAllByText("Contact")).toHaveLength(1);
+        });
+    });
+    describe("Accessibility", () => {
+        it("should have proper ARIA attributes for mobile toggle", () => {
+            render(_jsx(Navigation, { links: mockLinks, pathname: "/" }));
+            const toggleButton = screen.getByLabelText("Toggle mobile navigation");
+            expect(toggleButton).toHaveAttribute("aria-expanded");
+            expect(toggleButton).toHaveAttribute("aria-label", "Toggle mobile navigation");
+        });
+        it("should have semantic nav elements", () => {
+            const { container } = render(_jsx(Navigation, { links: mockLinks, pathname: "/" }));
+            const navElements = container.querySelectorAll("nav");
+            expect(navElements.length).toBeGreaterThan(0);
+        });
+    });
+    describe("Custom className", () => {
+        it("should apply custom className to navigation", () => {
+            const { container } = render(_jsx(Navigation, { links: mockLinks, pathname: "/", className: "custom-class" }));
+            const nav = container.querySelector("nav");
+            expect(nav).toHaveClass("custom-class");
+        });
+    });
+});
+//# sourceMappingURL=navigation.test.js.map

package/dist/src/components/navigation/navigation.test.js.map

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

package/dist/src/components/navigation-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle, } from "./navigation-menu";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/navigation-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,GAC1B,MAAM,mBAAmB,CAAC"}

package/dist/src/components/navigation-menu/index.js

@@ -0,0 +1,2 @@
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle, } from "./navigation-menu";
+//# sourceMappingURL=index.js.map

package/dist/src/components/navigation-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,GAC1B,MAAM,mBAAmB,CAAC"}

package/dist/src/components/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,39 @@
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import type * as React from "react";
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenu {
+    var displayName: string;
+}
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuList {
+    var displayName: string;
+}
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuItem {
+    var displayName: string;
+}
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuTrigger {
+    var displayName: string;
+}
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuContent {
+    var displayName: string;
+}
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuViewport {
+    var displayName: string;
+}
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuLink {
+    var displayName: string;
+}
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
+declare namespace NavigationMenuIndicator {
+    var displayName: string;
+}
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/src/components/navigation-menu/navigation-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation-menu/navigation-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,QAAe,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,2CAeA;kBAtBQ,cAAc;;;AAyBvB,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;kBAdQ,kBAAkB;;;AAiB3B,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAQ3D;kBAXQ,kBAAkB;;;AAc3B,QAAA,MAAM,0BAA0B,oFAE/B,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAc9D;kBAlBQ,qBAAqB;;;AAqB9B,iBAAS,qBAAqB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAY9D;kBAfQ,qBAAqB;;;AAkB9B,iBAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,2CAiB/D;kBApBQ,sBAAsB;;;AAuB/B,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;kBAdQ,kBAAkB;;;AAiB3B,iBAAS,uBAAuB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,2CAahE;kBAhBQ,uBAAuB;;;AAmBhC,OAAO,EACN,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,GAC1B,CAAC"}

package/dist/src/components/navigation-menu/navigation-menu.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "../../lib/utils";
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", "data-viewport": viewport, className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: [children, viewport && _jsx(NavigationMenuViewport, {})] }));
+}
+NavigationMenu.displayName = "NavigationMenu";
+function NavigationMenuList({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn("group flex flex-1 list-none items-center justify-center gap-1", className), ...props }));
+}
+NavigationMenuList.displayName = "NavigationMenuList";
+function NavigationMenuItem({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props }));
+}
+NavigationMenuItem.displayName = "NavigationMenuItem";
+const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
+function NavigationMenuTrigger({ className, children, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, " ", _jsx(ChevronDownIcon, { className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] }));
+}
+NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
+function NavigationMenuContent({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn("left-0 top-0 w-full p-2 pr-2.5 data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className), ...props }));
+}
+NavigationMenuContent.displayName = "NavigationMenuContent";
+function NavigationMenuViewport({ className, ...props }) {
+    return (_jsx("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: _jsx(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport", className: cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]", className), ...props }) }));
+}
+NavigationMenuViewport.displayName = "NavigationMenuViewport";
+function NavigationMenuLink({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+NavigationMenuLink.displayName = "NavigationMenuLink";
+function NavigationMenuIndicator({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Indicator, { "data-slot": "navigation-menu-indicator", className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className), ...props, children: _jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" }) }));
+}
+NavigationMenuIndicator.displayName = "NavigationMenuIndicator";
+export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
+//# sourceMappingURL=navigation-menu.js.map

package/dist/src/components/navigation-menu/navigation-menu.js.map

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

package/dist/src/components/navigation-menu/navigation-menu.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from "@storybook/react";
+import { NavigationMenu } from "./navigation-menu";
+declare const meta: {
+    title: string;
+    component: typeof NavigationMenu;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const NavigationMenuDemo: Story;
+export declare const GettingStarted: Story;
+export declare const WithoutViewport: Story;
+export declare const SimpleLinkNavigation: Story;
+export declare const SimpleDropdownList: Story;
+export declare const DropdownWithIcons: Story;
+export declare const GridLayout: Story;
+export declare const ComplexLayoutWithFeatured: Story;
+export declare const ActiveState: Story;
+export declare const NestedLists: Story;
+//# sourceMappingURL=navigation-menu.stories.d.ts.map

package/dist/src/components/navigation-menu/navigation-menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation-menu/navigation-menu.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EACN,cAAc,EAOd,MAAM,mBAAmB,CAAC;AAE3B,QAAA,MAAM,IAAI;;;;;;;CAO6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA6DnC,eAAO,MAAM,kBAAkB,EAAE,KA0JhC,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAyD5B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAmG7B,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA2C/B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAGF,eAAO,MAAM,yBAAyB,EAAE,KAsCvC,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAwDzB,CAAC"}

package/dist/src/components/navigation-menu/navigation-menu.stories.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleCheckIcon, CircleHelpIcon, CircleIcon } from "lucide-react";
+import { useIsMobile } from "../../lib/use-mobile";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, } from "./navigation-menu";
+const meta = {
+    title: "Navigation/NavigationMenu",
+    component: NavigationMenu,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+const components = [
+    {
+        title: "Alert Dialog",
+        href: "/docs/primitives/alert-dialog",
+        description: "A modal dialog that interrupts the user with important content and expects a response.",
+    },
+    {
+        title: "Hover Card",
+        href: "/docs/primitives/hover-card",
+        description: "For sighted users to preview content available behind a link.",
+    },
+    {
+        title: "Progress",
+        href: "/docs/primitives/progress",
+        description: "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
+    },
+    {
+        title: "Scroll-area",
+        href: "/docs/primitives/scroll-area",
+        description: "Visually or semantically separates content.",
+    },
+    {
+        title: "Tabs",
+        href: "/docs/primitives/tabs",
+        description: "A set of layered sections of content—known as tab panels—that are displayed one at a time.",
+    },
+    {
+        title: "Tooltip",
+        href: "/docs/primitives/tooltip",
+        description: "A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.",
+    },
+];
+function ListItem({ title, children, href, ...props }) {
+    return (_jsx("li", { ...props, children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: href, children: [_jsx("div", { className: "text-sm leading-none font-medium", children: title }), _jsx("p", { className: "text-muted-foreground line-clamp-2 text-sm leading-snug", children: children })] }) }) }));
+}
+// Main Demo Story - Full Featured Navigation Menu
+export const NavigationMenuDemo = {
+    render: () => {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const isMobile = useIsMobile();
+        return (_jsx(NavigationMenu, { viewport: isMobile, children: _jsxs(NavigationMenuList, { className: "flex-wrap", children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Home" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]", children: [_jsx("li", { className: "row-span-3", children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { className: "from-muted/50 to-muted flex h-full w-full flex-col justify-end rounded-md bg-linear-to-b p-4 no-underline outline-hidden transition-all duration-200 select-none focus:shadow-md md:p-6", href: "/", children: [_jsx("div", { className: "mb-2 text-lg font-medium sm:mt-4", children: "Kala UI" }), _jsx("p", { className: "text-muted-foreground text-sm leading-tight", children: "Beautifully designed components built with Tailwind CSS." })] }) }) }), _jsx(ListItem, { href: "/docs", title: "Introduction", children: "Re-usable components built using Radix UI and Tailwind CSS." }), _jsx(ListItem, { href: "/docs/installation", title: "Installation", children: "How to install dependencies and structure your app." }), _jsx(ListItem, { href: "/docs/primitives/typography", title: "Typography", children: "Styles for headings, paragraphs, lists...etc" })] }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Components" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid gap-2 sm:w-[400px] md:w-[500px] md:grid-cols-2 lg:w-[600px]", children: components.map((component) => (_jsx(ListItem, { title: component.title, href: component.href, children: component.description }, component.title))) }) })] }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, className: navigationMenuTriggerStyle(), children: _jsx("a", { href: "/docs", children: "Docs" }) }) }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "List" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid w-[300px] gap-4", children: _jsxs("li", { children: [_jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "Components" }), _jsx("div", { className: "text-muted-foreground", children: "Browse all components in the library." })] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "Documentation" }), _jsx("div", { className: "text-muted-foreground", children: "Learn how to use the library." })] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "Blog" }), _jsx("div", { className: "text-muted-foreground", children: "Read our latest blog posts." })] }) })] }) }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Simple" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid w-[200px] gap-4", children: _jsxs("li", { children: [_jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: "https://example.com", children: "Components" }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: "https://example.com", children: "Documentation" }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: "https://example.com", children: "Blocks" }) })] }) }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "With Icon" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid w-[200px] gap-4", children: _jsxs("li", { children: [_jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", className: "flex-row items-center gap-2", children: [_jsx(CircleHelpIcon, {}), "Backlog"] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", className: "flex-row items-center gap-2", children: [_jsx(CircleIcon, {}), "To Do"] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", className: "flex-row items-center gap-2", children: [_jsx(CircleCheckIcon, {}), "Done"] }) })] }) }) })] })] }) }));
+    },
+};
+// Getting Started Example
+export const GettingStarted = {
+    render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Getting started" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]", children: [_jsx("li", { className: "row-span-3", children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { className: "from-muted/50 to-muted flex h-full w-full flex-col justify-end rounded-md bg-linear-to-b p-6 no-underline outline-hidden select-none focus:shadow-md", href: "/", children: [_jsx("div", { className: "mt-4 mb-2 text-lg font-medium", children: "Kala UI" }), _jsx("p", { className: "text-muted-foreground text-sm leading-tight", children: "Beautifully designed components built with Tailwind CSS." })] }) }) }), _jsx(ListItem, { href: "/docs", title: "Introduction", children: "Re-usable components built using Radix UI and Tailwind CSS." }), _jsx(ListItem, { href: "/docs/installation", title: "Installation", children: "How to install dependencies and structure your app." }), _jsx(ListItem, { href: "/docs/primitives/typography", title: "Typography", children: "Styles for headings, paragraphs, lists...etc" })] }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Components" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid w-[400px] gap-2 md:w-[500px] md:grid-cols-2 lg:w-[600px]", children: components.map((component) => (_jsx(ListItem, { title: component.title, href: component.href, children: component.description }, component.title))) }) })] }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, className: navigationMenuTriggerStyle(), children: _jsx("a", { href: "/docs", children: "Documentation" }) }) })] }) })),
+};
+// Without Viewport Example
+export const WithoutViewport = {
+    render: () => (_jsx(NavigationMenu, { viewport: false, children: _jsxs(NavigationMenuList, { children: [_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, className: navigationMenuTriggerStyle(), children: _jsx("a", { href: "/docs", children: "Documentation" }) }) }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "List" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid w-[300px] gap-4", children: _jsxs("li", { children: [_jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "Components" }), _jsx("div", { className: "text-muted-foreground", children: "Browse all components in the library." })] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "Documentation" }), _jsx("div", { className: "text-muted-foreground", children: "Learn how to use the library." })] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "Blog" }), _jsx("div", { className: "text-muted-foreground", children: "Read our latest blog posts." })] }) })] }) }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Simple List" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid w-[200px] gap-4", children: _jsxs("li", { children: [_jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: "https://example.com", children: "Components" }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: "https://example.com", children: "Documentation" }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: "https://example.com", children: "Blocks" }) })] }) }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "With Icon" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid w-[200px] gap-4", children: _jsxs("li", { children: [_jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", className: "flex-row items-center gap-2", children: [_jsx(CircleHelpIcon, {}), "Backlog"] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", className: "flex-row items-center gap-2", children: [_jsx(CircleIcon, {}), "To Do"] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", className: "flex-row items-center gap-2", children: [_jsx(CircleCheckIcon, {}), "Done"] }) })] }) }) })] })] }) })),
+};
+// Simple Link Navigation
+export const SimpleLinkNavigation = {
+    render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, className: navigationMenuTriggerStyle(), children: _jsx("a", { href: "/", children: "Home" }) }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, className: navigationMenuTriggerStyle(), children: _jsx("a", { href: "/docs", children: "Docs" }) }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, className: navigationMenuTriggerStyle(), children: _jsx("a", { href: "/blog", children: "Blog" }) }) })] }) })),
+};
+// Simple Dropdown List
+export const SimpleDropdownList = {
+    render: () => (_jsx(NavigationMenu, { children: _jsx(NavigationMenuList, { children: _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Components" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid w-[200px] gap-4", children: _jsxs("li", { children: [_jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: "https://example.com", children: "Buttons" }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: "https://example.com", children: "Forms" }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: "https://example.com", children: "Cards" }) })] }) }) })] }) }) })),
+};
+// Dropdown with Icons
+export const DropdownWithIcons = {
+    render: () => (_jsx(NavigationMenu, { children: _jsx(NavigationMenuList, { children: _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Status" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid w-[200px] gap-4", children: _jsxs("li", { children: [_jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", className: "flex-row items-center gap-2", children: [_jsx(CircleHelpIcon, {}), "Backlog"] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", className: "flex-row items-center gap-2", children: [_jsx(CircleIcon, {}), "To Do"] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", className: "flex-row items-center gap-2", children: [_jsx(CircleCheckIcon, {}), "Done"] }) })] }) }) })] }) }) })),
+};
+// Grid Layout
+export const GridLayout = {
+    render: () => (_jsx(NavigationMenu, { children: _jsx(NavigationMenuList, { children: _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Components" }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: "grid gap-2 sm:w-[400px] md:w-[500px] md:grid-cols-2 lg:w-[600px]", children: components.map((component) => (_jsx(ListItem, { title: component.title, href: component.href, children: component.description }, component.title))) }) })] }) }) })),
+};
+// Complex Layout with Featured Item
+export const ComplexLayoutWithFeatured = {
+    render: () => (_jsx(NavigationMenu, { children: _jsx(NavigationMenuList, { children: _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Products" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]", children: [_jsx("li", { className: "row-span-3", children: _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { className: "from-muted/50 to-muted flex h-full w-full flex-col justify-end rounded-md bg-linear-to-b p-4 no-underline outline-hidden transition-all duration-200 select-none focus:shadow-md md:p-6", href: "/", children: [_jsx("div", { className: "mb-2 text-lg font-medium sm:mt-4", children: "Featured Product" }), _jsx("p", { className: "text-muted-foreground text-sm leading-tight", children: "Our flagship product that makes development easier." })] }) }) }), _jsx(ListItem, { href: "/products/analytics", title: "Analytics", children: "Track and analyze your application's performance." }), _jsx(ListItem, { href: "/products/monitoring", title: "Monitoring", children: "Real-time monitoring and alerting." }), _jsx(ListItem, { href: "/products/security", title: "Security", children: "Advanced security features for your application." })] }) })] }) }) })),
+};
+// Active State Example
+export const ActiveState = {
+    render: () => (_jsx(NavigationMenu, { children: _jsxs(NavigationMenuList, { children: [_jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, className: navigationMenuTriggerStyle(), children: _jsx("a", { href: "/", children: "Home" }) }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, className: navigationMenuTriggerStyle(), "data-active": "true", children: _jsx("a", { href: "/docs", children: "Docs" }) }) }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { asChild: true, className: navigationMenuTriggerStyle(), children: _jsx("a", { href: "/blog", children: "Blog" }) }) })] }) })),
+};
+// Nested Lists Example
+export const NestedLists = {
+    render: () => (_jsx(NavigationMenu, { children: _jsx(NavigationMenuList, { children: _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Resources" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid w-[300px] gap-4", children: [_jsxs("li", { children: [_jsx("div", { className: "mb-2 px-2 text-xs font-semibold uppercase text-muted-foreground", children: "Documentation" }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "Getting Started" }), _jsx("div", { className: "text-muted-foreground", children: "Quick start guide for new users" })] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "API Reference" }), _jsx("div", { className: "text-muted-foreground", children: "Complete API documentation" })] }) })] }), _jsxs("li", { children: [_jsx("div", { className: "mb-2 px-2 text-xs font-semibold uppercase text-muted-foreground", children: "Community" }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "GitHub" }), _jsx("div", { className: "text-muted-foreground", children: "Open source repository" })] }) }), _jsx(NavigationMenuLink, { asChild: true, children: _jsxs("a", { href: "https://example.com", children: [_jsx("div", { className: "font-medium", children: "Support" }), _jsx("div", { className: "text-muted-foreground", children: "Get help from the community" })] }) })] })] }) })] }) }) })),
+};
+//# sourceMappingURL=navigation-menu.stories.js.map

package/dist/src/components/navigation-menu/navigation-menu.stories.js.map

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

package/dist/src/components/navigation-menu/navigation-menu.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=navigation-menu.test.d.ts.map

package/dist/src/components/navigation-menu/navigation-menu.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.test.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation-menu/navigation-menu.test.tsx"],"names":[],"mappings":""}