@vtx-ui/react 0.0.1-beta.16 → 0.0.1-beta.17

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

@@ -0,0 +1,51 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import Flex from '../../../Flex/components/Flex/Flex.js';
+import Link from '../../../Link/components/Link/Link.js';
+import Badge from '../../../Badge/components/Badge/Badge.js';
+import Typography from '../../../Typography/components/Typography/Typography.js';
+import { ChevronDownIcon } from '../../../../icons/icons/IconComponents.js';
+
+const NavItem = ({ item, mobile = false, onItemClick }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const hasSubmenu = item.children && item.children.length > 0;
+    const hasMegaMenu = item.megaMenu && item.megaMenu.length > 0;
+    const handleClick = () => {
+        if (item.onClick) {
+            item.onClick();
+            onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick();
+        }
+        else if (hasSubmenu || hasMegaMenu) {
+            setIsOpen(!isOpen);
+        }
+        else if (item.href) {
+            onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick();
+        }
+    };
+    const itemClass = [
+        'vtx-navbar__nav-item',
+        item.active && 'vtx-navbar__nav-item--active',
+        item.disabled && 'vtx-navbar__nav-item--disabled',
+        (hasSubmenu || hasMegaMenu) && 'vtx-navbar__nav-item--with-submenu',
+        mobile && 'vtx-navbar__nav-item--mobile',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const wrapperClass = [
+        'vtx-navbar__nav-item-wrapper',
+        hasMegaMenu && 'vtx-navbar__nav-item-wrapper--mega',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const content = (jsxs(Flex, { align: "center", gap: 8, children: [item.icon, jsx(Typography, { variant: "body2", as: "span", weight: "medium", color: "inherit", children: item.label }), item.badge && (jsx(Badge, { variant: item.badgeVariant || 'primary', size: "sm", children: item.badge })), (hasSubmenu || hasMegaMenu) && (jsx(ChevronDownIcon, { size: 16, className: `vtx-navbar__nav-item-arrow ${isOpen ? 'vtx-navbar__nav-item-arrow--open' : ''}` }))] }));
+    if (mobile) {
+        return (jsxs("div", { className: "vtx-navbar__mobile-nav-item-wrapper", children: [item.href && !hasSubmenu && !hasMegaMenu ? (jsx(Link, { href: item.href, className: itemClass, onClick: handleClick, noUnderline: true, children: content })) : (jsx("button", { className: itemClass, onClick: handleClick, disabled: item.disabled, children: content })), (hasSubmenu || hasMegaMenu) && isOpen && (jsxs(Flex, { direction: "column", gap: 4, className: "vtx-navbar__mobile-submenu", children: [hasSubmenu &&
+                            item.children.map((child, index) => (jsx(NavItem, { item: child, mobile: true, onItemClick: onItemClick }, index))), hasMegaMenu &&
+                            item.megaMenu.map((column, colIndex) => (jsxs(Flex, { direction: "column", gap: 8, className: "vtx-navbar__mobile-megamenu-column", children: [column.title && (jsx(Typography, { variant: "overline", className: "vtx-navbar__mobile-megamenu-title", children: column.title })), column.items.map((child, index) => (jsx(NavItem, { item: child, mobile: true, onItemClick: onItemClick }, index)))] }, colIndex)))] }))] }));
+    }
+    return (jsxs("div", { className: wrapperClass, onMouseEnter: () => (hasSubmenu || hasMegaMenu) && setIsOpen(true), onMouseLeave: () => setIsOpen(false), children: [item.href && !hasSubmenu && !hasMegaMenu ? (jsx(Link, { href: item.href, className: itemClass, onClick: handleClick, noUnderline: true, children: content })) : (jsx("button", { className: itemClass, onClick: handleClick, disabled: item.disabled, children: content })), hasSubmenu && isOpen && (jsx(Flex, { direction: "column", gap: 4, className: "vtx-navbar__submenu", children: item.children.map((child, index) => (jsx(NavItem, { item: child, onItemClick: () => setIsOpen(false) }, index))) })), hasMegaMenu && isOpen && (jsx("div", { className: "vtx-navbar__megamenu", children: jsx(Flex, { gap: 32, className: "vtx-navbar__megamenu-content", children: item.megaMenu.map((column, colIndex) => (jsxs(Flex, { direction: "column", gap: 8, className: "vtx-navbar__megamenu-column", children: [column.title && (jsx(Typography, { variant: "caption", weight: "bold", transform: "uppercase", className: "vtx-navbar__megamenu-title", children: column.title })), jsx(Flex, { direction: "column", gap: 4, children: column.items.map((child, index) => (jsx(NavItem, { item: child, onItemClick: () => setIsOpen(false) }, index))) })] }, colIndex))) }) }))] }));
+};
+
+export { NavItem };
+//# sourceMappingURL=NavItem.js.map

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

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

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

@@ -0,0 +1,120 @@
+"use client";
+import { jsx, jsxs, Fragment } 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';
+
+// ----- Desktop Navbar Component -----
+const NavbarDesktop = (props) => {
+    const { variant = 'single-row', layout, transparent, sticky, topBar, containerized = true } = 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',
+        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);
+        }
+        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;
+    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 })] }));
+};
+// ----- 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 });
+    }
+    return isMobile ? (jsx(NavbarMobile, { ...props })) : (jsx(NavbarDesktop, { ...props, layout: desktopLayout }));
+};
+// ----- Exports -----
+const Navbar = Object.assign(NavbarResponsive, {
+    Desktop: withParsedClasses(NavbarDesktop),
+    Mobile: withParsedClasses(NavbarMobile),
+    Responsive: withParsedClasses(NavbarResponsive),
+});
+
+export { Navbar, Navbar as default };
+//# sourceMappingURL=Navbar.js.map

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

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

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

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import Flex from '../../../Flex/components/Flex/Flex.js';
+import Container from '../../../Container/components/Container/Container.js';
+import Link from '../../../Link/components/Link/Link.js';
+
+const TopBar = ({ config, containerized = true, }) => {
+    const renderItems = (items) => {
+        if (!items)
+            return null;
+        if (React__default.isValidElement(items))
+            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 items;
+    };
+    const style = {};
+    if (config.backgroundColor)
+        style.backgroundColor = config.backgroundColor;
+    if (config.textColor)
+        style.color = config.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 }) }));
+};
+
+export { TopBar };
+//# sourceMappingURL=TopBar.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,2 @@
+export { Navbar, Navbar as default } from './Navbar.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,40 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+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 Typography from '../../../Typography/components/Typography/Typography.js';
+import { BellIcon, ShoppingCartIcon, ChevronDownIcon } from '../../../../icons/icons/IconComponents.js';
+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 [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 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);
+            (_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('');
+        }, showSearchIcon: true, clearable: true, size: "sm", className: "vtx-navbar__search-input" }));
+    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;
+    return {
+        logoSection,
+        navigationSection,
+        searchSection,
+        iconsSection,
+        userSection,
+        actionsSection,
+    };
+};
+
+export { useNavbarSections };
+//# sourceMappingURL=useNavbarSections.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useNavbarSections.js","sources":["../../../../../../src/components/Navbar/useNavbarSections.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;AAaa,MAAA,iBAAiB,GAAG,CAAC,KAAsB,KAAI;IAC1D,MAAM,EACJ,IAAI,EACJ,OAAO,GAAG,MAAM,EAChB,WAAW,EACX,SAAS,EACT,eAAe,GAAG,EAAE,EACpB,MAAM,EACN,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,SAAS,EACT,WAAW,EACX,OAAO,EACP,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,CAAC,IAAI,IAAI,SAAS,MACpCA,GAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAC9C,QAAA,EAAA,IAAI,IACHA,GACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,EAAE,EACtD,OAAO,EAAC,OAAO,EACf,aAAa,EAAC,MAAM,EAAA,CACpB,KAEFA,GAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAC,IAAI,EACZ,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,WAAW,EACpB,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,EAAE,EAErD,QAAA,EAAA,SAAS,EACC,CAAA,CACd,EACI,CAAA,CACR,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,KAClDA,GAAC,CAAA,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EACtD,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC/BA,GAAA,CAAC,OAAO,EAAa,EAAA,IAAI,EAAE,IAAI,EAAjB,EAAA,KAAK,CAAgB,CACpC,CAAC,EACG,CAAA,CACR,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,CAAC,MAAM,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,MACvDA,IAAC,YAAY,EAAA,EACX,WAAW,EAAE,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,WAAW,KAAI,WAAW,EAC/C,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAa,KAAI;;YAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,EAAG,KAAK,CAAC,CAAC;AAC5B,SAAC,EACD,OAAO,EAAE,aAAa,EACtB,cAAc,EAAE,oBAAoB,EACpC,cAAc,EAAE,oBAAoB,EACpC,oBAAoB,EAAE,0BAA0B,EAChD,aAAa,EAAE,mBAAmB,EAClC,gBAAgB,EAAE,sBAAsB,IAAI,kBAAkB,EAC9D,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,KAAa,EAAE,MAAW,KAAI;YACvC,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,cAAc,CAAG,KAAK,EAAE,MAAM,CAAC,CAAC;YAChC,cAAc,CAAC,EAAE,CAAC,CAAC;AACrB,SAAC,EACD,cAAc,EACd,IAAA,EAAA,SAAS,QACT,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,0BAA0B,EAAA,CACpC,CACH,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,CAAC,iBAAiB,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,MAC9EC,KAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB,EAC/C,QAAA,EAAA,CAAA,iBAAiB,KAAK,SAAS,KAC9BD,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAA,EAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAChGA,IAAC,KAAK,EAAA,EACJ,OAAO,EAAE,iBAAiB,GAAG,CAAC,GAAG,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE,EAC/D,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EAET,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,EAAE,EAAI,CAAA,EAAA,CAChB,EACD,CAAA,CACV,EACA,SAAS,KAAK,SAAS,KACtBA,GAAC,CAAA,MAAM,EAAC,EAAA,OAAO,EAAC,OAAO,EAAC,QAAQ,QAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,yBAAyB,EACxF,QAAA,EAAAA,GAAA,CAAC,KAAK,EAAC,EAAA,OAAO,EAAE,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAC/E,QAAA,EAAAA,GAAA,CAAC,gBAAgB,EAAC,EAAA,IAAI,EAAE,EAAE,GAAI,EACxB,CAAA,EAAA,CACD,CACV,CAAA,EAAA,CACI,CACR,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,IAAI,KACtBA,IAAC,MAAM,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,yBAAyB,YACzDC,IAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,QAAQ,EAC/B,QAAA,EAAA,CAAAD,GAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,EACrD,IAAI,CAAC,IAAI,IAAIA,GAAC,CAAA,UAAU,EAAC,EAAA,OAAO,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAA,EAAA,IAAI,CAAC,IAAI,GAAc,EAClFA,GAAA,CAAC,eAAe,EAAA,EAAC,IAAI,EAAE,EAAE,GAAI,CACxB,EAAA,CAAA,EAAA,CACA,CACV,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC;IAE/B,OAAO;QACL,WAAW;QACX,iBAAiB;QACjB,aAAa;QACb,YAAY;QACZ,WAAW;QACX,cAAc;KACf,CAAC;AACJ;;;;"}

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

@@ -0,0 +1,24 @@
+import { jsxs, Fragment, jsx } 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 CenteredNavbar = (props) => {
+    const { sticky = false, shadow = true, backgroundColor, className = '', topBar, containerized = true, style: propStyle, } = props;
+    const { logoSection, navigationSection, searchSection, iconsSection, userSection, actionsSection, } = useNavbarSections(props);
+    const navbarClass = [
+        'vtx-navbar',
+        'vtx-navbar--desktop',
+        'vtx-navbar--centered',
+        sticky && 'vtx-navbar--sticky',
+        shadow && 'vtx-navbar--shadow',
+        className,
+    ].filter(Boolean).join(' ');
+    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] })] })) })] }));
+};
+
+export { CenteredNavbar };
+//# sourceMappingURL=CenteredNavbar.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,27 @@
+import { jsxs, Fragment, jsx } 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 { 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] })) })] }));
+};
+
+export { SingleRowNavbar };
+//# sourceMappingURL=SingleRowNavbar.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,32 @@
+import { jsxs, Fragment, jsx } 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 TransparentNavbar = (props) => {
+    const { sticky = false, shadow = false, backgroundColor = 'transparent', className = '', topBar, containerized = true, style: propStyle, } = props;
+    const { logoSection, navigationSection, searchSection, iconsSection, userSection, actionsSection, } = useNavbarSections(props);
+    const navbarClass = [
+        'vtx-navbar',
+        'vtx-navbar--desktop',
+        'vtx-navbar--transparent',
+        sticky && 'vtx-navbar--sticky',
+        shadow && 'vtx-navbar--shadow',
+        className,
+    ].filter(Boolean).join(' ');
+    const style = {
+        backgroundColor,
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        zIndex: 1000,
+        ...propStyle,
+    };
+    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] })) })] }));
+};
+
+export { TransparentNavbar };
+//# sourceMappingURL=TransparentNavbar.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default from 'react';
+import { useNavbarSections } from '../../../../components/Navbar/useNavbarSections.js';
+import Container from '../../../../../Container/components/Container/Container.js';
+
+const TwoRowNavbar = (props) => {
+    const { sticky = false, shadow = true, backgroundColor, className = '', containerized = true, contentNodes, style: propStyle, } = props;
+    const { logoSection, navigationSection, searchSection, iconsSection, userSection, actionsSection, } = useNavbarSections(props);
+    const navbarClass = [
+        'vtx-navbar',
+        'vtx-navbar--desktop',
+        'vtx-navbar--two-row',
+        sticky && 'vtx-navbar--sticky',
+        shadow && 'vtx-navbar--shadow',
+        className,
+    ].filter(Boolean).join(' ');
+    const style = { ...propStyle };
+    if (backgroundColor)
+        style.backgroundColor = backgroundColor;
+    const topRow = (jsx("div", { className: "vtx-navbar__row-top", children: containerized ? (jsx(Container, { style: { height: '100%' }, children: jsxs("div", { className: "vtx-navbar__content", children: [logoSection, jsx("div", { style: { flex: 1, maxWidth: '640px', margin: '0 2rem' }, children: searchSection }), jsxs("div", { className: "vtx-navbar__right", children: [contentNodes && contentNodes.map((node, index) => (jsx(React__default.Fragment, { children: node }, index))), iconsSection, userSection, actionsSection] })] }) })) : (jsxs("div", { className: "vtx-navbar__content", style: { padding: '0 1.5rem' }, children: [logoSection, jsx("div", { style: { flex: 1, maxWidth: '640px', margin: '0 2rem' }, children: searchSection }), jsxs("div", { className: "vtx-navbar__right", children: [contentNodes && contentNodes.map((node, index) => (jsx(React__default.Fragment, { children: node }, index))), iconsSection, userSection, actionsSection] })] })) }));
+    const bottomRow = (jsx("div", { className: "vtx-navbar__row-bottom", children: containerized ? (jsx(Container, { children: jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: navigationSection }) })) : (jsx("div", { style: { padding: '0 1.5rem', display: 'flex', justifyContent: 'center' }, children: navigationSection })) }));
+    return (jsxs("nav", { className: navbarClass, style: style, children: [topRow, bottomRow] }));
+};
+
+export { TwoRowNavbar };
+//# sourceMappingURL=TwoRowNavbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwoRowNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/TwoRowNavbar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","React"],"mappings":";;;;;AAKa,MAAA,YAAY,GAA8B,CAAC,KAAK,KAAI;IAC/D,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,IAAI,EACb,eAAe,EACf,SAAS,GAAG,EAAE,EACd,aAAa,GAAG,IAAI,EACpB,YAAY,EACZ,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,qBAAqB;AACrB,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;AAE7D,IAAA,MAAM,MAAM,IACVA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAA,QAAA,EACjC,aAAa,IACZA,IAAC,SAAS,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAClCC,cAAK,SAAS,EAAC,qBAAqB,EACjC,QAAA,EAAA,CAAA,WAAW,EACZD,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EACzD,QAAA,EAAA,aAAa,GACV,EACNC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,EAC/B,QAAA,EAAA,CAAA,YAAY,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC5CD,GAAA,CAACE,cAAK,CAAC,QAAQ,EAAc,EAAA,QAAA,EAAA,IAAI,IAAZ,KAAK,CAAyB,CACpD,CAAC,EACD,YAAY,EACZ,WAAW,EACX,cAAc,IACX,CACF,EAAA,CAAA,EAAA,CACI,KAEZD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAChE,QAAA,EAAA,CAAA,WAAW,EACZD,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YACzD,aAAa,EAAA,CACV,EACNC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,aAC/B,YAAY,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC5CD,GAAC,CAAAE,cAAK,CAAC,QAAQ,cAAc,IAAI,EAAA,EAAZ,KAAK,CAAyB,CACpD,CAAC,EACD,YAAY,EACZ,WAAW,EACX,cAAc,CAAA,EAAA,CACX,IACF,CACP,EAAA,CACG,CACP,CAAC;IAEF,MAAM,SAAS,IACbF,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EACpC,QAAA,EAAA,aAAa,IACZA,GAAC,CAAA,SAAS,EACR,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EACtD,iBAAiB,EAAA,CACd,EACI,CAAA,KAEZA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAC3E,QAAA,EAAA,iBAAiB,EACd,CAAA,CACP,EACG,CAAA,CACP,CAAC;AAEF,IAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,aACtC,MAAM,EACN,SAAS,CAAA,EAAA,CACN,EACN;AACJ;;;;"}

package/dist/esm/components/Radio/components/Radio/Radio.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default, { useId } from 'react';
+import { useThemeContext } from '../../../../theme/theme/ThemeProvider.js';
+import '../../../../theme/theme/tokens.js';
+
+/**
+ * Radio component - Allows users to select a single option from a set
+ *
+ * The Radio component provides a customizable radio input with support
+ * for labels, error states, variants, and three sizes.
+ *
+ * ## CSS Customization
+ *
+ * You can customize the radio appearance using CSS custom properties:
+ *
+ * ```css
+ * :root {
+ *   --vtx-radio-color: #1976d2;
+ *   --vtx-radio-size: 20px;
+ *   --vtx-radio-border-width: 2px;
+ * }
+ * ```
+ *
+ * @example
+ * Basic radio
+ * ```tsx
+ * <Radio label="Option 1" name="options" value="1" />
+ * ```
+ *
+ * @example
+ * Controlled radio
+ * ```tsx
+ * const [selected, setSelected] = useState('1');
+ * <Radio
+ *   checked={selected === '1'}
+ *   onChange={(e) => setSelected(e.target.value)}
+ *   label="Option 1"
+ *   value="1"
+ * />
+ * ```
+ *
+ * @example
+ * With error state
+ * ```tsx
+ * <Radio
+ *   label="Required option"
+ *   error
+ *   helperText="Please select an option"
+ * />
+ * ```
+ *
+ * @example
+ * Different variants
+ * ```tsx
+ * <Radio label="Primary" variant="primary" />
+ * <Radio label="Success" variant="success" />
+ * <Radio label="Error" variant="error" />
+ * ```
+ */
+const Radio = React__default.forwardRef(({ checked, disabled = false, label, size, variant = 'primary', error = false, helperText, onChange, className = '', inputClassName = '', id, ...props }, ref) => {
+    const { theme } = useThemeContext();
+    const radioSize = size || theme.defaultSize;
+    const generatedId = useId();
+    const radioId = id || generatedId;
+    const helperTextId = helperText ? `${radioId}-helper-text` : undefined;
+    // Build class names
+    const containerClassNames = [
+        'vtx-radio',
+        `vtx-radio--${radioSize}`,
+        `vtx-radio--${variant}`,
+        disabled && 'vtx-radio--disabled',
+        error && 'vtx-radio--error',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const inputClassNames = ['vtx-radio-input', inputClassName].filter(Boolean).join(' ');
+    const radioElement = (jsxs("div", { className: "vtx-radio-wrapper", children: [jsx("input", { ref: ref, type: "radio", id: radioId, className: inputClassNames, checked: checked, disabled: disabled, onChange: onChange, "aria-describedby": helperTextId, ...props }), jsx("span", { className: "vtx-radio-circle", children: jsx("span", { className: "vtx-radio-dot" }) })] }));
+    if (label) {
+        return (jsxs("div", { className: containerClassNames, children: [jsxs("label", { htmlFor: radioId, className: "vtx-radio-label", children: [radioElement, jsx("span", { className: "vtx-radio-label-text", children: label })] }), helperText && (jsx("span", { id: helperTextId, className: "vtx-radio-helper-text", children: helperText }))] }));
+    }
+    return (jsxs("div", { className: containerClassNames, children: [radioElement, helperText && (jsx("span", { id: helperTextId, className: "vtx-radio-helper-text", children: helperText }))] }));
+});
+Radio.displayName = 'Radio';
+
+export { Radio, Radio as default };
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;AAwDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDG;AACG,MAAA,KAAK,GAAGA,cAAK,CAAC,UAAU,CAC5B,CACE,EACE,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,EACJ,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,KAAK,EACb,UAAU,EACV,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,EAAE,EACF,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;AACpC,IAAA,MAAM,SAAS,GAAG,IAAI,IAAI,KAAK,CAAC,WAAW,CAAC;AAE5C,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;AAC5B,IAAA,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;AAClC,IAAA,MAAM,YAAY,GAAG,UAAU,GAAG,CAAG,EAAA,OAAO,CAAc,YAAA,CAAA,GAAG,SAAS,CAAC;;AAGvE,IAAA,MAAM,mBAAmB,GAAG;QAC1B,WAAW;AACX,QAAA,CAAA,WAAA,EAAc,SAAS,CAAE,CAAA;AACzB,QAAA,CAAA,WAAA,EAAc,OAAO,CAAE,CAAA;AACvB,QAAA,QAAQ,IAAI,qBAAqB;AACjC,QAAA,KAAK,IAAI,kBAAkB;QAC3B,SAAS;AACV,KAAA;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;AAEb,IAAA,MAAM,eAAe,GAAG,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtF,MAAM,YAAY,IAChBC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAChCC,GACE,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EACA,kBAAA,EAAA,YAAY,EAC1B,GAAA,KAAK,EACT,CAAA,EACFA,cAAM,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAChCA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,eAAe,EAAG,CAAA,EAAA,CAC7B,CACH,EAAA,CAAA,CACP,CAAC;IAEF,IAAI,KAAK,EAAE;AACT,QAAA,QACED,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,mBAAmB,EAAA,QAAA,EAAA,CACjCA,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CACjD,YAAY,EACbC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,EAAA,CAAQ,IAC/C,EACP,UAAU,KACTA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,YAAY,EAAE,SAAS,EAAC,uBAAuB,EACtD,QAAA,EAAA,UAAU,GACN,CACR,CAAA,EAAA,CACG,EACN;KACH;IAED,QACED,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,mBAAmB,aAChC,YAAY,EACZ,UAAU,KACTC,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,YAAY,EAAE,SAAS,EAAC,uBAAuB,EACtD,QAAA,EAAA,UAAU,EACN,CAAA,CACR,CACG,EAAA,CAAA,EACN;AACJ,CAAC,EACD;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/components/Radio/components/Radio/index.js

@@ -0,0 +1,2 @@
+export { default as Radio, default as RadioComponent } from './Radio.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Radio/components/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}