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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/dist/cjs/AdminHeader.css +17702 -21
  2. package/dist/cjs/components/AdminHeader/components/AdminHeader/AdminHeader.js +1 -1
  3. package/dist/cjs/components/AdminHeader/components/AdminHeader/AdminHeader.js.map +1 -1
  4. package/dist/cjs/components/Badge/components/Badge/Badge.js +23 -1
  5. package/dist/cjs/components/Badge/components/Badge/Badge.js.map +1 -1
  6. package/dist/cjs/components/Divider/components/Divider/Divider.js +7 -3
  7. package/dist/cjs/components/Divider/components/Divider/Divider.js.map +1 -1
  8. package/dist/cjs/components/Image/components/Image/Image.js +2 -2
  9. package/dist/cjs/components/Image/components/Image/Image.js.map +1 -1
  10. package/dist/cjs/components/Link/components/Link/Link.js +10 -4
  11. package/dist/cjs/components/Link/components/Link/Link.js.map +1 -1
  12. package/dist/cjs/components/Navbar/components/Navbar/NavItem.js +103 -7
  13. package/dist/cjs/components/Navbar/components/Navbar/NavItem.js.map +1 -1
  14. package/dist/cjs/components/Navbar/components/Navbar/Navbar.js +40 -106
  15. package/dist/cjs/components/Navbar/components/Navbar/Navbar.js.map +1 -1
  16. package/dist/cjs/components/Navbar/components/Navbar/NavbarDesktop.js +51 -0
  17. package/dist/cjs/components/Navbar/components/Navbar/NavbarDesktop.js.map +1 -0
  18. package/dist/cjs/components/Navbar/components/Navbar/NavbarMobile.js +60 -0
  19. package/dist/cjs/components/Navbar/components/Navbar/NavbarMobile.js.map +1 -0
  20. package/dist/cjs/components/Navbar/components/Navbar/TopBar.js +24 -10
  21. package/dist/cjs/components/Navbar/components/Navbar/TopBar.js.map +1 -1
  22. package/dist/cjs/components/Navbar/components/Navbar/useNavbarSections.js +3 -3
  23. package/dist/cjs/components/Navbar/components/Navbar/useNavbarSections.js.map +1 -1
  24. package/dist/cjs/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js +1 -1
  25. package/dist/cjs/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js.map +1 -1
  26. package/dist/cjs/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js +15 -8
  27. package/dist/cjs/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js.map +1 -1
  28. package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js +1 -1
  29. package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js.map +1 -1
  30. package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js +46 -20
  31. package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js.map +1 -1
  32. package/dist/cjs/components/Skeleton/components/Skeleton/SkeletonTheme.js +6 -0
  33. package/dist/cjs/components/Skeleton/components/Skeleton/SkeletonTheme.js.map +1 -1
  34. package/dist/cjs/components/Widget/components/Widget/Widget.js +3 -3
  35. package/dist/cjs/components/Widget/components/Widget/Widget.js.map +1 -1
  36. package/dist/cjs/components/Widget/components/Widget/index.js +2 -2
  37. package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js +53 -0
  38. package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js.map +1 -0
  39. package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js +70 -0
  40. package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js.map +1 -0
  41. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/CarouselWidget.js +1 -1
  42. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/CarouselWidget.js.map +1 -1
  43. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js +59 -388
  44. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js.map +1 -1
  45. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js +6 -1
  46. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js.map +1 -1
  47. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/OrderWidget.js +1 -0
  48. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/OrderWidget.js.map +1 -1
  49. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ProductWidget.js +2 -2
  50. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ProductWidget.js.map +1 -1
  51. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/TestimonialWidget.js +1 -0
  52. package/dist/cjs/components/Widget/renderers/components/Widget/renderers/TestimonialWidget.js.map +1 -1
  53. package/dist/cjs/utils/utils/parseClass.js +121 -24
  54. package/dist/cjs/utils/utils/parseClass.js.map +1 -1
  55. package/dist/cjs/widgets/ProductCard/widgets/ProductCard/ProductCard.js +19 -13
  56. package/dist/cjs/widgets/ProductCard/widgets/ProductCard/ProductCard.js.map +1 -1
  57. package/dist/esm/AdminHeader.css +17702 -21
  58. package/dist/esm/components/AdminHeader/components/AdminHeader/AdminHeader.js +1 -1
  59. package/dist/esm/components/AdminHeader/components/AdminHeader/AdminHeader.js.map +1 -1
  60. package/dist/esm/components/Badge/components/Badge/Badge.js +23 -1
  61. package/dist/esm/components/Badge/components/Badge/Badge.js.map +1 -1
  62. package/dist/esm/components/Divider/components/Divider/Divider.js +7 -3
  63. package/dist/esm/components/Divider/components/Divider/Divider.js.map +1 -1
  64. package/dist/esm/components/Image/components/Image/Image.js +2 -2
  65. package/dist/esm/components/Image/components/Image/Image.js.map +1 -1
  66. package/dist/esm/components/Link/components/Link/Link.js +10 -4
  67. package/dist/esm/components/Link/components/Link/Link.js.map +1 -1
  68. package/dist/esm/components/Navbar/components/Navbar/NavItem.js +104 -8
  69. package/dist/esm/components/Navbar/components/Navbar/NavItem.js.map +1 -1
  70. package/dist/esm/components/Navbar/components/Navbar/Navbar.js +41 -108
  71. package/dist/esm/components/Navbar/components/Navbar/Navbar.js.map +1 -1
  72. package/dist/esm/components/Navbar/components/Navbar/NavbarDesktop.js +47 -0
  73. package/dist/esm/components/Navbar/components/Navbar/NavbarDesktop.js.map +1 -0
  74. package/dist/esm/components/Navbar/components/Navbar/NavbarMobile.js +56 -0
  75. package/dist/esm/components/Navbar/components/Navbar/NavbarMobile.js.map +1 -0
  76. package/dist/esm/components/Navbar/components/Navbar/TopBar.js +24 -10
  77. package/dist/esm/components/Navbar/components/Navbar/TopBar.js.map +1 -1
  78. package/dist/esm/components/Navbar/components/Navbar/useNavbarSections.js +3 -3
  79. package/dist/esm/components/Navbar/components/Navbar/useNavbarSections.js.map +1 -1
  80. package/dist/esm/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js +1 -1
  81. package/dist/esm/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js.map +1 -1
  82. package/dist/esm/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js +16 -9
  83. package/dist/esm/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js.map +1 -1
  84. package/dist/esm/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js +1 -1
  85. package/dist/esm/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js.map +1 -1
  86. package/dist/esm/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js +47 -17
  87. package/dist/esm/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js.map +1 -1
  88. package/dist/esm/components/Skeleton/components/Skeleton/SkeletonTheme.js +6 -0
  89. package/dist/esm/components/Skeleton/components/Skeleton/SkeletonTheme.js.map +1 -1
  90. package/dist/esm/components/Widget/components/Widget/Widget.js +3 -3
  91. package/dist/esm/components/Widget/components/Widget/Widget.js.map +1 -1
  92. package/dist/esm/components/Widget/components/Widget/index.js +2 -2
  93. package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js +49 -0
  94. package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js.map +1 -0
  95. package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js +66 -0
  96. package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js.map +1 -0
  97. package/dist/esm/components/Widget/renderers/components/Widget/renderers/CarouselWidget.js +1 -1
  98. package/dist/esm/components/Widget/renderers/components/Widget/renderers/CarouselWidget.js.map +1 -1
  99. package/dist/esm/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js +60 -389
  100. package/dist/esm/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js.map +1 -1
  101. package/dist/esm/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js +6 -1
  102. package/dist/esm/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js.map +1 -1
  103. package/dist/esm/components/Widget/renderers/components/Widget/renderers/OrderWidget.js +1 -1
  104. package/dist/esm/components/Widget/renderers/components/Widget/renderers/OrderWidget.js.map +1 -1
  105. package/dist/esm/components/Widget/renderers/components/Widget/renderers/ProductWidget.js +2 -2
  106. package/dist/esm/components/Widget/renderers/components/Widget/renderers/ProductWidget.js.map +1 -1
  107. package/dist/esm/components/Widget/renderers/components/Widget/renderers/TestimonialWidget.js +1 -1
  108. package/dist/esm/components/Widget/renderers/components/Widget/renderers/TestimonialWidget.js.map +1 -1
  109. package/dist/esm/theme/base.css +17702 -21
  110. package/dist/esm/utils/utils/parseClass.js +121 -25
  111. package/dist/esm/utils/utils/parseClass.js.map +1 -1
  112. package/dist/esm/widgets/ProductCard/widgets/ProductCard/ProductCard.js +19 -13
  113. package/dist/esm/widgets/ProductCard/widgets/ProductCard/ProductCard.js.map +1 -1
  114. package/dist/types/components/Badge/Badge.d.ts +17 -1
  115. package/dist/types/components/Badge/Badge.d.ts.map +1 -1
  116. package/dist/types/components/Divider/Divider.d.ts.map +1 -1
  117. package/dist/types/components/Image/Image.d.ts +4 -0
  118. package/dist/types/components/Image/Image.d.ts.map +1 -1
  119. package/dist/types/components/Link/Link.d.ts +4 -0
  120. package/dist/types/components/Link/Link.d.ts.map +1 -1
  121. package/dist/types/components/Navbar/NavItem.d.ts +6 -0
  122. package/dist/types/components/Navbar/NavItem.d.ts.map +1 -1
  123. package/dist/types/components/Navbar/Navbar.d.ts +6 -7
  124. package/dist/types/components/Navbar/Navbar.d.ts.map +1 -1
  125. package/dist/types/components/Navbar/NavbarDesktop.d.ts +4 -0
  126. package/dist/types/components/Navbar/NavbarDesktop.d.ts.map +1 -0
  127. package/dist/types/components/Navbar/NavbarMobile.d.ts +4 -0
  128. package/dist/types/components/Navbar/NavbarMobile.d.ts.map +1 -0
  129. package/dist/types/components/Navbar/TopBar.d.ts.map +1 -1
  130. package/dist/types/components/Navbar/types.d.ts +117 -4
  131. package/dist/types/components/Navbar/types.d.ts.map +1 -1
  132. package/dist/types/components/Navbar/useNavbarSections.d.ts.map +1 -1
  133. package/dist/types/components/Navbar/variants/SingleRowNavbar.d.ts +2 -2
  134. package/dist/types/components/Navbar/variants/SingleRowNavbar.d.ts.map +1 -1
  135. package/dist/types/components/Navbar/variants/TwoRowNavbar.d.ts +2 -1
  136. package/dist/types/components/Navbar/variants/TwoRowNavbar.d.ts.map +1 -1
  137. package/dist/types/components/Skeleton/SkeletonTheme.d.ts +1 -1
  138. package/dist/types/components/Skeleton/SkeletonTheme.d.ts.map +1 -1
  139. package/dist/types/components/Widget/renderers/CarouselWidget.d.ts.map +1 -1
  140. package/dist/types/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.d.ts +10 -0
  141. package/dist/types/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.d.ts.map +1 -0
  142. package/dist/types/components/Widget/renderers/ContentBlock/VisualBlockTheme.d.ts +10 -0
  143. package/dist/types/components/Widget/renderers/ContentBlock/VisualBlockTheme.d.ts.map +1 -0
  144. package/dist/types/components/Widget/renderers/ContentBlockWidget.d.ts +1 -6
  145. package/dist/types/components/Widget/renderers/ContentBlockWidget.d.ts.map +1 -1
  146. package/dist/types/components/Widget/renderers/GridCarouselWidget.d.ts.map +1 -1
  147. package/dist/types/components/Widget/renderers/OrderWidget.d.ts +1 -1
  148. package/dist/types/components/Widget/renderers/OrderWidget.d.ts.map +1 -1
  149. package/dist/types/components/Widget/renderers/TestimonialWidget.d.ts +1 -1
  150. package/dist/types/components/Widget/renderers/TestimonialWidget.d.ts.map +1 -1
  151. package/dist/types/components/Widget/types.d.ts +65 -4
  152. package/dist/types/components/Widget/types.d.ts.map +1 -1
  153. package/dist/types/utils/parseClass.d.ts +7 -0
  154. package/dist/types/utils/parseClass.d.ts.map +1 -1
  155. package/dist/types/widgets/ProductCard/ProductCard.d.ts +4 -4
  156. package/dist/types/widgets/ProductCard/ProductCard.d.ts.map +1 -1
  157. package/package.json +1 -1
@@ -6,120 +6,54 @@ Object.defineProperty(exports, '__esModule', { value: true });
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
  var React = require('react');
8
8
  var hoc_withParsedClasses = require('../../../../hoc/hoc/withParsedClasses.js');
9
- var components_Navbar_variants_SingleRowNavbar = require('../../variants/components/Navbar/variants/SingleRowNavbar.js');
10
- var components_Navbar_variants_TwoRowNavbar = require('../../variants/components/Navbar/variants/TwoRowNavbar.js');
11
- var components_Navbar_variants_CenteredNavbar = require('../../variants/components/Navbar/variants/CenteredNavbar.js');
12
- var components_Navbar_variants_TransparentNavbar = require('../../variants/components/Navbar/variants/TransparentNavbar.js');
13
- var components_Navbar_TopBar = require('./TopBar.js');
14
- var components_Navbar_NavItem = require('./NavItem.js');
15
- var components_Container_Container = require('../../../Container/components/Container/Container.js');
16
- var components_Flex_Flex = require('../../../Flex/components/Flex/Flex.js');
17
- var components_Autocomplete_Autocomplete = require('../../../Autocomplete/components/Autocomplete/Autocomplete.js');
18
- var components_Badge_Badge = require('../../../Badge/components/Badge/Badge.js');
19
- var components_Avatar_Avatar = require('../../../Avatar/components/Avatar/Avatar.js');
20
- var components_Button_Button = require('../../../Button/components/Button/Button.js');
21
- var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
9
+ var components_Navbar_NavbarDesktop = require('./NavbarDesktop.js');
10
+ var components_Navbar_NavbarMobile = require('./NavbarMobile.js');
22
11
 
23
- // ----- Desktop Navbar Component -----
24
- const NavbarDesktop = (props) => {
25
- const { variant = 'single-row', layout, transparent, sticky, topBar, containerized = true } = props;
26
- const [isScrolled, setIsScrolled] = React.useState(false);
12
+ // Custom hook for responsive behavior
13
+ const useIsMobile = (breakpoint) => {
14
+ const [isMobile, setIsMobile] = React.useState(false);
27
15
  React.useEffect(() => {
28
- if (transparent && sticky) {
29
- const handleScroll = () => {
30
- setIsScrolled(window.scrollY > 10);
31
- };
32
- window.addEventListener('scroll', handleScroll);
33
- return () => window.removeEventListener('scroll', handleScroll);
34
- }
35
- return undefined;
36
- }, [transparent, sticky]);
37
- const wrapperClass = [
38
- 'vtx-navbar-wrapper',
39
- transparent && 'vtx-navbar-wrapper--transparent',
40
- isScrolled && 'vtx-navbar-wrapper--scrolled',
41
- ].filter(Boolean).join(' ');
42
- const renderVariant = () => {
43
- if (variant === 'two-row' || layout === 'two-row') {
44
- return jsxRuntime.jsx(components_Navbar_variants_TwoRowNavbar.TwoRowNavbar, { ...props, topBar: undefined }); // TopBar handled by wrapper
45
- }
46
- if (variant === 'centered' || layout === 'centered') {
47
- return jsxRuntime.jsx(components_Navbar_variants_CenteredNavbar.CenteredNavbar, { ...props, topBar: undefined });
48
- }
49
- if (variant === 'transparent') {
50
- return jsxRuntime.jsx(components_Navbar_variants_TransparentNavbar.TransparentNavbar, { ...props, topBar: undefined });
51
- }
52
- return jsxRuntime.jsx(components_Navbar_variants_SingleRowNavbar.SingleRowNavbar, { ...props, topBar: undefined });
53
- };
54
- return (jsxRuntime.jsxs("div", { className: wrapperClass, children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), renderVariant()] }));
55
- };
56
- // ----- Mobile Navbar Component -----
57
- 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, }) => {
58
- const [internalIsOpen, setInternalIsOpen] = React.useState(false);
59
- const [searchQuery, setSearchQuery] = React.useState('');
60
- const isControlled = controlledIsOpen !== undefined;
61
- const isOpen = isControlled ? controlledIsOpen : internalIsOpen;
62
- const handleToggle = () => {
63
- const newValue = !isOpen;
64
- if (!isControlled) {
65
- setInternalIsOpen(newValue);
16
+ // Media query string
17
+ const query = `(max-width: ${breakpoint}px)`;
18
+ // Create matcher
19
+ const matcher = window.matchMedia(query);
20
+ // Initial check
21
+ setIsMobile(matcher.matches);
22
+ // Change handler
23
+ const handleChange = (e) => {
24
+ setIsMobile(e.matches);
25
+ };
26
+ // Modern event listener
27
+ if (matcher.addEventListener) {
28
+ matcher.addEventListener('change', handleChange);
29
+ return () => matcher.removeEventListener('change', handleChange);
66
30
  }
67
- onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newValue);
68
- };
69
- const handleClose = () => {
70
- if (!isControlled) {
71
- setInternalIsOpen(false);
31
+ // Fallback for older browsers (though unlikely needed for React 18+ targets)
32
+ else {
33
+ matcher.addListener(handleChange);
34
+ return () => matcher.removeListener(handleChange);
72
35
  }
73
- onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
74
- };
75
- const navbarClass = [
76
- 'vtx-navbar',
77
- 'vtx-navbar--mobile',
78
- sticky && 'vtx-navbar--sticky',
79
- shadow && 'vtx-navbar--shadow',
80
- className,
81
- ]
82
- .filter(Boolean)
83
- .join(' ');
84
- const style = {};
85
- if (backgroundColor)
86
- style.backgroundColor = backgroundColor;
87
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("div", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { children: jsxRuntime.jsxs(components_Flex_Flex["default"], { justify: "between", align: "center", className: "vtx-navbar__mobile-header", children: [jsxRuntime.jsx("div", { className: "vtx-navbar__logo", children: logo ? (jsxRuntime.jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, loading: "eager", fetchPriority: "high" })) : brandText ? (jsxRuntime.jsx("span", { className: "vtx-navbar__brand-text", onClick: onLogoClick, children: brandText })) : null }), jsxRuntime.jsxs("div", { className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.ShoppingCartIcon, { size: 20 }) }) })), jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: handleToggle, className: "vtx-navbar__menu-button", children: isOpen ? jsxRuntime.jsx(icons_IconComponents.CloseIcon, { size: 24 }) : jsxRuntime.jsx(icons_IconComponents.MenuIcon, { size: 24 }) })] })] }) })) : (jsxRuntime.jsxs(components_Flex_Flex["default"], { justify: "between", align: "center", className: "vtx-navbar__mobile-header", children: [jsxRuntime.jsx("div", { className: "vtx-navbar__logo", children: logo ? (jsxRuntime.jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, loading: "eager", fetchPriority: "high" })) : brandText ? (jsxRuntime.jsx("span", { className: "vtx-navbar__brand-text", onClick: onLogoClick, children: brandText })) : null }), jsxRuntime.jsxs("div", { className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.ShoppingCartIcon, { size: 20 }) }) })), jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: handleToggle, className: "vtx-navbar__menu-button", children: isOpen ? jsxRuntime.jsx(icons_IconComponents.CloseIcon, { size: 24 }) : jsxRuntime.jsx(icons_IconComponents.MenuIcon, { size: 24 }) })] })] })) }), jsxRuntime.jsx("div", { className: `vtx-navbar__drawer ${isOpen ? 'vtx-navbar__drawer--open' : ''}`, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__drawer-content", children: [(search || searchOptions.length > 0) && (jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-search", children: jsxRuntime.jsx(components_Autocomplete_Autocomplete["default"], { placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search...', value: searchQuery, onChange: (value) => {
88
- var _a;
89
- setSearchQuery(value);
90
- (_a = search === null || search === void 0 ? void 0 : search.onSearch) === null || _a === void 0 ? void 0 : _a.call(search, value);
91
- }, options: searchOptions, getOptionLabel: searchGetOptionLabel, getOptionValue: searchGetOptionValue, getOptionDescription: searchGetOptionDescription, getOptionIcon: searchGetOptionIcon, noOptionsMessage: searchNoOptionsMessage || 'No results found', loading: searchLoading, onSelect: (value, option) => {
92
- onSearchSelect === null || onSearchSelect === void 0 ? void 0 : onSearchSelect(value, option);
93
- setSearchQuery('');
94
- handleClose();
95
- }, showSearchIcon: true, clearable: true, fullWidth: true, size: "md" }) })), navigationItems.length > 0 && (jsxRuntime.jsx("nav", { className: "vtx-navbar__drawer-nav", children: navigationItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, mobile: true, onItemClick: handleClose }, index))) })), user && (jsxRuntime.jsxs("div", { className: "vtx-navbar__drawer-user", children: [jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", gap: 3, children: [jsxRuntime.jsx(components_Avatar_Avatar["default"], { src: user.avatar, alt: user.name, size: "md" }), jsxRuntime.jsxs("div", { children: [user.name && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-name", children: user.name }), user.email && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-email", children: user.email })] })] }), user.menuItems && user.menuItems.length > 0 && (jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-menu", children: user.menuItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, mobile: true, onItemClick: handleClose }, index))) }))] })), actions && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-actions", children: actions })] }) }), isOpen && jsxRuntime.jsx("div", { className: "vtx-navbar__overlay", onClick: handleClose })] }));
36
+ }, [breakpoint]);
37
+ return isMobile;
96
38
  };
97
- // ----- Responsive Navbar Component -----
98
- const NavbarResponsive = ({ desktopLayout = 'single-row', mobileBreakpoint = 768, onlyDesktop, onlyMobile, ...props }) => {
99
- const [isMobile, setIsMobile] = React.useState(false);
100
- React.useEffect(() => {
101
- const checkMobile = () => {
102
- setIsMobile(window.innerWidth < mobileBreakpoint);
103
- };
104
- checkMobile();
105
- window.addEventListener('resize', checkMobile);
106
- return () => window.removeEventListener('resize', checkMobile);
107
- }, [mobileBreakpoint]);
108
- if (onlyDesktop) {
109
- return jsxRuntime.jsx(NavbarDesktop, { ...props, layout: desktopLayout });
110
- }
111
- if (onlyMobile) {
112
- return jsxRuntime.jsx(NavbarMobile, { ...props });
39
+ const NavbarResponsive = ({ desktopLayout = 'single-row', mobileBreakpoint = 1024, linkComponent, ...props }) => {
40
+ const isMobile = useIsMobile(mobileBreakpoint);
41
+ // Propagate all props to the active component
42
+ // Note: mobileBreakpoint and desktopLayout are consumed here or passed appropriately
43
+ if (isMobile) {
44
+ return (jsxRuntime.jsx(components_Navbar_NavbarMobile.NavbarMobile, { linkComponent: linkComponent, ...props }));
113
45
  }
114
- return isMobile ? (jsxRuntime.jsx(NavbarMobile, { ...props })) : (jsxRuntime.jsx(NavbarDesktop, { ...props, layout: desktopLayout }));
46
+ return (jsxRuntime.jsx(components_Navbar_NavbarDesktop.NavbarDesktop, { layout: desktopLayout, linkComponent: linkComponent, ...props }));
47
+ };
48
+ // Exports
49
+ const Navbar = hoc_withParsedClasses.withParsedClasses(NavbarResponsive);
50
+ // Attach sub-components for advanced composition if needed, though mostly usage should be via <Navbar />
51
+ const NavbarComponents = {
52
+ Desktop: components_Navbar_NavbarDesktop.NavbarDesktop,
53
+ Mobile: components_Navbar_NavbarMobile.NavbarMobile
115
54
  };
116
- // ----- Exports -----
117
- const Navbar = Object.assign(NavbarResponsive, {
118
- Desktop: hoc_withParsedClasses.withParsedClasses(NavbarDesktop),
119
- Mobile: hoc_withParsedClasses.withParsedClasses(NavbarMobile),
120
- Responsive: hoc_withParsedClasses.withParsedClasses(NavbarResponsive),
121
- });
122
55
 
123
56
  exports.Navbar = Navbar;
57
+ exports.NavbarComponents = NavbarComponents;
124
58
  exports["default"] = Navbar;
125
59
  //# sourceMappingURL=Navbar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Navbar.js","sources":["../../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useState","useEffect","_jsx","TwoRowNavbar","CenteredNavbar","TransparentNavbar","SingleRowNavbar","_jsxs","TopBar","_Fragment","Container","Flex","Button","Badge","BellIcon","ShoppingCartIcon","CloseIcon","MenuIcon","Autocomplete","NavItem","Avatar","withParsedClasses"],"mappings":"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"}
1
+ {"version":3,"file":"Navbar.js","sources":["../../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useState","useEffect","_jsx","NavbarMobile","NavbarDesktop","withParsedClasses"],"mappings":";;;;;;;;;;AAcA;AACA,MAAM,WAAW,GAAG,CAAC,UAAkB,KAAa;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAEhDC,eAAS,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,QACEC,cAAC,CAAAC,2CAAY,EACX,EAAA,aAAa,EAAE,aAAa,EACxB,GAAA,KAAK,EACT,CAAA,EACF;KACH;AAED,IAAA,QACED,cAAA,CAACE,6CAAa,EAAA,EACZ,MAAM,EAAE,aAAa,EACrB,aAAa,EAAE,aAAa,EAAA,GACxB,KAAK,EAAA,CACT,EACF;AACJ,CAAC,CAAC;AAEF;MACa,MAAM,GAAGC,uCAAiB,CAAC,gBAAgB,EAAqC;AAE7F;AACa,MAAA,gBAAgB,GAAG;AAC9B,IAAA,OAAO,EAAED,6CAAa;AACtB,IAAA,MAAM,EAAED,2CAAY;;;;;;;"}
@@ -0,0 +1,51 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var React = require('react');
7
+ var components_Navbar_variants_SingleRowNavbar = require('../../variants/components/Navbar/variants/SingleRowNavbar.js');
8
+ var components_Navbar_variants_TwoRowNavbar = require('../../variants/components/Navbar/variants/TwoRowNavbar.js');
9
+ var components_Navbar_variants_CenteredNavbar = require('../../variants/components/Navbar/variants/CenteredNavbar.js');
10
+ var components_Navbar_variants_TransparentNavbar = require('../../variants/components/Navbar/variants/TransparentNavbar.js');
11
+ var components_Navbar_TopBar = require('./TopBar.js');
12
+
13
+ const NavbarDesktop = (props) => {
14
+ const { variant = 'single-row', layout, transparent, sticky, topBar, containerized = true, linkComponent } = props;
15
+ const [isScrolled, setIsScrolled] = React.useState(false);
16
+ React.useEffect(() => {
17
+ if (transparent && sticky) {
18
+ const handleScroll = () => {
19
+ setIsScrolled(window.scrollY > 10);
20
+ };
21
+ window.addEventListener('scroll', handleScroll);
22
+ return () => window.removeEventListener('scroll', handleScroll);
23
+ }
24
+ return undefined;
25
+ }, [transparent, sticky]);
26
+ const wrapperClass = [
27
+ 'vtx-navbar-wrapper',
28
+ sticky && 'vtx-navbar-wrapper--sticky',
29
+ transparent && 'vtx-navbar-wrapper--transparent',
30
+ isScrolled && 'vtx-navbar-wrapper--scrolled',
31
+ ].filter(Boolean).join(' ');
32
+ const renderVariant = () => {
33
+ // We handle sticky wrapper at this level, so we force sticky=false for children
34
+ // to avoid nested sticky wrappers which break layout.
35
+ const childProps = { ...props, sticky: false, topBar: undefined };
36
+ if (variant === 'two-row' || layout === 'two-row') {
37
+ return jsxRuntime.jsx(components_Navbar_variants_TwoRowNavbar.TwoRowNavbar, { linkComponent: linkComponent, ...childProps });
38
+ }
39
+ if (variant === 'centered' || layout === 'centered') {
40
+ return jsxRuntime.jsx(components_Navbar_variants_CenteredNavbar.CenteredNavbar, { linkComponent: linkComponent, ...childProps });
41
+ }
42
+ if (variant === 'transparent') {
43
+ return jsxRuntime.jsx(components_Navbar_variants_TransparentNavbar.TransparentNavbar, { linkComponent: linkComponent, ...childProps });
44
+ }
45
+ return jsxRuntime.jsx(components_Navbar_variants_SingleRowNavbar.SingleRowNavbar, { linkComponent: linkComponent, ...childProps });
46
+ };
47
+ return (jsxRuntime.jsxs("div", { className: wrapperClass, children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), renderVariant()] }));
48
+ };
49
+
50
+ exports.NavbarDesktop = NavbarDesktop;
51
+ //# sourceMappingURL=NavbarDesktop.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavbarDesktop.js","sources":["../../../../../../src/components/Navbar/NavbarDesktop.tsx"],"sourcesContent":[null],"names":["useState","useEffect","_jsx","TwoRowNavbar","CenteredNavbar","TransparentNavbar","SingleRowNavbar","_jsxs","TopBar"],"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,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAEpDC,eAAS,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,OAAOC,cAAA,CAACC,oDAAY,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;SACzE;QACD,IAAI,OAAO,KAAK,UAAU,IAAI,MAAM,KAAK,UAAU,EAAE;YACjD,OAAOD,cAAA,CAACE,wDAAc,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;SAC3E;AACD,QAAA,IAAI,OAAO,KAAK,aAAa,EAAE;YAC3B,OAAOF,cAAA,CAACG,8DAAiB,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;SAC9E;QACD,OAAOH,cAAA,CAACI,0DAAe,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;AAC7E,KAAC,CAAC;IAEF,QACIC,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,YAAY,aACvB,MAAM,IAAIL,cAAC,CAAAM,+BAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EAClE,aAAa,EAAE,CACd,EAAA,CAAA,EACR;AACN;;;;"}
@@ -0,0 +1,60 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var React = require('react');
7
+ var components_Navbar_TopBar = require('./TopBar.js');
8
+ var components_Navbar_NavItem = require('./NavItem.js');
9
+ var components_Container_Container = require('../../../Container/components/Container/Container.js');
10
+ var components_Flex_Flex = require('../../../Flex/components/Flex/Flex.js');
11
+ var components_Autocomplete_Autocomplete = require('../../../Autocomplete/components/Autocomplete/Autocomplete.js');
12
+ var components_Badge_Badge = require('../../../Badge/components/Badge/Badge.js');
13
+ var components_Avatar_Avatar = require('../../../Avatar/components/Avatar/Avatar.js');
14
+ var components_Button_Button = require('../../../Button/components/Button/Button.js');
15
+ var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
16
+
17
+ 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', }) => {
18
+ const [internalIsOpen, setInternalIsOpen] = React.useState(false);
19
+ const [searchQuery, setSearchQuery] = React.useState('');
20
+ const isControlled = controlledIsOpen !== undefined;
21
+ const isOpen = isControlled ? controlledIsOpen : internalIsOpen;
22
+ const handleToggle = () => {
23
+ const newValue = !isOpen;
24
+ if (!isControlled) {
25
+ setInternalIsOpen(newValue);
26
+ }
27
+ onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newValue);
28
+ };
29
+ const handleClose = () => {
30
+ if (!isControlled) {
31
+ setInternalIsOpen(false);
32
+ }
33
+ onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
34
+ };
35
+ const navbarClass = [
36
+ 'vtx-navbar',
37
+ 'vtx-navbar--mobile',
38
+ sticky && 'vtx-navbar--sticky',
39
+ shadow && 'vtx-navbar--shadow',
40
+ className,
41
+ ]
42
+ .filter(Boolean)
43
+ .join(' ');
44
+ const style = {};
45
+ if (backgroundColor)
46
+ style.backgroundColor = backgroundColor;
47
+ const MobileHeaderContent = (jsxRuntime.jsxs(components_Flex_Flex["default"], { justify: "between", align: "center", className: "vtx-navbar__mobile-header", children: [jsxRuntime.jsx("div", { className: "vtx-navbar__logo", children: logo ? (jsxRuntime.jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, loading: "eager", fetchPriority: "high" })) : brandText ? (jsxRuntime.jsx("span", { className: "vtx-navbar__brand-text", onClick: onLogoClick, children: brandText })) : null }), jsxRuntime.jsxs("div", { className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.ShoppingCartIcon, { size: 20 }) }) })), jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: handleToggle, className: "vtx-navbar__menu-button", children: isOpen ? jsxRuntime.jsx(icons_IconComponents.CloseIcon, { size: 24 }) : jsxRuntime.jsx(icons_IconComponents.MenuIcon, { size: 24 }) })] })] }));
48
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("div", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { children: MobileHeaderContent })) : (MobileHeaderContent) }), jsxRuntime.jsx("div", { className: `vtx-navbar__drawer ${isOpen ? 'vtx-navbar__drawer--open' : ''}`, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__drawer-content", children: [(search || searchOptions.length > 0) && (jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-search", children: jsxRuntime.jsx(components_Autocomplete_Autocomplete["default"], { placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search...', value: searchQuery, onChange: (value) => {
49
+ var _a;
50
+ setSearchQuery(value);
51
+ (_a = search === null || search === void 0 ? void 0 : search.onSearch) === null || _a === void 0 ? void 0 : _a.call(search, value);
52
+ }, options: searchOptions, getOptionLabel: searchGetOptionLabel, getOptionValue: searchGetOptionValue, getOptionDescription: searchGetOptionDescription, getOptionIcon: searchGetOptionIcon, noOptionsMessage: searchNoOptionsMessage || 'No results found', loading: searchLoading, onSelect: (value, option) => {
53
+ onSearchSelect === null || onSearchSelect === void 0 ? void 0 : onSearchSelect(value, option);
54
+ setSearchQuery('');
55
+ handleClose();
56
+ }, showSearchIcon: true, clearable: true, fullWidth: true, size: "md" }) })), navigationItems.length > 0 && (jsxRuntime.jsx("nav", { className: "vtx-navbar__drawer-nav", children: navigationItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, mobile: true, onItemClick: handleClose, linkComponent: linkComponent, defaultHoverColor: hoverColor, defaultActiveColor: activeColor, activeIndicatorStyle: activeIndicatorStyle, activeIndicatorBehavior: activeIndicatorBehavior }, index))) })), user && (jsxRuntime.jsxs("div", { className: "vtx-navbar__drawer-user", children: [jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", gap: 3, children: [jsxRuntime.jsx(components_Avatar_Avatar["default"], { src: user.avatar, alt: user.name, size: "md" }), jsxRuntime.jsxs("div", { children: [user.name && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-name", children: user.name }), user.email && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-email", children: user.email })] })] }), user.menuItems && user.menuItems.length > 0 && (jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-menu", children: user.menuItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, mobile: true, onItemClick: handleClose, linkComponent: linkComponent, defaultHoverColor: hoverColor, defaultActiveColor: activeColor, activeIndicatorStyle: activeIndicatorStyle, activeIndicatorBehavior: activeIndicatorBehavior }, index))) }))] })), actions && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-actions", children: actions })] }) }), isOpen && jsxRuntime.jsx("div", { className: "vtx-navbar__overlay", onClick: handleClose })] }));
57
+ };
58
+
59
+ exports.NavbarMobile = NavbarMobile;
60
+ //# sourceMappingURL=NavbarMobile.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavbarMobile.js","sources":["../../../../../../src/components/Navbar/NavbarMobile.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","Flex","_jsx","Button","Badge","BellIcon","ShoppingCartIcon","CloseIcon","MenuIcon","TopBar","Container","Autocomplete","NavItem","Avatar"],"mappings":";;;;;;;;;;;;;;;;MAiBa,YAAY,GAAgC,CAAC,EACtD,IAAI,EACJ,OAAO,GAAG,MAAM,EAChB,WAAW,EACX,SAAS,EACT,eAAe,GAAG,EAAE,EACpB,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,IAAI,EACb,eAAe,EACf,SAAS,GAAG,EAAE,EACd,MAAM,EACN,IAAI,EACJ,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,aAAa,GAAG,IAAI,EACpB,MAAM,EAAE,gBAAgB,EACxB,YAAY,EACZ,aAAa,EACb,UAAU,EACV,WAAW,GAAG,SAAS,EACvB,oBAAoB,GAAG,WAAW,EAClC,uBAAuB,GAAG,QAAQ,GACrC,KAAI;IACD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC,CAAC;AACnD,IAAA,MAAM,YAAY,GAAG,gBAAgB,KAAK,SAAS,CAAC;IACpD,MAAM,MAAM,GAAG,YAAY,GAAG,gBAAgB,GAAG,cAAc,CAAC;IAEhE,MAAM,YAAY,GAAG,MAAK;AACtB,QAAA,MAAM,QAAQ,GAAG,CAAC,MAAM,CAAC;QACzB,IAAI,CAAC,YAAY,EAAE;YACf,iBAAiB,CAAC,QAAQ,CAAC,CAAC;SAC/B;AACD,QAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,QAAQ,CAAC,CAAC;AAC7B,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;QACrB,IAAI,CAAC,YAAY,EAAE;YACf,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC5B;AACD,QAAA,YAAY,aAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,KAAK,CAAC,CAAC;AAC1B,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG;QAChB,YAAY;QACZ,oBAAoB;AACpB,QAAA,MAAM,IAAI,oBAAoB;AAC9B,QAAA,MAAM,IAAI,oBAAoB;QAC9B,SAAS;AACZ,KAAA;SACI,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEf,MAAM,KAAK,GAAwB,EAAE,CAAC;AACtC,IAAA,IAAI,eAAe;AAAE,QAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;IAE7D,MAAM,mBAAmB,IACrBC,eAAC,CAAAC,+BAAI,EAAC,EAAA,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,2BAA2B,EACxE,QAAA,EAAA,CAAAC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAC5B,IAAI,IACDA,cAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,WAAW,EACpB,OAAO,EAAC,OAAO,EACf,aAAa,EAAC,MAAM,EAAA,CACtB,IACF,SAAS,IACTA,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,WAAW,EACxD,QAAA,EAAA,SAAS,EACP,CAAA,IACP,IAAI,EACN,CAAA,EACNF,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAC7B,QAAA,EAAA,CAAA,iBAAiB,KAAK,SAAS,KAC5BE,cAAC,CAAAC,mCAAM,EAAC,EAAA,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAA,EAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAC,yBAAyB,EAC9F,QAAA,EAAAD,cAAA,CAACE,iCAAK,EAAA,EAAC,OAAO,EAAE,iBAAiB,GAAG,CAAC,GAAG,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAC7FF,cAAC,CAAAG,6BAAQ,EAAC,EAAA,IAAI,EAAE,EAAE,EAAI,CAAA,EAAA,CAClB,EACH,CAAA,CACZ,EACA,SAAS,KAAK,SAAS,KACpBH,cAAC,CAAAC,mCAAM,EAAC,EAAA,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAA,EAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,yBAAyB,EACtF,QAAA,EAAAD,cAAA,CAACE,iCAAK,EAAA,EAAC,OAAO,EAAE,SAAS,GAAG,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAC7E,QAAA,EAAAF,cAAA,CAACI,qCAAgB,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EAC1B,CAAA,EAAA,CACH,CACZ,EACDJ,cAAC,CAAAC,mCAAM,EAAC,EAAA,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAA,EAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,yBAAyB,EACtF,QAAA,EAAA,MAAM,GAAGD,cAAA,CAACK,8BAAS,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,GAAGL,cAAA,CAACM,6BAAQ,EAAA,EAAC,IAAI,EAAE,EAAE,EAAA,CAAI,EACrD,CAAA,CAAA,EAAA,CACP,CACH,EAAA,CAAA,CACV,CAAC;IAEF,QACIR,kDACK,MAAM,IAAIE,eAACO,+BAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,EACnEP,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACpC,aAAa,IACVA,cAAA,CAACQ,yCAAS,EACL,EAAA,QAAA,EAAA,mBAAmB,EACZ,CAAA,KAEZ,mBAAmB,CACtB,EAAA,CACC,EAGNR,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAA,mBAAA,EAAsB,MAAM,GAAG,0BAA0B,GAAG,EAAE,CAAA,CAAE,YAC5EF,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,4BAA4B,EACtC,QAAA,EAAA,CAAA,CAAC,MAAM,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,MAChCE,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2BAA2B,YACtCA,cAAC,CAAAS,+CAAY,EACT,EAAA,WAAW,EAAE,CAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,WAAW,KAAI,WAAW,EAC/C,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAa,KAAI;;oCACxB,cAAc,CAAC,KAAK,CAAC,CAAC;oCACtB,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;AAC9B,iCAAC,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;oCACrC,cAAc,KAAA,IAAA,IAAd,cAAc,KAAd,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,cAAc,CAAG,KAAK,EAAE,MAAM,CAAC,CAAC;oCAChC,cAAc,CAAC,EAAE,CAAC,CAAC;AACnB,oCAAA,WAAW,EAAE,CAAC;iCACjB,EACD,cAAc,EAAA,IAAA,EACd,SAAS,EAAA,IAAA,EACT,SAAS,EAAA,IAAA,EACT,IAAI,EAAC,IAAI,EAAA,CACX,EACA,CAAA,CACT,EAEA,eAAe,CAAC,MAAM,GAAG,CAAC,KACvBT,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAClC,QAAA,EAAA,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC7BA,cAAC,CAAAU,iCAAO,EAEJ,EAAA,IAAI,EAAE,IAAI,EACV,MAAM,EACN,IAAA,EAAA,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,UAAU,EAC7B,kBAAkB,EAAE,WAAW,EAC/B,oBAAoB,EAAE,oBAAoB,EAC1C,uBAAuB,EAAE,uBAAuB,EAAA,EAR3C,KAAK,CASZ,CACL,CAAC,EACA,CAAA,CACT,EAEA,IAAI,KACDZ,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yBAAyB,EACpC,QAAA,EAAA,CAAAA,eAAA,CAACC,+BAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACvBC,cAAC,CAAAW,mCAAM,EAAC,EAAA,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,EAAG,CAAA,EACtDb,eACK,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CAAA,IAAI,CAAC,IAAI,IAAIE,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,EAAE,QAAA,EAAA,IAAI,CAAC,IAAI,EAAO,CAAA,EAC5E,IAAI,CAAC,KAAK,IAAIA,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,+BAA+B,EAAE,QAAA,EAAA,IAAI,CAAC,KAAK,EAAO,CAAA,CAAA,EAAA,CAC9E,CACH,EAAA,CAAA,EACN,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,KACxCA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EACxC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC5BA,cAAC,CAAAU,iCAAO,EAEJ,EAAA,IAAI,EAAE,IAAI,EACV,MAAM,EAAA,IAAA,EACN,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,UAAU,EAC7B,kBAAkB,EAAE,WAAW,EAC/B,oBAAoB,EAAE,oBAAoB,EAC1C,uBAAuB,EAAE,uBAAuB,EAAA,EAR3C,KAAK,CASZ,CACL,CAAC,EACA,CAAA,CACT,CACC,EAAA,CAAA,CACT,EAEA,OAAO,IAAIV,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAE,OAAO,EAAA,CAAO,CACrE,EAAA,CAAA,EAAA,CACJ,EAGL,MAAM,IAAIA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,WAAW,EAAA,CAAI,CACzE,EAAA,CAAA,EACL;AACN;;;;"}
@@ -13,6 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
 
15
15
  const TopBar = ({ config, containerized = true, }) => {
16
+ var _a, _b, _c;
16
17
  const renderItems = (items) => {
17
18
  if (!items)
18
19
  return null;
@@ -20,22 +21,35 @@ const TopBar = ({ config, containerized = true, }) => {
20
21
  return items;
21
22
  if (Array.isArray(items)) {
22
23
  return (jsxRuntime.jsx(components_Flex_Flex["default"], { align: "center", gap: 24, children: items.map((item, index) => {
23
- if (item.component) {
24
- const Component = item.component;
25
- return jsxRuntime.jsx(Component, { ...(item.componentProps || {}) }, index);
26
- }
27
- return (jsxRuntime.jsx(components_Link_Link["default"], { href: item.href, onClick: item.onClick, className: "vtx-navbar__topbar-link", variant: "small", color: "inherit", noUnderline: true, leftIcon: item.icon, children: item.label }, index));
24
+ return (jsxRuntime.jsx(components_Link_Link["default"], { 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));
28
25
  }) }));
29
26
  }
30
27
  return items;
31
28
  };
29
+ const { backgroundColor, textColor, } = config;
30
+ const isStandardBg = backgroundColor && ['primary', 'secondary', 'dark'].includes(backgroundColor);
31
+ const isCustomBg = backgroundColor && !isStandardBg;
32
+ const isStandardText = textColor && ['light', 'dark'].includes(textColor);
33
+ const isCustomText = textColor && !isStandardText;
34
+ // Determine standard class names
35
+ const classes = [
36
+ 'vtx-navbar__topbar',
37
+ isStandardBg && `vtx-navbar__topbar--${backgroundColor}`,
38
+ isStandardText && `vtx-navbar__topbar--text-${textColor}`,
39
+ // Auto-light text for primary/secondary/dark backgrounds if not specified
40
+ !textColor && (backgroundColor === 'primary' || backgroundColor === 'secondary' || backgroundColor === 'dark') && 'vtx-navbar__topbar--text-light',
41
+ // Responsive visibility
42
+ ((_a = config.hideOn) === null || _a === void 0 ? void 0 : _a.includes('mobile')) && 'mobile-hide',
43
+ ((_b = config.hideOn) === null || _b === void 0 ? void 0 : _b.includes('tablet')) && 'tablet-hide',
44
+ ((_c = config.hideOn) === null || _c === void 0 ? void 0 : _c.includes('desktop')) && 'desktop-hide',
45
+ ].filter(Boolean).join(' ');
32
46
  const style = {};
33
- if (config.backgroundColor)
34
- style.backgroundColor = config.backgroundColor;
35
- if (config.textColor)
36
- style.color = config.textColor;
47
+ if (isCustomBg)
48
+ style.backgroundColor = backgroundColor;
49
+ if (isCustomText)
50
+ style.color = textColor;
37
51
  const content = (jsxRuntime.jsxs(components_Flex_Flex["default"], { justify: "between", align: "center", children: [renderItems(config.left), renderItems(config.right)] }));
38
- return (jsxRuntime.jsx("div", { className: "vtx-navbar__topbar", style: style, children: containerized ? jsxRuntime.jsx(components_Container_Container["default"], { children: content }) : jsxRuntime.jsx("div", { style: { padding: '0 1.5rem' }, children: content }) }));
52
+ return (jsxRuntime.jsx("div", { className: classes, style: style, children: containerized ? jsxRuntime.jsx(components_Container_Container["default"], { children: content }) : jsxRuntime.jsx("div", { style: { padding: config.padding || '0 1.5rem' }, children: content }) }));
39
53
  };
40
54
 
41
55
  exports.TopBar = TopBar;
@@ -1 +1 @@
1
- {"version":3,"file":"TopBar.js","sources":["../../../../../../src/components/Navbar/TopBar.tsx"],"sourcesContent":[null],"names":["React","_jsx","Flex","Link","_jsxs","Container"],"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,yBAAK,CAAC,cAAc,CAAC,KAAK,CAAC;AAAE,YAAA,OAAO,KAAK,CAAC;AAC9C,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACxB,QACEC,eAACC,+BAAI,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,OAAOD,cAAC,CAAA,SAAS,EAAiB,EAAA,IAAC,IAAI,CAAC,cAAc,IAAI,EAAE,CAAC,EAAtC,EAAA,KAAK,CAAqC,CAAC;qBACnE;AACD,oBAAA,QACEA,cAAC,CAAAE,+BAAI,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,eAAA,CAACF,+BAAI,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,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,YAC7C,aAAa,GAAGA,eAACI,yCAAS,EAAA,EAAA,QAAA,EAAE,OAAO,EAAA,CAAa,GAAGJ,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAG,QAAA,EAAA,OAAO,EAAO,CAAA,EAAA,CACpG,EACN;AACJ;;;;"}
1
+ {"version":3,"file":"TopBar.js","sources":["../../../../../../src/components/Navbar/TopBar.tsx"],"sourcesContent":[null],"names":["React","_jsx","Flex","Link","_jsxs","Container"],"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,yBAAK,CAAC,cAAc,CAAC,KAAK,CAAC;AAAE,YAAA,OAAO,KAAK,CAAC;AAC9C,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACxB,QACEC,eAACC,+BAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,EACzB,QAAA,EAAA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;oBACzB,QACED,cAAC,CAAAE,+BAAI,EAEH,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,SAAS,EACf,WAAW,EACX,IAAA,EAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAC,yBAAyB,EAElC,QAAA,EAAA,IAAI,CAAC,KAAK,EAXN,EAAA,KAAK,CAYL,EACP;iBACH,CAAC,EACG,CAAA,EACP;SACH;AACD,QAAA,OAAO,KAAK,CAAC;AACf,KAAC,CAAC;AAEF,IAAA,MAAM,EACJ,eAAe,EACf,SAAS,GACV,GAAG,MAAM,CAAC;AAEX,IAAA,MAAM,YAAY,GAAG,eAAe,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;AACnG,IAAA,MAAM,UAAU,GAAG,eAAe,IAAI,CAAC,YAAY,CAAC;AAEpD,IAAA,MAAM,cAAc,GAAG,SAAS,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AAC1E,IAAA,MAAM,YAAY,GAAG,SAAS,IAAI,CAAC,cAAc,CAAC;;AAGlD,IAAA,MAAM,OAAO,GAAG;QACd,oBAAoB;QACpB,YAAY,IAAI,CAAuB,oBAAA,EAAA,eAAe,CAAE,CAAA;QACxD,cAAc,IAAI,CAA4B,yBAAA,EAAA,SAAS,CAAE,CAAA;;AAEzD,QAAA,CAAC,SAAS,KAAK,eAAe,KAAK,SAAS,IAAI,eAAe,KAAK,WAAW,IAAI,eAAe,KAAK,MAAM,CAAC,IAAI,gCAAgC;;QAElJ,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,QAAQ,CAAC,KAAI,aAAa;QAClD,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,QAAQ,CAAC,KAAI,aAAa;QAClD,CAAA,CAAA,EAAA,GAAA,MAAM,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,SAAS,CAAC,KAAI,cAAc;KACrD,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAwB,EAAE,CAAC;AACtC,IAAA,IAAI,UAAU;AAAE,QAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;AACxD,IAAA,IAAI,YAAY;AAAE,QAAA,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC;AAE1C,IAAA,MAAM,OAAO,IACXC,eAAA,CAACF,+BAAI,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,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EAClC,aAAa,GAAGA,cAAC,CAAAI,yCAAS,cAAE,OAAO,EAAA,CAAa,GAAGJ,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,UAAU,EAAE,EAAA,QAAA,EAAG,OAAO,EAAO,CAAA,EAAA,CACtH,EACN;AACJ;;;;"}
@@ -15,10 +15,10 @@ var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
15
15
  var components_Navbar_NavItem = require('./NavItem.js');
16
16
 
17
17
  const useNavbarSections = (props) => {
18
- const { logo, logoAlt = 'Logo', onLogoClick, brandText, navigationItems = [], search, searchOptions = [], searchGetOptionLabel, searchGetOptionValue, searchGetOptionDescription, searchGetOptionIcon, searchNoOptionsMessage, searchLoading, onSearchSelect, notificationCount, onNotificationClick, cartCount, onCartClick, actions, user, } = props;
18
+ 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;
19
19
  const [searchQuery, setSearchQuery] = React.useState('');
20
20
  const logoSection = (logo || brandText) && (jsxRuntime.jsx(components_Flex_Flex["default"], { align: "center", className: "vtx-navbar__logo", children: logo ? (jsxRuntime.jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, style: { cursor: onLogoClick ? 'pointer' : 'default' }, loading: "eager", fetchPriority: "high" })) : (jsxRuntime.jsx(components_Typography_Typography["default"], { variant: "h5", as: "span", className: "vtx-navbar__brand-text", onClick: onLogoClick, weight: "bold", style: { cursor: onLogoClick ? 'pointer' : 'default' }, children: brandText })) }));
21
- const navigationSection = navigationItems.length > 0 && (jsxRuntime.jsx(components_Flex_Flex["default"], { as: "nav", align: "center", className: "vtx-navbar__nav", children: navigationItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item }, index))) }));
21
+ const navigationSection = navigationItems.length > 0 && (jsxRuntime.jsx(components_Flex_Flex["default"], { as: "nav", align: "center", className: "vtx-navbar__nav", children: navigationItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, uppercase: uppercaseNavItems, linkComponent: linkComponent, defaultHoverColor: hoverColor, defaultActiveColor: activeColor, activeIndicatorStyle: activeIndicatorStyle, activeIndicatorBehavior: activeIndicatorBehavior }, index))) }));
22
22
  const searchSection = (search || searchOptions.length > 0) && (jsxRuntime.jsx(components_Autocomplete_Autocomplete["default"], { placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search...', value: searchQuery, onChange: (value) => {
23
23
  var _a;
24
24
  setSearchQuery(value);
@@ -26,7 +26,7 @@ const useNavbarSections = (props) => {
26
26
  }, options: searchOptions, getOptionLabel: searchGetOptionLabel, getOptionValue: searchGetOptionValue, getOptionDescription: searchGetOptionDescription, getOptionIcon: searchGetOptionIcon, noOptionsMessage: searchNoOptionsMessage || 'No results found', loading: searchLoading, onSelect: (value, option) => {
27
27
  onSearchSelect === null || onSearchSelect === void 0 ? void 0 : onSearchSelect(value, option);
28
28
  setSearchQuery('');
29
- }, showSearchIcon: true, clearable: true, size: "sm", className: "vtx-navbar__search-input" }));
29
+ }, showSearchIcon: true, clearable: true, size: "md", className: `vtx-navbar__search-input ${searchFullWidth ? 'vtx-navbar__search-input--full' : ''}`, fullWidth: searchFullWidth }));
30
30
  const iconsSection = (notificationCount !== undefined || cartCount !== undefined) && (jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.ShoppingCartIcon, { size: 20 }) }) }))] }));
31
31
  const userSection = user && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", className: "vtx-navbar__user-button", children: jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", gap: "0.5rem", children: [jsxRuntime.jsx(components_Avatar_Avatar["default"], { src: user.avatar, alt: user.name, size: "sm" }), user.name && jsxRuntime.jsx(components_Typography_Typography["default"], { variant: "body2", weight: "medium", children: user.name }), jsxRuntime.jsx(icons_IconComponents.ChevronDownIcon, { size: 16 })] }) }));
32
32
  const actionsSection = actions;
@@ -1 +1 @@
1
- {"version":3,"file":"useNavbarSections.js","sources":["../../../../../../src/components/Navbar/useNavbarSections.tsx"],"sourcesContent":[null],"names":["useState","_jsx","Flex","Typography","NavItem","Autocomplete","_jsxs","Button","Badge","BellIcon","ShoppingCartIcon","Avatar","ChevronDownIcon"],"mappings":"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"}
1
+ {"version":3,"file":"useNavbarSections.js","sources":["../../../../../../src/components/Navbar/useNavbarSections.tsx"],"sourcesContent":[null],"names":["useState","_jsx","Flex","Typography","NavItem","Autocomplete","_jsxs","Button","Badge","BellIcon","ShoppingCartIcon","Avatar","ChevronDownIcon"],"mappings":"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"}
@@ -21,7 +21,7 @@ const CenteredNavbar = (props) => {
21
21
  const style = { ...propStyle };
22
22
  if (backgroundColor)
23
23
  style.backgroundColor = backgroundColor;
24
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__content", children: [logoSection, navigationSection, jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }) })) : (jsxRuntime.jsxs("div", { className: "vtx-navbar__content", style: { padding: '0 1.5rem' }, children: [logoSection, navigationSection, jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] })) })] }));
24
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__content", children: [logoSection, navigationSection, jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }) })) : (jsxRuntime.jsxs("div", { className: "vtx-navbar__content", style: props.padding ? { padding: props.padding } : { padding: '0 1.5rem' }, children: [logoSection, navigationSection, jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] })) })] }));
25
25
  };
26
26
 
27
27
  exports.CenteredNavbar = CenteredNavbar;
@@ -1 +1 @@
1
- {"version":3,"file":"CenteredNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/CenteredNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_jsx","TopBar","Container"],"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,GAAGA,qDAAiB,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,QACEC,kDACG,MAAM,IAAIC,eAACC,+BAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,EACnED,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,cAAA,CAACE,yCAAS,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAClCH,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,aACjC,WAAW,EACX,iBAAiB,EAClBA,eAAK,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,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAChE,QAAA,EAAA,CAAA,WAAW,EACX,iBAAiB,EAClBA,eAAK,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;;;;"}
1
+ {"version":3,"file":"CenteredNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/CenteredNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_Fragment","_jsx","TopBar","Container"],"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,GAAGA,qDAAiB,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,QACEC,eACG,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,IAAIC,cAAA,CAACC,+BAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EACnED,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,cAAC,CAAAE,yCAAS,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAClC,QAAA,EAAAJ,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CACjC,WAAW,EACX,iBAAiB,EAClBA,eAAK,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,eAAA,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,eAAK,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;;;;"}
@@ -8,23 +8,30 @@ var components_Navbar_TopBar = require('../../../../components/Navbar/TopBar.js'
8
8
  var components_Container_Container = require('../../../../../Container/components/Container/Container.js');
9
9
 
10
10
  const SingleRowNavbar = (props) => {
11
- const { sticky = false, shadow = true, backgroundColor, className = '', topBar, containerized = true, style: propStyle, } = props;
11
+ const { sticky = false, shadow = true, backgroundColor, className = '', topBar, containerized = true, style: propStyle, singleRowVariant = 'standard', } = props;
12
12
  const { logoSection, navigationSection, searchSection, iconsSection, userSection, actionsSection, } = components_Navbar_useNavbarSections.useNavbarSections(props);
13
13
  const navbarClass = [
14
14
  'vtx-navbar',
15
- 'vtx-navbar--desktop',
16
- 'vtx-navbar--single-row',
17
- sticky && 'vtx-navbar--sticky',
18
15
  shadow && 'vtx-navbar--shadow',
19
16
  className,
20
17
  ].filter(Boolean).join(' ');
21
18
  const style = { ...propStyle };
22
19
  if (backgroundColor)
23
20
  style.backgroundColor = backgroundColor;
24
- // We group logo and nav to keep them on the left
25
- const leftSide = (jsxRuntime.jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [logoSection, navigationSection] }));
26
- const rightSide = (jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] }));
27
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__content", children: [leftSide, rightSide] }) })) : (jsxRuntime.jsxs("div", { className: "vtx-navbar__content", style: { padding: '0 1.5rem' }, children: [leftSide, rightSide] })) })] }));
21
+ // Flexible Content Rendering
22
+ const renderContent = () => {
23
+ // 1. Balanced: Logo | Nav | Actions
24
+ if (singleRowVariant === 'balanced') {
25
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "vtx-navbar__left", children: logoSection }), jsxRuntime.jsx("div", { className: "vtx-navbar__center", children: navigationSection }), jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }));
26
+ }
27
+ // 2. Search Centered: Logo+Nav | Search | Actions
28
+ if (singleRowVariant === 'search-centered') {
29
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "vtx-navbar__left", children: [logoSection, jsxRuntime.jsx("div", { className: "vtx-navbar__nav", style: { marginLeft: '24px' }, children: navigationSection })] }), jsxRuntime.jsx("div", { className: "vtx-navbar__center", style: { width: '100%', justifyContent: 'center' }, children: searchSection }), jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [iconsSection, userSection, actionsSection] })] }));
30
+ }
31
+ // 3. Standard (Default): Logo + Nav | ... | Actions
32
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "vtx-navbar__left", children: [logoSection, jsxRuntime.jsx("div", { className: "vtx-navbar__nav", style: { marginLeft: '24px' }, children: navigationSection })] }), jsxRuntime.jsx("div", { className: "vtx-navbar__center" }), jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }));
33
+ };
34
+ return (jsxRuntime.jsxs("div", { className: `vtx-navbar-wrapper ${sticky ? 'vtx-navbar-wrapper--sticky' : ''}`, children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsx("div", { className: "vtx-navbar__content", children: renderContent() }) })) : (jsxRuntime.jsx("div", { className: "vtx-navbar__content", style: props.padding ? { padding: props.padding } : undefined, children: renderContent() })) })] }));
28
35
  };
29
36
 
30
37
  exports.SingleRowNavbar = SingleRowNavbar;
@@ -1 +1 @@
1
- {"version":3,"file":"SingleRowNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/SingleRowNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_Fragment","_jsx","TopBar","Container"],"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,GAAGA,qDAAiB,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,IACZC,eAAA,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,eAAK,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,eACG,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,IAAIC,cAAA,CAACC,+BAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EACnED,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,eAACE,yCAAS,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAClCJ,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,aACjC,QAAQ,EACR,SAAS,CAAA,EAAA,CACN,GACI,KAEZA,eAAK,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;;;;"}
1
+ {"version":3,"file":"SingleRowNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/SingleRowNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_Fragment","_jsx","TopBar","Container"],"mappings":"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"}
@@ -29,7 +29,7 @@ const TransparentNavbar = (props) => {
29
29
  };
30
30
  const leftSide = (jsxRuntime.jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [logoSection, navigationSection] }));
31
31
  const rightSide = (jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] }));
32
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__content", children: [leftSide, rightSide] }) })) : (jsxRuntime.jsxs("div", { className: "vtx-navbar__content", style: { padding: '0 1.5rem' }, children: [leftSide, rightSide] })) })] }));
32
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__content", children: [leftSide, rightSide] }) })) : (jsxRuntime.jsxs("div", { className: "vtx-navbar__content", style: props.padding ? { padding: props.padding } : { padding: '0 1.5rem' }, children: [leftSide, rightSide] })) })] }));
33
33
  };
34
34
 
35
35
  exports.TransparentNavbar = TransparentNavbar;
@@ -1 +1 @@
1
- {"version":3,"file":"TransparentNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/TransparentNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_Fragment","_jsx","TopBar","Container"],"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,GAAGA,qDAAiB,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,IACZC,eAAA,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,eAAK,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,eACG,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,IAAIC,cAAA,CAACC,+BAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EACnED,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,eAACE,yCAAS,EAAA,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAClCJ,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,aACjC,QAAQ,EACR,SAAS,CAAA,EAAA,CACN,GACI,KAEZA,eAAK,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;;;;"}
1
+ {"version":3,"file":"TransparentNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/TransparentNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_jsx","TopBar","Container"],"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,GAAGA,qDAAiB,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,IACZC,eAAA,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,eAAK,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,kDACG,MAAM,IAAIC,eAACC,+BAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,EACnED,wBAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,cAAA,CAACE,yCAAS,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAClCH,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CACjC,QAAQ,EACR,SAAS,IACN,EACI,CAAA,KAEZA,eAAK,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;;;;"}