@vtx-ui/react 0.0.1-beta.18 → 0.0.1-beta.21

package/dist/esm/components/Navbar/components/Navbar/Navbar.js

@@ -1,120 +1,53 @@
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { withParsedClasses } from '../../../../hoc/hoc/withParsedClasses.js';
-import { SingleRowNavbar } from '../../variants/components/Navbar/variants/SingleRowNavbar.js';
-import { TwoRowNavbar } from '../../variants/components/Navbar/variants/TwoRowNavbar.js';
-import { CenteredNavbar } from '../../variants/components/Navbar/variants/CenteredNavbar.js';
-import { TransparentNavbar } from '../../variants/components/Navbar/variants/TransparentNavbar.js';
-import { TopBar } from './TopBar.js';
-import { NavItem } from './NavItem.js';
-import Container from '../../../Container/components/Container/Container.js';
-import Flex from '../../../Flex/components/Flex/Flex.js';
-import Autocomplete from '../../../Autocomplete/components/Autocomplete/Autocomplete.js';
-import Badge from '../../../Badge/components/Badge/Badge.js';
-import Avatar from '../../../Avatar/components/Avatar/Avatar.js';
-import Button from '../../../Button/components/Button/Button.js';
-import { BellIcon, ShoppingCartIcon, CloseIcon, MenuIcon } from '../../../../icons/icons/IconComponents.js';
+import { NavbarDesktop } from './NavbarDesktop.js';
+import { NavbarMobile } from './NavbarMobile.js';
 
-// ----- Desktop Navbar Component -----
-const NavbarDesktop = (props) => {
-    const { variant = 'single-row', layout, transparent, sticky, topBar, containerized = true } = props;
-    const [isScrolled, setIsScrolled] = useState(false);
+// Custom hook for responsive behavior
+const useIsMobile = (breakpoint) => {
+    const [isMobile, setIsMobile] = useState(false);
     useEffect(() => {
-        if (transparent && sticky) {
-            const handleScroll = () => {
-                setIsScrolled(window.scrollY > 10);
-            };
-            window.addEventListener('scroll', handleScroll);
-            return () => window.removeEventListener('scroll', handleScroll);
-        }
-        return undefined;
-    }, [transparent, sticky]);
-    const wrapperClass = [
-        'vtx-navbar-wrapper',
-        transparent && 'vtx-navbar-wrapper--transparent',
-        isScrolled && 'vtx-navbar-wrapper--scrolled',
-    ].filter(Boolean).join(' ');
-    const renderVariant = () => {
-        if (variant === 'two-row' || layout === 'two-row') {
-            return jsx(TwoRowNavbar, { ...props, topBar: undefined }); // TopBar handled by wrapper
-        }
-        if (variant === 'centered' || layout === 'centered') {
-            return jsx(CenteredNavbar, { ...props, topBar: undefined });
-        }
-        if (variant === 'transparent') {
-            return jsx(TransparentNavbar, { ...props, topBar: undefined });
-        }
-        return jsx(SingleRowNavbar, { ...props, topBar: undefined });
-    };
-    return (jsxs("div", { className: wrapperClass, children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), renderVariant()] }));
-};
-// ----- Mobile Navbar Component -----
-const NavbarMobile = ({ logo, logoAlt = 'Logo', onLogoClick, brandText, navigationItems = [], sticky = false, shadow = true, backgroundColor, className = '', topBar, user, search, searchOptions = [], searchGetOptionLabel, searchGetOptionValue, searchGetOptionDescription, searchGetOptionIcon, searchNoOptionsMessage, searchLoading, onSearchSelect, notificationCount, onNotificationClick, cartCount, onCartClick, actions, containerized = true, isOpen: controlledIsOpen, onOpenChange, }) => {
-    const [internalIsOpen, setInternalIsOpen] = useState(false);
-    const [searchQuery, setSearchQuery] = useState('');
-    const isControlled = controlledIsOpen !== undefined;
-    const isOpen = isControlled ? controlledIsOpen : internalIsOpen;
-    const handleToggle = () => {
-        const newValue = !isOpen;
-        if (!isControlled) {
-            setInternalIsOpen(newValue);
+        // Media query string
+        const query = `(max-width: ${breakpoint}px)`;
+        // Create matcher
+        const matcher = window.matchMedia(query);
+        // Initial check
+        setIsMobile(matcher.matches);
+        // Change handler
+        const handleChange = (e) => {
+            setIsMobile(e.matches);
+        };
+        // Modern event listener
+        if (matcher.addEventListener) {
+            matcher.addEventListener('change', handleChange);
+            return () => matcher.removeEventListener('change', handleChange);
         }
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newValue);
-    };
-    const handleClose = () => {
-        if (!isControlled) {
-            setInternalIsOpen(false);
+        // Fallback for older browsers (though unlikely needed for React 18+ targets)
+        else {
+            matcher.addListener(handleChange);
+            return () => matcher.removeListener(handleChange);
         }
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
-    };
-    const navbarClass = [
-        'vtx-navbar',
-        'vtx-navbar--mobile',
-        sticky && 'vtx-navbar--sticky',
-        shadow && 'vtx-navbar--shadow',
-        className,
-    ]
-        .filter(Boolean)
-        .join(' ');
-    const style = {};
-    if (backgroundColor)
-        style.backgroundColor = backgroundColor;
-    return (jsxs(Fragment, { children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), jsx("div", { className: navbarClass, style: style, children: containerized ? (jsx(Container, { children: jsxs(Flex, { justify: "between", align: "center", className: "vtx-navbar__mobile-header", children: [jsx("div", { className: "vtx-navbar__logo", children: logo ? (jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, loading: "eager", fetchPriority: "high" })) : brandText ? (jsx("span", { className: "vtx-navbar__brand-text", onClick: onLogoClick, children: brandText })) : null }), jsxs("div", { className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsx(Button, { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsx(Badge, { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsx(BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsx(Button, { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsx(Badge, { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsx(ShoppingCartIcon, { size: 20 }) }) })), jsx(Button, { variant: "ghost", iconOnly: true, onClick: handleToggle, className: "vtx-navbar__menu-button", children: isOpen ? jsx(CloseIcon, { size: 24 }) : jsx(MenuIcon, { size: 24 }) })] })] }) })) : (jsxs(Flex, { justify: "between", align: "center", className: "vtx-navbar__mobile-header", children: [jsx("div", { className: "vtx-navbar__logo", children: logo ? (jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, loading: "eager", fetchPriority: "high" })) : brandText ? (jsx("span", { className: "vtx-navbar__brand-text", onClick: onLogoClick, children: brandText })) : null }), jsxs("div", { className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsx(Button, { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsx(Badge, { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsx(BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsx(Button, { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsx(Badge, { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsx(ShoppingCartIcon, { size: 20 }) }) })), jsx(Button, { variant: "ghost", iconOnly: true, onClick: handleToggle, className: "vtx-navbar__menu-button", children: isOpen ? jsx(CloseIcon, { size: 24 }) : jsx(MenuIcon, { size: 24 }) })] })] })) }), jsx("div", { className: `vtx-navbar__drawer ${isOpen ? 'vtx-navbar__drawer--open' : ''}`, children: jsxs("div", { className: "vtx-navbar__drawer-content", children: [(search || searchOptions.length > 0) && (jsx("div", { className: "vtx-navbar__drawer-search", children: jsx(Autocomplete, { placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search...', value: searchQuery, onChange: (value) => {
-                                    var _a;
-                                    setSearchQuery(value);
-                                    (_a = search === null || search === void 0 ? void 0 : search.onSearch) === null || _a === void 0 ? void 0 : _a.call(search, value);
-                                }, options: searchOptions, getOptionLabel: searchGetOptionLabel, getOptionValue: searchGetOptionValue, getOptionDescription: searchGetOptionDescription, getOptionIcon: searchGetOptionIcon, noOptionsMessage: searchNoOptionsMessage || 'No results found', loading: searchLoading, onSelect: (value, option) => {
-                                    onSearchSelect === null || onSearchSelect === void 0 ? void 0 : onSearchSelect(value, option);
-                                    setSearchQuery('');
-                                    handleClose();
-                                }, showSearchIcon: true, clearable: true, fullWidth: true, size: "md" }) })), navigationItems.length > 0 && (jsx("nav", { className: "vtx-navbar__drawer-nav", children: navigationItems.map((item, index) => (jsx(NavItem, { item: item, mobile: true, onItemClick: handleClose }, index))) })), user && (jsxs("div", { className: "vtx-navbar__drawer-user", children: [jsxs(Flex, { align: "center", gap: 3, children: [jsx(Avatar, { src: user.avatar, alt: user.name, size: "md" }), jsxs("div", { children: [user.name && jsx("div", { className: "vtx-navbar__drawer-user-name", children: user.name }), user.email && jsx("div", { className: "vtx-navbar__drawer-user-email", children: user.email })] })] }), user.menuItems && user.menuItems.length > 0 && (jsx("div", { className: "vtx-navbar__drawer-user-menu", children: user.menuItems.map((item, index) => (jsx(NavItem, { item: item, mobile: true, onItemClick: handleClose }, index))) }))] })), actions && jsx("div", { className: "vtx-navbar__drawer-actions", children: actions })] }) }), isOpen && jsx("div", { className: "vtx-navbar__overlay", onClick: handleClose })] }));
+    }, [breakpoint]);
+    return isMobile;
 };
-// ----- Responsive Navbar Component -----
-const NavbarResponsive = ({ desktopLayout = 'single-row', mobileBreakpoint = 768, onlyDesktop, onlyMobile, ...props }) => {
-    const [isMobile, setIsMobile] = useState(false);
-    useEffect(() => {
-        const checkMobile = () => {
-            setIsMobile(window.innerWidth < mobileBreakpoint);
-        };
-        checkMobile();
-        window.addEventListener('resize', checkMobile);
-        return () => window.removeEventListener('resize', checkMobile);
-    }, [mobileBreakpoint]);
-    if (onlyDesktop) {
-        return jsx(NavbarDesktop, { ...props, layout: desktopLayout });
-    }
-    if (onlyMobile) {
-        return jsx(NavbarMobile, { ...props });
+const NavbarResponsive = ({ desktopLayout = 'single-row', mobileBreakpoint = 1024, linkComponent, ...props }) => {
+    const isMobile = useIsMobile(mobileBreakpoint);
+    // Propagate all props to the active component
+    // Note: mobileBreakpoint and desktopLayout are consumed here or passed appropriately
+    if (isMobile) {
+        return (jsx(NavbarMobile, { linkComponent: linkComponent, ...props }));
     }
-    return isMobile ? (jsx(NavbarMobile, { ...props })) : (jsx(NavbarDesktop, { ...props, layout: desktopLayout }));
+    return (jsx(NavbarDesktop, { layout: desktopLayout, linkComponent: linkComponent, ...props }));
+};
+// Exports
+const Navbar = withParsedClasses(NavbarResponsive);
+// Attach sub-components for advanced composition if needed, though mostly usage should be via <Navbar />
+const NavbarComponents = {
+    Desktop: NavbarDesktop,
+    Mobile: NavbarMobile
 };
-// ----- Exports -----
-const Navbar = Object.assign(NavbarResponsive, {
-    Desktop: withParsedClasses(NavbarDesktop),
-    Mobile: withParsedClasses(NavbarMobile),
-    Responsive: withParsedClasses(NavbarResponsive),
-});
 
-export { Navbar, Navbar as default };
+export { Navbar, NavbarComponents, Navbar as default };
 //# sourceMappingURL=Navbar.js.map

package/dist/esm/components/Navbar/components/Navbar/Navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","sources":["../../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Navbar.js","sources":["../../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAcA;AACA,MAAM,WAAW,GAAG,CAAC,UAAkB,KAAa;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,SAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,KAAK,GAAG,CAAe,YAAA,EAAA,UAAU,KAAK,CAAC;;QAG7C,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;;AAGzC,QAAA,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;;AAG7B,QAAA,MAAM,YAAY,GAAG,CAAC,CAAsB,KAAI;AAC9C,YAAA,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AACzB,SAAC,CAAC;;AAGF,QAAA,IAAI,OAAO,CAAC,gBAAgB,EAAE;AAC5B,YAAA,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACjD,OAAO,MAAM,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;SAClE;;aAEI;AACH,YAAA,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAClC,OAAO,MAAM,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;SACnD;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAEjB,IAAA,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,aAAa,GAAG,YAAY,EAC5B,gBAAgB,GAAG,IAAI,EACvB,aAAa,EACb,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;;;IAK/C,IAAI,QAAQ,EAAE;QACZ,QACEA,GAAC,CAAA,YAAY,EACX,EAAA,aAAa,EAAE,aAAa,EACxB,GAAA,KAAK,EACT,CAAA,EACF;KACH;AAED,IAAA,QACEA,GAAA,CAAC,aAAa,EAAA,EACZ,MAAM,EAAE,aAAa,EACrB,aAAa,EAAE,aAAa,EAAA,GACxB,KAAK,EAAA,CACT,EACF;AACJ,CAAC,CAAC;AAEF;MACa,MAAM,GAAG,iBAAiB,CAAC,gBAAgB,EAAqC;AAE7F;AACa,MAAA,gBAAgB,GAAG;AAC9B,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,MAAM,EAAE,YAAY;;;;;"}

package/dist/esm/components/Navbar/components/Navbar/NavbarDesktop.js

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { SingleRowNavbar } from '../../variants/components/Navbar/variants/SingleRowNavbar.js';
+import { TwoRowNavbar } from '../../variants/components/Navbar/variants/TwoRowNavbar.js';
+import { CenteredNavbar } from '../../variants/components/Navbar/variants/CenteredNavbar.js';
+import { TransparentNavbar } from '../../variants/components/Navbar/variants/TransparentNavbar.js';
+import { TopBar } from './TopBar.js';
+
+const NavbarDesktop = (props) => {
+    const { variant = 'single-row', layout, transparent, sticky, topBar, containerized = true, linkComponent } = props;
+    const [isScrolled, setIsScrolled] = useState(false);
+    useEffect(() => {
+        if (transparent && sticky) {
+            const handleScroll = () => {
+                setIsScrolled(window.scrollY > 10);
+            };
+            window.addEventListener('scroll', handleScroll);
+            return () => window.removeEventListener('scroll', handleScroll);
+        }
+        return undefined;
+    }, [transparent, sticky]);
+    const wrapperClass = [
+        'vtx-navbar-wrapper',
+        sticky && 'vtx-navbar-wrapper--sticky',
+        transparent && 'vtx-navbar-wrapper--transparent',
+        isScrolled && 'vtx-navbar-wrapper--scrolled',
+    ].filter(Boolean).join(' ');
+    const renderVariant = () => {
+        // We handle sticky wrapper at this level, so we force sticky=false for children
+        // to avoid nested sticky wrappers which break layout.
+        const childProps = { ...props, sticky: false, topBar: undefined };
+        if (variant === 'two-row' || layout === 'two-row') {
+            return jsx(TwoRowNavbar, { linkComponent: linkComponent, ...childProps });
+        }
+        if (variant === 'centered' || layout === 'centered') {
+            return jsx(CenteredNavbar, { linkComponent: linkComponent, ...childProps });
+        }
+        if (variant === 'transparent') {
+            return jsx(TransparentNavbar, { linkComponent: linkComponent, ...childProps });
+        }
+        return jsx(SingleRowNavbar, { linkComponent: linkComponent, ...childProps });
+    };
+    return (jsxs("div", { className: wrapperClass, children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), renderVariant()] }));
+};
+
+export { NavbarDesktop };
+//# sourceMappingURL=NavbarDesktop.js.map

package/dist/esm/components/Navbar/components/Navbar/NavbarDesktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarDesktop.js","sources":["../../../../../../src/components/Navbar/NavbarDesktop.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAQa,MAAA,aAAa,GAAiC,CAAC,KAAK,KAAI;IACjE,MAAM,EAAE,OAAO,GAAG,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,GAAG,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACnH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,WAAW,IAAI,MAAM,EAAE;YACvB,MAAM,YAAY,GAAG,MAAK;AACtB,gBAAA,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;AACvC,aAAC,CAAC;AACF,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAChD,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;SACnE;AACD,QAAA,OAAO,SAAS,CAAC;AACrB,KAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;AAE1B,IAAA,MAAM,YAAY,GAAG;QACjB,oBAAoB;AACpB,QAAA,MAAM,IAAI,4BAA4B;AACtC,QAAA,WAAW,IAAI,iCAAiC;AAChD,QAAA,UAAU,IAAI,8BAA8B;KAC/C,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAG,MAAK;;;AAGvB,QAAA,MAAM,UAAU,GAAG,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;QAElE,IAAI,OAAO,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,EAAE;YAC/C,OAAOA,GAAA,CAAC,YAAY,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;SACzE;QACD,IAAI,OAAO,KAAK,UAAU,IAAI,MAAM,KAAK,UAAU,EAAE;YACjD,OAAOA,GAAA,CAAC,cAAc,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;SAC3E;AACD,QAAA,IAAI,OAAO,KAAK,aAAa,EAAE;YAC3B,OAAOA,GAAA,CAAC,iBAAiB,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;SAC9E;QACD,OAAOA,GAAA,CAAC,eAAe,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;AAC7E,KAAC,CAAC;IAEF,QACIC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,YAAY,aACvB,MAAM,IAAID,GAAC,CAAA,MAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EAClE,aAAa,EAAE,CACd,EAAA,CAAA,EACR;AACN;;;;"}

package/dist/esm/components/Navbar/components/Navbar/NavbarMobile.js

@@ -0,0 +1,56 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { TopBar } from './TopBar.js';
+import { NavItem } from './NavItem.js';
+import Container from '../../../Container/components/Container/Container.js';
+import Flex from '../../../Flex/components/Flex/Flex.js';
+import Autocomplete from '../../../Autocomplete/components/Autocomplete/Autocomplete.js';
+import Badge from '../../../Badge/components/Badge/Badge.js';
+import Avatar from '../../../Avatar/components/Avatar/Avatar.js';
+import Button from '../../../Button/components/Button/Button.js';
+import { BellIcon, ShoppingCartIcon, CloseIcon, MenuIcon } from '../../../../icons/icons/IconComponents.js';
+
+const NavbarMobile = ({ logo, logoAlt = 'Logo', onLogoClick, brandText, navigationItems = [], sticky = false, shadow = true, backgroundColor, className = '', topBar, user, search, searchOptions = [], searchGetOptionLabel, searchGetOptionValue, searchGetOptionDescription, searchGetOptionIcon, searchNoOptionsMessage, searchLoading, onSearchSelect, notificationCount, onNotificationClick, cartCount, onCartClick, actions, containerized = true, isOpen: controlledIsOpen, onOpenChange, linkComponent, hoverColor, activeColor = 'primary', activeIndicatorStyle = 'underline', activeIndicatorBehavior = 'always', }) => {
+    const [internalIsOpen, setInternalIsOpen] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const isControlled = controlledIsOpen !== undefined;
+    const isOpen = isControlled ? controlledIsOpen : internalIsOpen;
+    const handleToggle = () => {
+        const newValue = !isOpen;
+        if (!isControlled) {
+            setInternalIsOpen(newValue);
+        }
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newValue);
+    };
+    const handleClose = () => {
+        if (!isControlled) {
+            setInternalIsOpen(false);
+        }
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
+    };
+    const navbarClass = [
+        'vtx-navbar',
+        'vtx-navbar--mobile',
+        sticky && 'vtx-navbar--sticky',
+        shadow && 'vtx-navbar--shadow',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const style = {};
+    if (backgroundColor)
+        style.backgroundColor = backgroundColor;
+    const MobileHeaderContent = (jsxs(Flex, { justify: "between", align: "center", className: "vtx-navbar__mobile-header", children: [jsx("div", { className: "vtx-navbar__logo", children: logo ? (jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, loading: "eager", fetchPriority: "high" })) : brandText ? (jsx("span", { className: "vtx-navbar__brand-text", onClick: onLogoClick, children: brandText })) : null }), jsxs("div", { className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsx(Button, { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsx(Badge, { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsx(BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsx(Button, { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsx(Badge, { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsx(ShoppingCartIcon, { size: 20 }) }) })), jsx(Button, { variant: "ghost", iconOnly: true, onClick: handleToggle, className: "vtx-navbar__menu-button", children: isOpen ? jsx(CloseIcon, { size: 24 }) : jsx(MenuIcon, { size: 24 }) })] })] }));
+    return (jsxs(Fragment, { children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), jsx("div", { className: navbarClass, style: style, children: containerized ? (jsx(Container, { children: MobileHeaderContent })) : (MobileHeaderContent) }), jsx("div", { className: `vtx-navbar__drawer ${isOpen ? 'vtx-navbar__drawer--open' : ''}`, children: jsxs("div", { className: "vtx-navbar__drawer-content", children: [(search || searchOptions.length > 0) && (jsx("div", { className: "vtx-navbar__drawer-search", children: jsx(Autocomplete, { placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search...', value: searchQuery, onChange: (value) => {
+                                    var _a;
+                                    setSearchQuery(value);
+                                    (_a = search === null || search === void 0 ? void 0 : search.onSearch) === null || _a === void 0 ? void 0 : _a.call(search, value);
+                                }, options: searchOptions, getOptionLabel: searchGetOptionLabel, getOptionValue: searchGetOptionValue, getOptionDescription: searchGetOptionDescription, getOptionIcon: searchGetOptionIcon, noOptionsMessage: searchNoOptionsMessage || 'No results found', loading: searchLoading, onSelect: (value, option) => {
+                                    onSearchSelect === null || onSearchSelect === void 0 ? void 0 : onSearchSelect(value, option);
+                                    setSearchQuery('');
+                                    handleClose();
+                                }, showSearchIcon: true, clearable: true, fullWidth: true, size: "md" }) })), navigationItems.length > 0 && (jsx("nav", { className: "vtx-navbar__drawer-nav", children: navigationItems.map((item, index) => (jsx(NavItem, { item: item, mobile: true, onItemClick: handleClose, linkComponent: linkComponent, defaultHoverColor: hoverColor, defaultActiveColor: activeColor, activeIndicatorStyle: activeIndicatorStyle, activeIndicatorBehavior: activeIndicatorBehavior }, index))) })), user && (jsxs("div", { className: "vtx-navbar__drawer-user", children: [jsxs(Flex, { align: "center", gap: 3, children: [jsx(Avatar, { src: user.avatar, alt: user.name, size: "md" }), jsxs("div", { children: [user.name && jsx("div", { className: "vtx-navbar__drawer-user-name", children: user.name }), user.email && jsx("div", { className: "vtx-navbar__drawer-user-email", children: user.email })] })] }), user.menuItems && user.menuItems.length > 0 && (jsx("div", { className: "vtx-navbar__drawer-user-menu", children: user.menuItems.map((item, index) => (jsx(NavItem, { item: item, mobile: true, onItemClick: handleClose, linkComponent: linkComponent, defaultHoverColor: hoverColor, defaultActiveColor: activeColor, activeIndicatorStyle: activeIndicatorStyle, activeIndicatorBehavior: activeIndicatorBehavior }, index))) }))] })), actions && jsx("div", { className: "vtx-navbar__drawer-actions", children: actions })] }) }), isOpen && jsx("div", { className: "vtx-navbar__overlay", onClick: handleClose })] }));
+};
+
+export { NavbarMobile };
+//# sourceMappingURL=NavbarMobile.js.map

package/dist/esm/components/Navbar/components/Navbar/NavbarMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarMobile.js","sources":["../../../../../../src/components/Navbar/NavbarMobile.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Navbar/components/Navbar/TopBar.js

@@ -5,6 +5,7 @@ import Container from '../../../Container/components/Container/Container.js';
 import Link from '../../../Link/components/Link/Link.js';
 
 const TopBar = ({ config, containerized = true, }) => {
+    var _a, _b, _c;
     const renderItems = (items) => {
         if (!items)
             return null;
@@ -12,22 +13,35 @@ const TopBar = ({ config, containerized = true, }) => {
             return items;
         if (Array.isArray(items)) {
             return (jsx(Flex, { align: "center", gap: 24, children: items.map((item, index) => {
-                    if (item.component) {
-                        const Component = item.component;
-                        return jsx(Component, { ...(item.componentProps || {}) }, index);
-                    }
-                    return (jsx(Link, { href: item.href, onClick: item.onClick, className: "vtx-navbar__topbar-link", variant: "small", color: "inherit", noUnderline: true, leftIcon: item.icon, children: item.label }, index));
+                    return (jsx(Link, { href: item.href, onClick: item.onClick, variant: "small", color: "inherit", noUnderline: true, hoverColor: item.hoverColor, leftIcon: item.icon, component: item.component, className: "vtx-navbar__topbar-link", children: item.label }, index));
                 }) }));
         }
         return items;
     };
+    const { backgroundColor, textColor, } = config;
+    const isStandardBg = backgroundColor && ['primary', 'secondary', 'dark'].includes(backgroundColor);
+    const isCustomBg = backgroundColor && !isStandardBg;
+    const isStandardText = textColor && ['light', 'dark'].includes(textColor);
+    const isCustomText = textColor && !isStandardText;
+    // Determine standard class names
+    const classes = [
+        'vtx-navbar__topbar',
+        isStandardBg && `vtx-navbar__topbar--${backgroundColor}`,
+        isStandardText && `vtx-navbar__topbar--text-${textColor}`,
+        // Auto-light text for primary/secondary/dark backgrounds if not specified
+        !textColor && (backgroundColor === 'primary' || backgroundColor === 'secondary' || backgroundColor === 'dark') && 'vtx-navbar__topbar--text-light',
+        // Responsive visibility
+        ((_a = config.hideOn) === null || _a === void 0 ? void 0 : _a.includes('mobile')) && 'mobile-hide',
+        ((_b = config.hideOn) === null || _b === void 0 ? void 0 : _b.includes('tablet')) && 'tablet-hide',
+        ((_c = config.hideOn) === null || _c === void 0 ? void 0 : _c.includes('desktop')) && 'desktop-hide',
+    ].filter(Boolean).join(' ');
     const style = {};
-    if (config.backgroundColor)
-        style.backgroundColor = config.backgroundColor;
-    if (config.textColor)
-        style.color = config.textColor;
+    if (isCustomBg)
+        style.backgroundColor = backgroundColor;
+    if (isCustomText)
+        style.color = textColor;
     const content = (jsxs(Flex, { justify: "between", align: "center", children: [renderItems(config.left), renderItems(config.right)] }));
-    return (jsx("div", { className: "vtx-navbar__topbar", style: style, children: containerized ? jsx(Container, { children: content }) : jsx("div", { style: { padding: '0 1.5rem' }, children: content }) }));
+    return (jsx("div", { className: classes, style: style, children: containerized ? jsx(Container, { children: content }) : jsx("div", { style: { padding: config.padding || '0 1.5rem' }, children: content }) }));
 };
 
 export { TopBar };

package/dist/esm/components/Navbar/components/Navbar/TopBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.js","sources":["../../../../../../src/components/Navbar/TopBar.tsx"],"sourcesContent":[null],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;AAWO,MAAM,MAAM,GAA0B,CAAC,EAC5C,MAAM,EACN,aAAa,GAAG,IAAI,GACrB,KAAI;AACH,IAAA,MAAM,WAAW,GAAG,CAAC,KAAyC,KAAI;AAChE,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,IAAI,CAAC;AACxB,QAAA,IAAIA,cAAK,CAAC,cAAc,CAAC,KAAK,CAAC;AAAE,YAAA,OAAO,KAAK,CAAC;AAC9C,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACxB,QACEC,IAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,EACzB,QAAA,EAAA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzB,oBAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,wBAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;AACjC,wBAAA,OAAOA,GAAC,CAAA,SAAS,EAAiB,EAAA,IAAC,IAAI,CAAC,cAAc,IAAI,EAAE,CAAC,EAAtC,EAAA,KAAK,CAAqC,CAAC;qBACnE;AACD,oBAAA,QACEA,GAAC,CAAA,IAAI,IAEH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,SAAS,EACf,WAAW,EAAA,IAAA,EACX,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAA,QAAA,EAElB,IAAI,CAAC,KAAK,IATN,KAAK,CAUL,EACP;iBACH,CAAC,EACG,CAAA,EACP;SACH;AACD,QAAA,OAAO,KAAK,CAAC;AACf,KAAC,CAAC;IAEF,MAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,IAAI,MAAM,CAAC,eAAe;AAAE,QAAA,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;IAC3E,IAAI,MAAM,CAAC,SAAS;AAAE,QAAA,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC;AAErD,IAAA,MAAM,OAAO,IACXC,IAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CACnC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EACxB,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA,EAAA,CACrB,CACR,CAAC;AAEF,IAAA,QACED,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,YAC7C,aAAa,GAAGA,IAAC,SAAS,EAAA,EAAA,QAAA,EAAE,OAAO,EAAA,CAAa,GAAGA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAG,QAAA,EAAA,OAAO,EAAO,CAAA,EAAA,CACpG,EACN;AACJ;;;;"}
+{"version":3,"file":"TopBar.js","sources":["../../../../../../src/components/Navbar/TopBar.tsx"],"sourcesContent":[null],"names":["React","_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Navbar/components/Navbar/useNavbarSections.js

@@ -11,10 +11,10 @@ import { BellIcon, ShoppingCartIcon, ChevronDownIcon } from '../../../../icons/i
 import { NavItem } from './NavItem.js';
 
 const useNavbarSections = (props) => {
-    const { logo, logoAlt = 'Logo', onLogoClick, brandText, navigationItems = [], search, searchOptions = [], searchGetOptionLabel, searchGetOptionValue, searchGetOptionDescription, searchGetOptionIcon, searchNoOptionsMessage, searchLoading, onSearchSelect, notificationCount, onNotificationClick, cartCount, onCartClick, actions, user, } = props;
+    const { logo, logoAlt = 'Logo', onLogoClick, brandText, navigationItems = [], search, searchOptions = [], searchGetOptionLabel, searchGetOptionValue, searchGetOptionDescription, searchGetOptionIcon, searchNoOptionsMessage, searchLoading, onSearchSelect, notificationCount, onNotificationClick, cartCount, onCartClick, actions, user, uppercaseNavItems = false, linkComponent, hoverColor, searchFullWidth = true, activeColor = 'primary', activeIndicatorStyle = 'underline', activeIndicatorBehavior = 'always', } = props;
     const [searchQuery, setSearchQuery] = useState('');
     const logoSection = (logo || brandText) && (jsx(Flex, { align: "center", className: "vtx-navbar__logo", children: logo ? (jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, style: { cursor: onLogoClick ? 'pointer' : 'default' }, loading: "eager", fetchPriority: "high" })) : (jsx(Typography, { variant: "h5", as: "span", className: "vtx-navbar__brand-text", onClick: onLogoClick, weight: "bold", style: { cursor: onLogoClick ? 'pointer' : 'default' }, children: brandText })) }));
-    const navigationSection = navigationItems.length > 0 && (jsx(Flex, { as: "nav", align: "center", className: "vtx-navbar__nav", children: navigationItems.map((item, index) => (jsx(NavItem, { item: item }, index))) }));
+    const navigationSection = navigationItems.length > 0 && (jsx(Flex, { as: "nav", align: "center", className: "vtx-navbar__nav", children: navigationItems.map((item, index) => (jsx(NavItem, { item: item, uppercase: uppercaseNavItems, linkComponent: linkComponent, defaultHoverColor: hoverColor, defaultActiveColor: activeColor, activeIndicatorStyle: activeIndicatorStyle, activeIndicatorBehavior: activeIndicatorBehavior }, index))) }));
     const searchSection = (search || searchOptions.length > 0) && (jsx(Autocomplete, { placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search...', value: searchQuery, onChange: (value) => {
             var _a;
             setSearchQuery(value);
@@ -22,7 +22,7 @@ const useNavbarSections = (props) => {
         }, options: searchOptions, getOptionLabel: searchGetOptionLabel, getOptionValue: searchGetOptionValue, getOptionDescription: searchGetOptionDescription, getOptionIcon: searchGetOptionIcon, noOptionsMessage: searchNoOptionsMessage || 'No results found', loading: searchLoading, onSelect: (value, option) => {
             onSearchSelect === null || onSearchSelect === void 0 ? void 0 : onSearchSelect(value, option);
             setSearchQuery('');
-        }, showSearchIcon: true, clearable: true, size: "sm", className: "vtx-navbar__search-input" }));
+        }, showSearchIcon: true, clearable: true, size: "md", className: `vtx-navbar__search-input ${searchFullWidth ? 'vtx-navbar__search-input--full' : ''}`, fullWidth: searchFullWidth }));
     const iconsSection = (notificationCount !== undefined || cartCount !== undefined) && (jsxs(Flex, { align: "center", className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsx(Button, { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsx(Badge, { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsx(BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsx(Button, { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsx(Badge, { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsx(ShoppingCartIcon, { size: 20 }) }) }))] }));
     const userSection = user && (jsx(Button, { variant: "ghost", className: "vtx-navbar__user-button", children: jsxs(Flex, { align: "center", gap: "0.5rem", children: [jsx(Avatar, { src: user.avatar, alt: user.name, size: "sm" }), user.name && jsx(Typography, { variant: "body2", weight: "medium", children: user.name }), jsx(ChevronDownIcon, { size: 16 })] }) }));
     const actionsSection = actions;

package/dist/esm/components/Navbar/components/Navbar/useNavbarSections.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNavbarSections.js","sources":["../../../../../../src/components/Navbar/useNavbarSections.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"useNavbarSections.js","sources":["../../../../../../src/components/Navbar/useNavbarSections.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js

@@ -17,7 +17,7 @@ const CenteredNavbar = (props) => {
     const style = { ...propStyle };
     if (backgroundColor)
         style.backgroundColor = backgroundColor;
-    return (jsxs(Fragment, { children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsx(Container, { style: { height: '100%' }, children: jsxs("div", { className: "vtx-navbar__content", children: [logoSection, navigationSection, jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }) })) : (jsxs("div", { className: "vtx-navbar__content", style: { padding: '0 1.5rem' }, children: [logoSection, navigationSection, jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] })) })] }));
+    return (jsxs(Fragment, { children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsx(Container, { style: { height: '100%' }, children: jsxs("div", { className: "vtx-navbar__content", children: [logoSection, navigationSection, jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }) })) : (jsxs("div", { className: "vtx-navbar__content", style: props.padding ? { padding: props.padding } : { padding: '0 1.5rem' }, children: [logoSection, navigationSection, jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] })) })] }));
 };
 
 export { CenteredNavbar };

package/dist/esm/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CenteredNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/CenteredNavbar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAMa,MAAA,cAAc,GAA8B,CAAC,KAAK,KAAI;IACjE,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,IAAI,EACb,eAAe,EACf,SAAS,GAAG,EAAE,EACd,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,EACJ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,GACf,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAE7B,IAAA,MAAM,WAAW,GAAG;QAClB,YAAY;QACZ,qBAAqB;QACrB,sBAAsB;AACtB,QAAA,MAAM,IAAI,oBAAoB;AAC9B,QAAA,MAAM,IAAI,oBAAoB;QAC9B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B,IAAA,MAAM,KAAK,GAAwB,EAAE,GAAG,SAAS,EAAE,CAAC;AACpD,IAAA,IAAI,eAAe;AAAE,QAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;IAE7D,QACEA,4BACG,MAAM,IAAIC,IAAC,MAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,EACnEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,GAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAClCD,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,aACjC,WAAW,EACX,iBAAiB,EAClBA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC/B,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CAAA,EAAA,CACX,CACF,EAAA,CAAA,EAAA,CACI,KAEZA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAChE,QAAA,EAAA,CAAA,WAAW,EACX,iBAAiB,EAClBA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAC/B,QAAA,EAAA,CAAA,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CAAA,EAAA,CACX,IACF,CACP,EAAA,CACG,CACL,EAAA,CAAA,EACH;AACJ;;;;"}
+{"version":3,"file":"CenteredNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/CenteredNavbar.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAMa,MAAA,cAAc,GAA8B,CAAC,KAAK,KAAI;IACjE,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,IAAI,EACb,eAAe,EACf,SAAS,GAAG,EAAE,EACd,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,EACJ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,GACf,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAE7B,IAAA,MAAM,WAAW,GAAG;QAClB,YAAY;QACZ,qBAAqB;QACrB,sBAAsB;AACtB,QAAA,MAAM,IAAI,oBAAoB;AAC9B,QAAA,MAAM,IAAI,oBAAoB;QAC9B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B,IAAA,MAAM,KAAK,GAAwB,EAAE,GAAG,SAAS,EAAE,CAAC;AACpD,IAAA,IAAI,eAAe;AAAE,QAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;IAE7D,QACEA,IACG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,IAAIC,GAAA,CAAC,MAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EACnEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,GAAC,CAAA,SAAS,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAClC,QAAA,EAAAF,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CACjC,WAAW,EACX,iBAAiB,EAClBA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAC/B,QAAA,EAAA,CAAA,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CAAA,EAAA,CACX,CACF,EAAA,CAAA,EAAA,CACI,KAEZA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAC7G,WAAW,EACX,iBAAiB,EAClBA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAC/B,QAAA,EAAA,CAAA,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CACX,EAAA,CAAA,CAAA,EAAA,CACF,CACP,EAAA,CACG,CACL,EAAA,CAAA,EACH;AACJ;;;;"}

package/dist/esm/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js

@@ -1,26 +1,33 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useNavbarSections } from '../../../../components/Navbar/useNavbarSections.js';
 import { TopBar } from '../../../../components/Navbar/TopBar.js';
 import Container from '../../../../../Container/components/Container/Container.js';
 
 const SingleRowNavbar = (props) => {
-    const { sticky = false, shadow = true, backgroundColor, className = '', topBar, containerized = true, style: propStyle, } = props;
+    const { sticky = false, shadow = true, backgroundColor, className = '', topBar, containerized = true, style: propStyle, singleRowVariant = 'standard', } = props;
     const { logoSection, navigationSection, searchSection, iconsSection, userSection, actionsSection, } = useNavbarSections(props);
     const navbarClass = [
         'vtx-navbar',
-        'vtx-navbar--desktop',
-        'vtx-navbar--single-row',
-        sticky && 'vtx-navbar--sticky',
         shadow && 'vtx-navbar--shadow',
         className,
     ].filter(Boolean).join(' ');
     const style = { ...propStyle };
     if (backgroundColor)
         style.backgroundColor = backgroundColor;
-    // We group logo and nav to keep them on the left
-    const leftSide = (jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [logoSection, navigationSection] }));
-    const rightSide = (jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] }));
-    return (jsxs(Fragment, { children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsx(Container, { style: { height: '100%' }, children: jsxs("div", { className: "vtx-navbar__content", children: [leftSide, rightSide] }) })) : (jsxs("div", { className: "vtx-navbar__content", style: { padding: '0 1.5rem' }, children: [leftSide, rightSide] })) })] }));
+    // Flexible Content Rendering
+    const renderContent = () => {
+        // 1. Balanced: Logo | Nav | Actions
+        if (singleRowVariant === 'balanced') {
+            return (jsxs(Fragment, { children: [jsx("div", { className: "vtx-navbar__left", children: logoSection }), jsx("div", { className: "vtx-navbar__center", children: navigationSection }), jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }));
+        }
+        // 2. Search Centered: Logo+Nav | Search | Actions
+        if (singleRowVariant === 'search-centered') {
+            return (jsxs(Fragment, { children: [jsxs("div", { className: "vtx-navbar__left", children: [logoSection, jsx("div", { className: "vtx-navbar__nav", style: { marginLeft: '24px' }, children: navigationSection })] }), jsx("div", { className: "vtx-navbar__center", style: { width: '100%', justifyContent: 'center' }, children: searchSection }), jsxs("div", { className: "vtx-navbar__right", children: [iconsSection, userSection, actionsSection] })] }));
+        }
+        // 3. Standard (Default): Logo + Nav | ... | Actions
+        return (jsxs(Fragment, { children: [jsxs("div", { className: "vtx-navbar__left", children: [logoSection, jsx("div", { className: "vtx-navbar__nav", style: { marginLeft: '24px' }, children: navigationSection })] }), jsx("div", { className: "vtx-navbar__center" }), jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }));
+    };
+    return (jsxs("div", { className: `vtx-navbar-wrapper ${sticky ? 'vtx-navbar-wrapper--sticky' : ''}`, children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsx(Container, { style: { height: '100%' }, children: jsx("div", { className: "vtx-navbar__content", children: renderContent() }) })) : (jsx("div", { className: "vtx-navbar__content", style: props.padding ? { padding: props.padding } : undefined, children: renderContent() })) })] }));
 };
 
 export { SingleRowNavbar };

package/dist/esm/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleRowNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/SingleRowNavbar.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAMa,MAAA,eAAe,GAA8B,CAAC,KAAK,KAAI;IAClE,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,IAAI,EACb,eAAe,EACf,SAAS,GAAG,EAAE,EACd,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,EACJ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,GACf,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAE7B,IAAA,MAAM,WAAW,GAAG;QAClB,YAAY;QACZ,qBAAqB;QACrB,wBAAwB;AACxB,QAAA,MAAM,IAAI,oBAAoB;AAC9B,QAAA,MAAM,IAAI,oBAAoB;QAC9B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B,IAAA,MAAM,KAAK,GAAwB,EAAE,GAAG,SAAS,EAAE,CAAC;AACpD,IAAA,IAAI,eAAe;AAAE,QAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;;IAG7D,MAAM,QAAQ,IACZA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAClD,WAAW,EACX,iBAAiB,CACd,EAAA,CAAA,CACP,CAAC;AAEF,IAAA,MAAM,SAAS,IACbA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC/B,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CAAA,EAAA,CACX,CACP,CAAC;AAEF,IAAA,QACEA,IACG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,IAAIC,GAAA,CAAC,MAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EACnEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,IAAC,SAAS,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAClCF,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,aACjC,QAAQ,EACR,SAAS,CAAA,EAAA,CACN,GACI,KAEZA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAChE,QAAA,EAAA,CAAA,QAAQ,EACR,SAAS,CAAA,EAAA,CACN,CACP,EACG,CAAA,CAAA,EAAA,CACL,EACH;AACJ;;;;"}
+{"version":3,"file":"SingleRowNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/SingleRowNavbar.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js

@@ -25,7 +25,7 @@ const TransparentNavbar = (props) => {
     };
     const leftSide = (jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [logoSection, navigationSection] }));
     const rightSide = (jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] }));
-    return (jsxs(Fragment, { children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsx(Container, { style: { height: '100%' }, children: jsxs("div", { className: "vtx-navbar__content", children: [leftSide, rightSide] }) })) : (jsxs("div", { className: "vtx-navbar__content", style: { padding: '0 1.5rem' }, children: [leftSide, rightSide] })) })] }));
+    return (jsxs(Fragment, { children: [topBar && jsx(TopBar, { config: topBar, containerized: containerized }), jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsx(Container, { style: { height: '100%' }, children: jsxs("div", { className: "vtx-navbar__content", children: [leftSide, rightSide] }) })) : (jsxs("div", { className: "vtx-navbar__content", style: props.padding ? { padding: props.padding } : { padding: '0 1.5rem' }, children: [leftSide, rightSide] })) })] }));
 };
 
 export { TransparentNavbar };

package/dist/esm/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransparentNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/TransparentNavbar.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAMa,MAAA,iBAAiB,GAA8B,CAAC,KAAK,KAAI;AACpE,IAAA,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,eAAe,GAAG,aAAa,EAC/B,SAAS,GAAG,EAAE,EACd,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,EACJ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,GACf,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAE7B,IAAA,MAAM,WAAW,GAAG;QAClB,YAAY;QACZ,qBAAqB;QACrB,yBAAyB;AACzB,QAAA,MAAM,IAAI,oBAAoB;AAC9B,QAAA,MAAM,IAAI,oBAAoB;QAC9B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B,IAAA,MAAM,KAAK,GAAwB;QACjC,eAAe;AACf,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,GAAG,SAAS;KACb,CAAC;IAEF,MAAM,QAAQ,IACZA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAClD,WAAW,EACX,iBAAiB,CACd,EAAA,CAAA,CACP,CAAC;AAEF,IAAA,MAAM,SAAS,IACbA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC/B,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CAAA,EAAA,CACX,CACP,CAAC;AAEF,IAAA,QACEA,IACG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,IAAIC,GAAA,CAAC,MAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EACnEA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,IAAC,SAAS,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAClCF,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,aACjC,QAAQ,EACR,SAAS,CAAA,EAAA,CACN,GACI,KAEZA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAChE,QAAA,EAAA,CAAA,QAAQ,EACR,SAAS,CAAA,EAAA,CACN,CACP,EACG,CAAA,CAAA,EAAA,CACL,EACH;AACJ;;;;"}
+{"version":3,"file":"TransparentNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/TransparentNavbar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAMa,MAAA,iBAAiB,GAA8B,CAAC,KAAK,KAAI;AACpE,IAAA,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,eAAe,GAAG,aAAa,EAC/B,SAAS,GAAG,EAAE,EACd,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,EACJ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,GACf,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAE7B,IAAA,MAAM,WAAW,GAAG;QAClB,YAAY;QACZ,qBAAqB;QACrB,yBAAyB;AACzB,QAAA,MAAM,IAAI,oBAAoB;AAC9B,QAAA,MAAM,IAAI,oBAAoB;QAC9B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B,IAAA,MAAM,KAAK,GAAwB;QACjC,eAAe;AACf,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,GAAG,SAAS;KACb,CAAC;IAEF,MAAM,QAAQ,IACZA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAClD,WAAW,EACX,iBAAiB,CACd,EAAA,CAAA,CACP,CAAC;AAEF,IAAA,MAAM,SAAS,IACbA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC/B,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CAAA,EAAA,CACX,CACP,CAAC;IAEF,QACEA,4BACG,MAAM,IAAIC,IAAC,MAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,EACnEA,aAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,GAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAClCD,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CACjC,QAAQ,EACR,SAAS,IACN,EACI,CAAA,KAEZA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAC7G,QAAQ,EACR,SAAS,IACN,CACP,EAAA,CACG,CACL,EAAA,CAAA,EACH;AACJ;;;;"}