@kala-ui/react 0.0.1-beta.1

package/dist/src/components/header/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,OAAO;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC/B;AAED,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAClC;AAED,eAAO,MAAM,MAAM,iFA+clB,CAAC"}

package/dist/src/components/header/header.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bell, ChevronDown, Menu, Settings, X } from "lucide-react";
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { cn } from "../../lib/utils";
+import { Button } from "../button";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, } from "../navigation-menu";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../tabs";
+export const Header = React.forwardRef(({ className, logo, navLinks = [], userMenu, userProfile, searchBar, notifications, mobileNotifications, themeSwitcher, themeSwitcherMobile, languageSwitcher, languageSwitcherMobile, onMobileMenuToggle, isMobileMenuOpen, variant = "default", ...props }, ref) => {
+    // Lock body scroll when mobile menu is open
+    React.useEffect(() => {
+        if (isMobileMenuOpen) {
+            // Calculate scrollbar width
+            const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+            document.body.style.setProperty("--removed-body-scroll-bar-size", `${scrollbarWidth}px`);
+            document.body.setAttribute("data-scroll-locked", "1");
+        }
+        else {
+            document.body.removeAttribute("data-scroll-locked");
+            document.body.style.removeProperty("--removed-body-scroll-bar-size");
+        }
+        // Cleanup on unmount
+        return () => {
+            document.body.removeAttribute("data-scroll-locked");
+            document.body.style.removeProperty("--removed-body-scroll-bar-size");
+        };
+    }, [isMobileMenuOpen]);
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    // Track expanded mobile menu items
+    const [expandedItems, setExpandedItems] = React.useState(new Set());
+    const toggleExpanded = (label) => {
+        setExpandedItems((prev) => {
+            const next = new Set(prev);
+            if (next.has(label)) {
+                next.delete(label);
+            }
+            else {
+                next.add(label);
+            }
+            return next;
+        });
+    };
+    return (_jsxs("header", { ref: ref, "data-comp": "header", className: cn("w-full bg-popover border-b sticky top-0 z-20 theme-popover", className), ...props, children: [_jsx("div", { className: "container mx-auto px-3 sm:px-4 lg:px-6 xl:px-8", children: _jsxs("div", { className: "flex items-center justify-between h-14 sm:h-16 gap-2 sm:gap-4", children: [_jsx("div", { className: "shrink-0 min-w-0 max-w-[120px] sm:max-w-none", children: logo }), _jsx("div", { className: cn("hidden lg:flex items-center gap-3 lg:gap-6", variant === "default" ? "flex-1" : ""), children: _jsx("div", { className: cn("flex", variant === "default" ? "mx-auto" : ""), children: _jsxs(NavigationMenu, { children: [_jsx(NavigationMenuList, { children: navLinks.map((link) => (_jsx(NavigationMenuItem, { children: link.children ? (_jsxs(_Fragment, { children: [_jsx(NavigationMenuTrigger, { className: cn("text-sm lg:text-base", link.active && "text-primary"), children: link.label }), _jsx(NavigationMenuContent, { children: _jsx("ul", { className: cn("py-2", link.children.length <= 3
+                                                                    ? "w-[220px]"
+                                                                    : "w-[440px] grid grid-cols-2"), children: link.children.map((child) => (_jsx("li", { children: _jsx(NavigationMenuLink, { asChild: true, children: _jsx("a", { href: child.href, className: cn("block px-4 py-2.5 text-sm font-normal no-underline outline-none transition-colors", "text-foreground", "hover:bg-accent hover:text-accent-foreground", "focus:bg-accent focus:text-accent-foreground", child.active &&
+                                                                                "text-primary bg-primary/10"), children: child.label }) }) }, child.href))) }) })] })) : (_jsx(NavigationMenuLink, { href: link.href, className: cn("px-4 py-2 text-sm lg:text-base", link.active && "text-primary"), "aria-current": link.active ? "page" : undefined, children: link.label })) }, link.href))) }), _jsx(NavigationMenuViewport, {})] }) }) }), _jsxs("div", { className: "flex items-center gap-1.5 sm:gap-2 lg:gap-3 shrink-0", children: [searchBar && (_jsx("div", { className: "hidden lg:block w-48 xl:w-64", children: searchBar })), languageSwitcher && (_jsx("div", { className: "hidden lg:block", children: languageSwitcher })), themeSwitcher && (_jsx("div", { className: "hidden lg:block", children: themeSwitcher })), notifications && (_jsx("div", { className: "hidden lg:block", children: notifications })), userMenu && _jsx("div", { className: "hidden lg:block", children: userMenu }), onMobileMenuToggle && (_jsx(Button, { variant: "ghost", size: "icon", className: "lg:hidden h-9 w-9 sm:h-10 sm:w-10", onClick: onMobileMenuToggle, "aria-label": "Toggle mobile menu", "aria-expanded": isMobileMenuOpen, children: isMobileMenuOpen ? (_jsx(X, { className: "w-5 h-5 sm:w-6 sm:h-6" })) : (_jsx(Menu, { className: "w-5 h-5 sm:w-6 sm:h-6" })) }))] })] }) }), isMobileMenuOpen &&
+                mounted &&
+                createPortal(_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 bg-black/20 backdrop-blur-sm z-40 lg:hidden", onClick: onMobileMenuToggle, "aria-hidden": "true" }), _jsxs("nav", { className: "fixed top-0 left-0 right-0 bottom-0 bg-popover z-40 lg:hidden overflow-hidden flex flex-col theme-popover", "aria-label": "Mobile navigation", children: [_jsxs("div", { className: "flex items-center justify-between px-4 h-14 sm:h-16 border-b shrink-0", children: [_jsx("div", { className: "shrink-0 min-w-0 max-w-[120px] sm:max-w-none", children: logo }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-9 w-9 sm:h-10 sm:w-10", onClick: onMobileMenuToggle, "aria-label": "Close mobile menu", children: _jsx(X, { className: "w-5 h-5 sm:w-6 sm:h-6" }) })] }), _jsxs(Tabs, { defaultValue: "menu", className: "flex flex-col flex-1 overflow-hidden", children: [_jsx("div", { className: "px-4 py-2 border-b shrink-0", children: _jsxs(TabsList, { className: "w-full grid grid-cols-3", children: [_jsx(TabsTrigger, { value: "menu", children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Menu, { className: "w-4 h-4" }), _jsx("span", { children: "Menu" })] }) }), _jsx(TabsTrigger, { value: "notifications", children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Bell, { className: "w-4 h-4" }), _jsx("span", { children: "Alerts" })] }) }), _jsx(TabsTrigger, { value: "preferences", children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Settings, { className: "w-4 h-4" }), _jsx("span", { children: "Preferences" })] }) })] }) }), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsxs(TabsContent, { value: "menu", className: "mt-0 h-full", children: [searchBar && (_jsx("div", { className: "px-4 py-3 border-b", children: searchBar })), userProfile ? (_jsxs("div", { className: "border-b", children: [_jsxs("div", { className: "px-4 py-4 flex items-center gap-3 bg-muted", children: [userProfile.avatar ? (_jsx("img", { src: userProfile.avatar, alt: userProfile.name, className: "w-10 h-10 rounded-full object-cover" })) : (_jsx("div", { className: "w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center text-primary font-semibold", children: userProfile.name.charAt(0).toUpperCase() })), _jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "text-sm font-medium text-foreground truncate", children: userProfile.name }), _jsx("span", { className: "text-xs text-muted-foreground truncate", children: userProfile.email })] })] }), _jsx("div", { className: "py-2", children: userProfile.links.map((link, index) => (_jsxs(React.Fragment, { children: [link.divider && index > 0 && (_jsx("div", { className: "my-2 border-t" })), link.href ? (_jsxs("a", { href: link.href, className: cn("flex items-center gap-3 px-4 py-2.5 text-sm transition-colors hover:bg-accent", link.variant === "danger"
+                                                                                    ? "text-destructive hover:bg-destructive/10"
+                                                                                    : "text-foreground hover:text-foreground"), onClick: onMobileMenuToggle, children: [link.icon && (_jsx("span", { className: "w-4 h-4", children: link.icon })), link.label] })) : (_jsxs("button", { type: "button", className: cn("w-full flex items-center gap-3 px-4 py-2.5 text-sm transition-colors hover:bg-accent text-left", link.variant === "danger"
+                                                                                    ? "text-destructive hover:bg-destructive/10"
+                                                                                    : "text-foreground hover:text-foreground"), onClick: () => {
+                                                                                    link.onClick?.();
+                                                                                    onMobileMenuToggle?.();
+                                                                                }, children: [link.icon && (_jsx("span", { className: "w-4 h-4", children: link.icon })), link.label] }))] }, link.label))) })] })) : userMenu ? (_jsxs("div", { className: "px-4 py-3 border-b", children: [_jsx("div", { className: "text-xs font-semibold text-muted-foreground uppercase mb-2", children: "Account" }), userMenu] })) : null, _jsx("div", { className: "py-2", children: navLinks.map((link) => (_jsx(React.Fragment, { children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("a", { href: link.href, className: cn("text-sm font-medium px-4 py-3 flex items-center justify-between transition-colors hover:bg-accent border-l-4", link.active
+                                                                                ? "bg-primary/10 text-primary border-primary"
+                                                                                : "text-foreground border-transparent hover:border-border"), "aria-current": link.active ? "page" : undefined, onClick: (e) => {
+                                                                                if (link.children || link.href === "#") {
+                                                                                    e.preventDefault();
+                                                                                    toggleExpanded(link.label);
+                                                                                }
+                                                                                else {
+                                                                                    onMobileMenuToggle?.();
+                                                                                }
+                                                                            }, children: [link.label, link.children && (_jsx(ChevronDown, { className: cn("w-4 h-4 transition-transform duration-200", expandedItems.has(link.label)
+                                                                                        ? "rotate-180"
+                                                                                        : "") }))] }), link.children &&
+                                                                            expandedItems.has(link.label) && (_jsx("div", { className: "bg-muted animate-in slide-in-from-top-2 duration-200", children: link.children.map((child) => (_jsx("a", { href: child.href, className: cn("block text-sm px-8 py-2.5 transition-colors hover:bg-accent border-l-4 border-transparent", child.active
+                                                                                    ? "text-primary font-medium"
+                                                                                    : "text-muted-foreground hover:text-foreground"), onClick: onMobileMenuToggle, children: child.label }, child.label))) }))] }) }, link.label))) })] }), _jsx(TabsContent, { value: "notifications", className: "mt-0 h-full", children: mobileNotifications || notifications ? (_jsx("div", { className: "p-0", children: mobileNotifications || notifications })) : (_jsxs("div", { className: "flex flex-col items-center justify-center h-64 text-muted-foreground", children: [_jsx(Bell, { className: "w-12 h-12 mb-4 opacity-20" }), _jsx("p", { children: "No notifications" })] })) }), _jsx(TabsContent, { value: "preferences", className: "mt-0 h-full", children: _jsx("div", { className: "flex flex-col", children: (themeSwitcherMobile || languageSwitcherMobile) && (_jsxs("div", { className: "p-4 space-y-6", children: [_jsx("div", { className: "text-xs font-semibold text-muted-foreground uppercase", children: "Preferences" }), _jsxs("div", { className: "flex flex-col gap-6", children: [themeSwitcherMobile && (_jsx("div", { className: "w-full", children: themeSwitcherMobile })), languageSwitcherMobile && (_jsx("div", { className: "w-full", children: languageSwitcherMobile }))] })] })) }) })] })] })] })] }), document.body)] }));
+});
+Header.displayName = "Header";
+//# sourceMappingURL=header.js.map

package/dist/src/components/header/header.js.map

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

package/dist/src/components/header/header.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Header } from "./header";
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const Default: Story;
+export declare const WithUserMenu: Story;
+export declare const MobileMenuOpen: Story;
+export declare const MinimalLogo: Story;
+//# sourceMappingURL=header.stories.d.ts.map

package/dist/src/components/header/header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/header/header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAU7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsB1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/src/components/header/header.stories.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fn } from "@storybook/test";
+import { Button } from "../button";
+import { Header } from "./header";
+const meta = {
+    title: "Application/Header",
+    component: Header,
+    parameters: {
+        layout: "fullscreen",
+    },
+    tags: ["autodocs"],
+    args: {
+        onMobileMenuToggle: fn(),
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        logo: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-8 h-8 bg-primary rounded-md" }), _jsx("span", { className: "text-lg font-bold", children: "Logo" })] })),
+        navLinks: [
+            { label: "Home", href: "/", active: true },
+            { label: "About", href: "/about" },
+            { label: "Services", href: "/services" },
+            { label: "Contact", href: "/contact" },
+        ],
+    },
+};
+export const WithUserMenu = {
+    args: {
+        logo: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-8 h-8 bg-primary rounded-md" }), _jsx("span", { className: "text-lg font-bold", children: "Logo" })] })),
+        navLinks: [
+            { label: "Home", href: "/", active: true },
+            { label: "Dashboard", href: "/dashboard" },
+            { label: "Profile", href: "/profile" },
+        ],
+        userMenu: (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Button, { variant: "ghost", size: "sm", children: "Sign In" }), _jsx(Button, { size: "sm", children: "Register" })] })),
+    },
+};
+export const MobileMenuOpen = {
+    args: {
+        logo: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-8 h-8 bg-primary rounded-md" }), _jsx("span", { className: "text-lg font-bold", children: "Logo" })] })),
+        navLinks: [
+            { label: "Home", href: "/", active: true },
+            { label: "About", href: "/about" },
+            { label: "Services", href: "/services" },
+            { label: "Contact", href: "/contact" },
+        ],
+        userMenu: (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", children: "Sign In" }), _jsx(Button, { size: "sm", children: "Register" })] })),
+        isMobileMenuOpen: true,
+    },
+};
+export const MinimalLogo = {
+    args: {
+        logo: _jsx("span", { className: "text-2xl font-bold text-primary", children: "Brand" }),
+        navLinks: [
+            { label: "Features", href: "/features" },
+            { label: "Pricing", href: "/pricing" },
+            { label: "Blog", href: "/blog" },
+        ],
+    },
+};
+//# sourceMappingURL=header.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { Header } from "./header";
+describe("Header", () => {
+    const mockNavLinks = [
+        { label: "Home", href: "/", active: true },
+        { label: "About", href: "/about" },
+        { label: "Contact", href: "/contact" },
+    ];
+    it("renders logo correctly", () => {
+        render(_jsx(Header, { logo: _jsx("div", { "data-testid": "logo", children: "Logo" }) }));
+        expect(screen.getByTestId("logo")).toBeInTheDocument();
+    });
+    it("renders navigation links", () => {
+        render(_jsx(Header, { navLinks: mockNavLinks }));
+        expect(screen.getByText("Home")).toBeInTheDocument();
+        expect(screen.getByText("About")).toBeInTheDocument();
+        expect(screen.getByText("Contact")).toBeInTheDocument();
+    });
+    it("applies active styles to active link", () => {
+        render(_jsx(Header, { navLinks: mockNavLinks }));
+        const homeLink = screen.getAllByText("Home")[0]; // Desktop link
+        expect(homeLink).toHaveClass("text-primary");
+    });
+    it("renders user menu when provided", () => {
+        render(_jsx(Header, { userMenu: _jsx("div", { "data-testid": "user-menu", children: "User Menu" }) }));
+        expect(screen.getByTestId("user-menu")).toBeInTheDocument();
+    });
+    it("renders mobile menu toggle button", () => {
+        const handleToggle = vi.fn();
+        render(_jsx(Header, { onMobileMenuToggle: handleToggle }));
+        expect(screen.getByLabelText("Toggle mobile menu")).toBeInTheDocument();
+    });
+    it("calls onMobileMenuToggle when toggle button is clicked", async () => {
+        const handleToggle = vi.fn();
+        const user = userEvent.setup();
+        render(_jsx(Header, { onMobileMenuToggle: handleToggle }));
+        await user.click(screen.getByLabelText("Toggle mobile menu"));
+        expect(handleToggle).toHaveBeenCalledTimes(1);
+    });
+    it("shows mobile navigation when isMobileMenuOpen is true", () => {
+        render(_jsx(Header, { navLinks: mockNavLinks, isMobileMenuOpen: true }));
+        // Check for duplicate links (desktop + mobile)
+        const homeLinks = screen.getAllByText("Home");
+        expect(homeLinks.length).toBeGreaterThan(1);
+    });
+    it("hides mobile navigation when isMobileMenuOpen is false", () => {
+        render(_jsx(Header, { navLinks: mockNavLinks, isMobileMenuOpen: false }));
+        // Only desktop link should exist
+        const homeLinks = screen.getAllByText("Home");
+        expect(homeLinks.length).toBe(1);
+    });
+    it("shows close icon when mobile menu is open", () => {
+        render(_jsx(Header, { navLinks: mockNavLinks, isMobileMenuOpen: true, onMobileMenuToggle: vi.fn() }));
+        const button = screen.getByLabelText("Toggle mobile menu");
+        const svg = button.querySelector("svg");
+        expect(svg).toBeInTheDocument();
+        expect(svg).toHaveClass("lucide-x");
+    });
+    it("shows menu icon when mobile menu is closed", () => {
+        render(_jsx(Header, { navLinks: mockNavLinks, isMobileMenuOpen: false, onMobileMenuToggle: vi.fn() }));
+        const button = screen.getByLabelText("Toggle mobile menu");
+        const svg = button.querySelector("svg");
+        expect(svg).toBeInTheDocument();
+        expect(svg).toHaveClass("lucide-menu");
+    });
+    it("applies custom className", () => {
+        const { container } = render(_jsx(Header, { className: "custom-header" }));
+        const header = container.querySelector("header");
+        expect(header).toHaveClass("custom-header");
+    });
+    it("renders mobile user menu when isMobileMenuOpen is true", () => {
+        render(_jsx(Header, { userMenu: _jsx("div", { "data-testid": "user-menu", children: "User Menu" }), isMobileMenuOpen: true }));
+        const userMenus = screen.getAllByTestId("user-menu");
+        expect(userMenus.length).toBeGreaterThan(1); // Desktop + Mobile
+    });
+});
+//# sourceMappingURL=header.test.js.map

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

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

package/dist/src/components/header/header.types.d.ts

@@ -0,0 +1,40 @@
+import type * as React from "react";
+export interface NavLink {
+    label: string;
+    href: string;
+    active?: boolean;
+    children?: NavLink[];
+}
+export interface UserProfileLink {
+    label: string;
+    href?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    divider?: boolean;
+    variant?: "default" | "danger";
+}
+export interface UserProfile {
+    name: string;
+    email: string;
+    username?: string | null;
+    avatar?: string | null;
+    role?: string;
+    links: UserProfileLink[];
+}
+export interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
+    logo?: React.ReactNode;
+    navLinks?: NavLink[];
+    userMenu?: React.ReactNode;
+    userProfile?: UserProfile;
+    searchBar?: React.ReactNode;
+    notifications?: React.ReactNode;
+    mobileNotifications?: React.ReactNode;
+    themeSwitcher?: React.ReactNode;
+    themeSwitcherMobile?: React.ReactNode;
+    languageSwitcher?: React.ReactNode;
+    languageSwitcherMobile?: React.ReactNode;
+    onMobileMenuToggle?: () => void;
+    isMobileMenuOpen?: boolean;
+    variant?: "default" | "dashboard";
+}
+//# sourceMappingURL=header.types.d.ts.map

package/dist/src/components/header/header.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../../src/components/header/header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,OAAO;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC/B;AAED,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAClC"}

package/dist/src/components/header/header.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=header.types.js.map

package/dist/src/components/header/header.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.types.js","sourceRoot":"","sources":["../../../../src/components/header/header.types.ts"],"names":[],"mappings":""}

package/dist/src/components/header/index.d.ts

@@ -0,0 +1,5 @@
+export type { HeaderProps, NavLink } from "./header";
+export { Header } from "./header";
+export type { HeaderSkeletonConfig, HeaderSkeletonProps, } from "./header-skeleton";
+export { HeaderSkeleton } from "./header-skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACX,oBAAoB,EACpB,mBAAmB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/header/index.js

@@ -0,0 +1,3 @@
+export { Header } from "./header";
+export { HeaderSkeleton } from "./header-skeleton";
+//# sourceMappingURL=index.js.map

package/dist/src/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/header/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAKlC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/components/input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from "./input";
+export type { InputProps } from "./input.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/src/components/input/index.js

@@ -0,0 +1,2 @@
+export { Input } from "./input";
+//# sourceMappingURL=index.js.map

package/dist/src/components/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/components/input/input.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Input Component - Simple primitive input with optional password toggle
+ *
+ * A flexible input component that maintains simplicity while supporting common patterns:
+ * - Password visibility toggle
+ * - Prefix/suffix icons
+ * - Error and success states
+ *
+ * For specialized inputs with validation logic (like username checking),
+ * create separate composed components.
+ */
+import * as React from "react";
+import type { InputProps } from "./input.types";
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

package/dist/src/components/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,qFA6GjB,CAAC"}

package/dist/src/components/input/input.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Input Component - Simple primitive input with optional password toggle
+ *
+ * A flexible input component that maintains simplicity while supporting common patterns:
+ * - Password visibility toggle
+ * - Prefix/suffix icons
+ * - Error and success states
+ *
+ * For specialized inputs with validation logic (like username checking),
+ * create separate composed components.
+ */
+import { Eye, EyeOff } from "lucide-react";
+import * as React from "react";
+import { inputStyles } from "../../config/input";
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+export const Input = React.forwardRef(({ className, type: typeProp = "text", showPasswordToggle = false, prefixIcon, suffixIcon, hasError = false, hasSuccess = false, unstyled = false, isLoading = false, ...props }, ref) => {
+    const [showPassword, setShowPassword] = React.useState(false);
+    const [internalType, setInternalType] = React.useState(typeProp);
+    // Handle password toggle
+    React.useEffect(() => {
+        if (typeProp === "password" && showPasswordToggle) {
+            setInternalType(showPassword ? "text" : "password");
+        }
+        else {
+            setInternalType(typeProp);
+        }
+    }, [typeProp, showPassword, showPasswordToggle]);
+    const hasPrefix = !!prefixIcon;
+    const hasSuffix = !!suffixIcon || (typeProp === "password" && showPasswordToggle);
+    // Show loading skeleton
+    if (isLoading) {
+        return _jsx(Skeleton, { className: cn("h-10 w-full rounded-md", className) });
+    }
+    // Simple input without wrapper (for InputGroup compatibility)
+    if (unstyled || (!hasPrefix && !hasSuffix)) {
+        return (_jsx("input", { type: internalType, className: cn(inputStyles.base, inputStyles.file, hasError && inputStyles.error, hasSuccess && inputStyles.success, className), ref: ref, ...props }));
+    }
+    // Input with wrapper for icons and password toggle
+    return (_jsxs("div", { "data-comp": "input", className: "relative w-full", children: [hasPrefix && (_jsx("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-muted-foreground", children: prefixIcon })), _jsx("input", { type: internalType, className: cn(inputStyles.base, inputStyles.file, hasPrefix && "pl-10", hasSuffix && "pr-10", hasError && inputStyles.error, hasSuccess && inputStyles.success, className), ref: ref, ...props }), hasSuffix && (_jsxs("div", { className: "absolute inset-y-0 right-0 flex items-center gap-2 pr-3", children: [typeProp === "password" && showPasswordToggle && (_jsx("button", { type: "button", onClick: () => setShowPassword(!showPassword), className: "cursor-pointer p-1 text-muted-foreground hover:text-foreground focus:outline-none focus:text-foreground transition-colors", "aria-label": showPassword ? "Hide password" : "Show password", tabIndex: -1, children: showPassword ? (_jsx(EyeOff, { className: "h-5 w-5" })) : (_jsx(Eye, { className: "h-5 w-5" })) })), suffixIcon && (_jsx("span", { className: "pointer-events-none text-muted-foreground", children: suffixIcon }))] }))] }));
+});
+Input.displayName = "Input";
+//# sourceMappingURL=input.js.map

package/dist/src/components/input/input.js.map

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

package/dist/src/components/input/input.stories.d.ts

@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Input } from "./input";
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+/**
+ * Password input with visibility toggle button.
+ * Click the eye icon to show/hide the password.
+ */
+export declare const Password: Story;
+/**
+ * Password input without visibility toggle.
+ */
+export declare const PasswordNoToggle: Story;
+export declare const Email: Story;
+/**
+ * Input with a prefix icon.
+ */
+export declare const WithPrefixIcon: Story;
+/**
+ * Input with a suffix icon.
+ */
+export declare const WithSuffixIcon: Story;
+/**
+ * Input with both prefix and password toggle.
+ */
+export declare const PasswordWithIcon: Story;
+/**
+ * Input with error state styling.
+ */
+export declare const WithError: Story;
+/**
+ * Input with success state styling.
+ */
+export declare const WithSuccess: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const File: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=input.stories.d.ts.map

package/dist/src/components/input/input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAU5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC"}