@linzjs/lui 17.29.0 → 17.29.1-0

package/dist/components/LuiHeader/LuiHeader.d.ts

@@ -9,6 +9,9 @@ interface HeaderProps {
     transparent?: boolean;
     sticky?: boolean;
 }
+/**
+ * @deprecated: this is replaced by LuiHeaderV2
+ */
 declare const LuiHeader: React.FC<React.PropsWithChildren<HeaderProps>>;
 interface ILuiIcon {
     /**
@@ -39,6 +42,8 @@ interface ILuiHeaderMenuItem extends ILuiIcon {
     'data-testid'?: string;
 }
 /**
+ * @deprecated: this is replaced by LuiHeaderMenuItemV2
+ *
  * The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
  * Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
  * To configure the item for responsiveness, ensure to set any of the hideOn* properties.
@@ -56,6 +61,9 @@ interface ILuiCloseableHeaderMenuItem extends Omit<ILuiHeaderMenuItem, 'onClick'
     open: boolean;
     setOpen: (value: boolean) => void;
 }
+/**
+ * @deprecated replaced by LuiCloseableHeaderMenuItemV2
+ */
 declare const LuiCloseableHeaderMenuItem: React.FC<React.PropsWithChildren<ILuiCloseableHeaderMenuItem>>;
 interface ILuiMenuCloseButton extends ILuiIcon {
     'data-testid'?: string;

package/dist/components/LuiHeader/LuiHeaderV2.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { HeaderSize, ILuiCloseableHeaderMenuItem, ILuiHeaderMenuItem } from './LuiHeader';
+interface HeaderPropsV2 {
+    headingText?: string;
+    size?: HeaderSize;
+    homeLink?: string | (() => void);
+    transparent?: boolean;
+    sticky?: boolean;
+    appMenu?: ReactNode;
+}
+declare const LuiHeaderV2: React.FC<React.PropsWithChildren<HeaderPropsV2>>;
+declare const LuiHeaderMenuItemV2: React.ForwardRefExoticComponent<ILuiHeaderMenuItem & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const LuiCloseableHeaderMenuItemV2: React.FC<React.PropsWithChildren<ILuiCloseableHeaderMenuItem>>;
+export { LuiHeaderV2, LuiHeaderMenuItemV2, LuiCloseableHeaderMenuItemV2 };

package/dist/components/LuiHeaderMenu/LuiHeaderMenus.d.ts

@@ -18,13 +18,25 @@ interface ILuiDrawerMenuOption {
      */
     onClick?: () => void;
 }
+/**
+ * @deprecated replaced by LuiDrawerMenuOptionsV2
+ */
 declare const LuiDrawerMenuOptions: React.FC<React.PropsWithChildren<ILuiIcon>>;
+/**
+ * @deprecated replaced by LuiDrawerMenuOptionV2
+ */
 declare const LuiDrawerMenuOption: React.FC<React.PropsWithChildren<ILuiDrawerMenuOption>>;
 declare type ILuiDrawerMenu = Omit<ILuiHeaderMenuItem, 'onClick'> & {
     hasStickyHeader?: boolean;
 };
+/**
+ * @deprecated replaced by LuiDrawerMenuV2
+ */
 declare const LuiDrawerMenu: React.FC<React.PropsWithChildren<ILuiDrawerMenu>>;
 declare type ILuiDropdownMenu = Omit<ILuiHeaderMenuItem, 'onClick'>;
+/**
+ * @deprecated  replaced by LuiDropdownMenuV2
+ */
 declare const LuiDropdownMenu: React.FC<React.PropsWithChildren<ILuiDropdownMenu>>;
 interface ILuiDrawerMenuSection {
     /**

package/dist/components/LuiHeaderMenu/LuiHeaderMenusV2.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { ILuiHeaderMenuItem, ILuiIcon } from '../LuiHeader/LuiHeader';
+import { ILuiDrawerMenu, ILuiDrawerMenuOption, ILuiDrawerMenuSection } from './LuiHeaderMenus';
+import { Size } from '../common/ResponsiveUtils';
+declare const LuiDrawerMenuOptionsV2: React.FC<React.PropsWithChildren<ILuiIcon>>;
+/**
+ * display badge on the left
+ */
+declare const LuiDrawerMenuOptionV2: React.FC<React.PropsWithChildren<ILuiDrawerMenuOption>>;
+declare const LuiDrawerMenuV2: React.FC<React.PropsWithChildren<ILuiDrawerMenu>>;
+declare type ILuiDropdownMenuV2 = Omit<ILuiHeaderMenuItem, 'onClick'> & {
+    /**
+     * The anchor origin of dropdown, default to left
+     */
+    anchorOrigin?: {
+        horizontal?: 'left' | 'right';
+    };
+    /**
+     * the width of dropdown, default to 'md'
+     */
+    size?: Size | 'xxl';
+};
+declare const LuiDropdownMenuV2: React.FC<React.PropsWithChildren<ILuiDropdownMenuV2>>;
+declare const LuiDrawerMenuSectionV2: (props: ILuiDrawerMenuSection) => JSX.Element;
+declare const LuiDrawerMenuDividerV2: () => JSX.Element;
+export { LuiDrawerMenuV2, LuiDrawerMenuOptionsV2, LuiDrawerMenuOptionV2, ILuiDropdownMenuV2, LuiDropdownMenuV2, LuiDrawerMenuSectionV2, LuiDrawerMenuDividerV2, };

package/dist/components/common/UseMediaQuery.d.ts

@@ -0,0 +1,9 @@
+import { Size } from './ResponsiveUtils';
+export declare type Breakpoint = Exclude<Size | 'xxl', 'xs'>;
+export declare const breakpoints: Record<Breakpoint, number>;
+export declare const breakpointQuery: {
+    up: (bp: Breakpoint) => string;
+    down: (bp: Breakpoint) => string;
+    between: (bp1: Breakpoint, bp2: Breakpoint) => string;
+};
+export declare const useMediaQuery: (query: string) => boolean;

package/dist/index.d.ts

@@ -36,7 +36,9 @@ export { LuiFooter } from './components/LuiFooter/LuiFooter';
 export { LuiComboSelect, LuiComboSelectProps, LuiComboSelectOption, } from './components/LuiForms/LuiComboSelect/LuiComboSelect';
 export { LuiFormSectionHeader, IFormSectionHeaderProps, } from './components/LuiForms/LuiFormSection/LuiFormSectionHeader';
 export * from './components/LuiHeader/LuiHeader';
+export * from './components/LuiHeader/LuiHeaderV2';
 export * from './components/LuiHeaderMenu/LuiHeaderMenus';
+export * from './components/LuiHeaderMenu/LuiHeaderMenusV2';
 export { LuiUpdatesSplashModal } from './components/LuiUpdateSplashModal/LuiUpdatesSplashModal';
 export { LuiModal, LuiAlertModal, LuiAlertModalButtons, } from './components/LuiModal/LuiModal';
 export { ISearchInputProps, ISearchGroupedResult, ISearchResult, LuiSearchInput, } from './components/LuiSearchInput/LuiSearchInput';
@@ -67,3 +69,4 @@ export { RadioItemRenderer } from './components/LuiListBox/Renderers/RadioItemRe
 export { CheckboxItemRenderer } from './components/LuiListBox/Renderers/CheckboxItemRenderer';
 export { LuiSideMenu, ILuiSideMenuProps, } from './components/LuiSideMenu/LuiSideMenu';
 export { LuiSideMenuItem, ILuiSideMenuItemProps, LuiMenuItemClickHandler, } from './components/LuiSideMenu/LuiSideMenuItem';
+export { Breakpoint, breakpoints, breakpointQuery, useMediaQuery, } from './components/common/UseMediaQuery';

package/dist/index.js

@@ -40119,8 +40119,12 @@ var buildHideClassDict = function (_a) {
     };
 };
 
+/**
+ * @deprecated: this is replaced by LuiHeaderV2
+ */
 var LuiHeader = function (_a) {
     var headingText = _a.headingText, _b = _a.size, size = _b === void 0 ? 'small' : _b, homeLink = _a.homeLink, transparent = _a.transparent, children = _a.children, _c = _a.sticky, sticky = _c === void 0 ? true : _c;
+    useDeprecatedWarning('LuiHeader');
     var logoElement = size === 'normal' ? (React__default["default"].createElement("img", { className: "linz-logo", alt: "LINZ Logo", src: logo })) : (React__default["default"].createElement("img", { className: "linz-motif", alt: "LINZ Logo", src: motif }));
     var logoContainer = logoElement;
     if (typeof homeLink === 'string') {
@@ -40145,12 +40149,15 @@ var LuiHeader = function (_a) {
             React__default["default"].createElement("div", { className: "lui-header-col" }, children))));
 };
 /**
+ * @deprecated: this is replaced by LuiHeaderMenuItemV2
+ *
  * The \`LuiHeaderMenuItem\` is the base component for all menu items that are to be shown in the header.
  * Note that it depends on it being rendered inside a LuiHeader for its styles to apply properly.
  * To configure the item for responsiveness, ensure to set any of the hideOn* properties.
  */
 var LuiHeaderMenuItem = React$1.forwardRef(function (_a, ref) {
     var icon = _a.icon, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _b = _a["data-testid"], dataTestId = _b === void 0 ? 'menu-item' : _b, children = _a.children;
+    useDeprecatedWarning('LuiHeaderMenuItem');
     var menuItemClasses = clsx$1('lui-header-menu-item', hide && buildHideClassDict(hide));
     var resolvedIcon = !icon && !label ? 'menu' : icon;
     return (React__default["default"].createElement("div", { className: menuItemClasses, ref: ref },
@@ -40165,8 +40172,12 @@ var LuiCloseableHeaderMenuContext = React$1.createContext({
     open: function () { },
     close: function () { }
 });
+/**
+ * @deprecated replaced by LuiCloseableHeaderMenuItemV2
+ */
 var LuiCloseableHeaderMenuItem = function (_a) {
     var open = _a.open, setOpen = _a.setOpen, props = __rest$1(_a, ["open", "setOpen"]);
+    useDeprecatedWarning('LuiCloseableHeaderMenuItem');
     useEscapeFunction(function () { return setOpen(false); });
     var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
         if (!open) {
@@ -40190,12 +40201,76 @@ var LuiMenuCloseButton = function (_a) {
     return (React__default["default"].createElement("i", { className: classes, onClick: menu.close, "data-testid": dataTestId }, icon));
 };
 
+var LuiHeaderV2 = function (_a) {
+    var headingText = _a.headingText, _b = _a.size, size = _b === void 0 ? 'small' : _b, homeLink = _a.homeLink, transparent = _a.transparent, children = _a.children, _c = _a.sticky, sticky = _c === void 0 ? true : _c, appMenu = _a.appMenu;
+    var logoElement = size === 'normal' ? (React__default["default"].createElement("img", { className: "linz-logo-v2", alt: "LINZ Logo", src: logo })) : (React__default["default"].createElement("img", { className: "linz-motif-v2", alt: "LINZ Logo", src: motif }));
+    var logoContainer = logoElement;
+    if (typeof homeLink === 'string') {
+        logoContainer = React__default["default"].createElement("a", { href: homeLink }, logoElement);
+    }
+    else if (typeof homeLink === 'function') {
+        logoContainer = (React__default["default"].createElement("div", { className: "clickable", onClick: function () {
+                homeLink();
+            } }, logoElement));
+    }
+    return (React__default["default"].createElement("header", { className: clsx$1({
+            'lui-header-v2': true,
+            'lui-header-transparent': transparent,
+            'lui-header-small-v2': size === 'small',
+            'lui-header-sticky-v2': sticky
+        }) },
+        React__default["default"].createElement("div", { className: "lui-header-row-v2" },
+            React__default["default"].createElement("div", { className: "lui-header-col-v2" },
+                !!appMenu && appMenu,
+                React__default["default"].createElement("div", { className: "lui-header-logo-v2" }, logoContainer),
+                headingText && (React__default["default"].createElement("div", { className: "lui-header-title-v2" },
+                    React__default["default"].createElement("h1", null, headingText)))),
+            React__default["default"].createElement("div", { className: "lui-header-col-v2" }, children))));
+};
+var LuiHeaderMenuItemV2 = React$1.forwardRef(function (_a, ref) {
+    var icon = _a.icon, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _b = _a["data-testid"], dataTestId = _b === void 0 ? 'menu-item' : _b, children = _a.children;
+    var menuItemClasses = clsx$1('lui-header-menu-item-v2', hide && buildHideClassDict(hide));
+    var resolvedIcon = !icon && !label ? 'menu' : icon;
+    return (React__default["default"].createElement("div", { className: menuItemClasses, ref: ref },
+        React__default["default"].createElement("div", { className: "lui-header-menu-button" },
+            React__default["default"].createElement("div", { className: clsx$1('lui-header-menu-icon', onClick && 'clickable'), onClick: onClick, "data-testid": dataTestId }, resolvedIcon && (React__default["default"].createElement("i", { title: "Main menu", className: "material-icons-round lui-icon-md" }, resolvedIcon))),
+            label && React__default["default"].createElement("div", { className: "lui-menu-label-v2" }, label),
+            badge && React__default["default"].createElement("div", { className: "badge-v2" }, badge)),
+        children));
+});
+var LuiCloseableHeaderMenuItemV2 = function (_a) {
+    var open = _a.open, setOpen = _a.setOpen, props = __rest$1(_a, ["open", "setOpen"]);
+    useEscapeFunction(function () { return setOpen(false); });
+    var menuDiv = usePageClickFunction(function (event) { return open || event.stopPropagation(); }, function (event) {
+        if (!open) {
+            event.stopPropagation();
+            setOpen(false);
+        }
+    });
+    var menuControls = {
+        isOpen: function () { return open; },
+        open: function () { return setOpen(!open); },
+        close: function () { return setOpen(false); }
+    };
+    var menuItemProps = __assign$3({ onClick: function () { return menuControls.open(); } }, props);
+    return (React__default["default"].createElement(LuiCloseableHeaderMenuContext.Provider, { value: menuControls },
+        React__default["default"].createElement(LuiHeaderMenuItemV2, __assign$3({ ref: menuDiv }, menuItemProps), props.children)));
+};
+
+/**
+ * @deprecated replaced by LuiDrawerMenuOptionsV2
+ */
 var LuiDrawerMenuOptions = function (_a) {
     var children = _a.children;
+    useDeprecatedWarning('LuiDrawerMenuOptions');
     return React__default["default"].createElement("div", { className: "lui-menu-drawer-options" }, children);
 };
+/**
+ * @deprecated replaced by LuiDrawerMenuOptionV2
+ */
 var LuiDrawerMenuOption = function (_a) {
     var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
+    useDeprecatedWarning('LuiDrawerMenuOption');
     var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
     return (React__default["default"].createElement("div", { className: "lui-menu-drawer-option", onClick: function () {
             menu.close();
@@ -40206,8 +40281,12 @@ var LuiDrawerMenuOption = function (_a) {
             label),
         badge));
 };
+/**
+ * @deprecated replaced by LuiDrawerMenuV2
+ */
 var LuiDrawerMenu = function (_a) {
     var restOfProps = __rest$1(_a, []);
+    useDeprecatedWarning('LuiDrawerMenu');
     var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(restOfProps, ["children", "hasStickyHeader"]);
     var _c = React$1.useState(false), open = _c[0], setOpen = _c[1];
     var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
@@ -40230,8 +40309,12 @@ var LuiDrawerMenu = function (_a) {
                 'lui-menu-drawer-closed': !open
             }), "data-testid": 'drawer', "aria-hidden": !open }, children)));
 };
+/**
+ * @deprecated  replaced by LuiDropdownMenuV2
+ */
 var LuiDropdownMenu = function (_a) {
     var restOfProps = __rest$1(_a, []);
+    useDeprecatedWarning('LuiDropdownMenu');
     var children = restOfProps.children, menuPropsCopy = __rest$1(restOfProps, ["children"]);
     var _b = React$1.useState(false), open = _b[0], setOpen = _b[1];
     var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen });
@@ -40257,6 +40340,81 @@ var LuiDrawerMenuDivider = function () {
     return React__default["default"].createElement("hr", { className: "LuiDrawerMenuDivider" });
 };
 
+var LuiDrawerMenuOptionsV2 = function (_a) {
+    var children = _a.children;
+    return React__default["default"].createElement("div", { className: "lui-menu-drawer-v2-options" }, children);
+};
+/**
+ * display badge on the left
+ */
+var LuiDrawerMenuOptionV2 = function (_a) {
+    var icon = _a.icon, label = _a.label, badge = _a.badge, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
+    var menu = React$1.useContext(LuiCloseableHeaderMenuContext);
+    return (React__default["default"].createElement("div", { className: "lui-menu-drawer-v2-option", onClick: function () {
+            menu.close();
+            onClick();
+        }, "data-testid": 'drawer-option' },
+        React__default["default"].createElement("div", { className: "lui-menu-drawer-v2-option-label" },
+            badge,
+            typeof icon === 'string' ? (React__default["default"].createElement("i", { className: "material-icons-round", "data-testid": 'drawer-option-icon' }, icon)) : (icon),
+            label)));
+};
+var LuiDrawerMenuV2 = function (_a) {
+    var restOfProps = __rest$1(_a, []);
+    var children = restOfProps.children, _b = restOfProps.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(restOfProps, ["children", "hasStickyHeader"]);
+    var _c = React$1.useState(false), open = _c[0], setOpen = _c[1];
+    var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen, icon: open ? 'close' : 'menu', onClick: function () { return setOpen(!open); } });
+    React$1.useEffect(function () {
+        // Support for non-sticky headers. Scroll back to top when menu is opened
+        if (open && !hasStickyHeader) {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
+        }
+        // Disable page scrolling while menu is open
+        if (open) {
+            document.body.classList.add('lui-menu-drawer-v2-open');
+        }
+        else {
+            document.body.classList.remove('lui-menu-drawer-v2-open');
+        }
+    }, [open, hasStickyHeader]);
+    return (React__default["default"].createElement(LuiCloseableHeaderMenuItemV2, __assign$3({}, closeableMenuProps),
+        React__default["default"].createElement("div", { className: clsx$1({
+                'lui-menu-drawer-v2': true,
+                'lui-menu-drawer-v2-closed': !open
+            }), "data-testid": 'drawer', "aria-hidden": !open }, children)));
+};
+var LuiDropdownMenuV2 = function (_a) {
+    var restOfProps = __rest$1(_a, []);
+    var children = restOfProps.children, _b = restOfProps.anchorOrigin, _c = _b === void 0 ? {
+        horizontal: 'left'
+    } : _b, _d = _c.horizontal, horizontal = _d === void 0 ? 'left' : _d, _e = restOfProps.size, size = _e === void 0 ? 'md' : _e, menuPropsCopy = __rest$1(restOfProps, ["children", "anchorOrigin", "size"]);
+    var _f = React$1.useState(false), open = _f[0], setOpen = _f[1];
+    var closeableMenuProps = __assign$3(__assign$3({}, menuPropsCopy), { open: open, setOpen: setOpen });
+    return (React__default["default"].createElement(LuiCloseableHeaderMenuItemV2, __assign$3({}, closeableMenuProps),
+        React__default["default"].createElement("div", { className: "lui-menu-dropdown-container" },
+            React__default["default"].createElement("div", { className: clsx$1({
+                    'lui-menu-dropdown-v2': true,
+                    'dropdown-horizontal-right': horizontal === 'right',
+                    'dropdown-horizontal-left': horizontal === 'left',
+                    'dropdown-xxl': size === 'xxl',
+                    'dropdown-xl': size === 'xl',
+                    'dropdown-lg': size === 'lg',
+                    'dropdown-md': size === 'md',
+                    'dropdown-sm': size === 'sm',
+                    'dropdown-xs': size === 'xs',
+                    'lui-box-shadow': true,
+                    'lui-menu-dropdown-v2-closed': !open
+                }), "data-testid": 'dropdown', "aria-hidden": !open },
+                children,
+                ' '))));
+};
+var LuiDrawerMenuSectionV2 = function (props) {
+    return React__default["default"].createElement(LuiDrawerMenuSection, __assign$3({}, props));
+};
+var LuiDrawerMenuDividerV2 = function () {
+    return React__default["default"].createElement(LuiDrawerMenuDivider, null);
+};
+
 var lib = {exports: {}};
 
 var Modal$2 = {};
@@ -57989,6 +58147,34 @@ function LuiSideMenuItem(_a) {
             React__default["default"].createElement("span", { className: "navText" }, label))));
 }
 
+var breakpoints = {
+    sm: 480,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    xxl: 1600
+};
+var breakpointQuery = {
+    up: function (bp) { return "(min-width: ".concat(breakpoints[bp], "px)"); },
+    down: function (bp) { return "(max-width: ".concat(breakpoints[bp], "px)"); },
+    between: function (bp1, bp2) {
+        return "(min-width: ".concat(breakpoints[bp1], "px) and (max-width: ").concat(breakpoints[bp2], "px)");
+    }
+};
+var useMediaQuery = function (query) {
+    var _a = React$1.useState(false), matches = _a[0], setMatches = _a[1];
+    React$1.useEffect(function () {
+        var media = window.matchMedia(query);
+        if (media.matches !== matches) {
+            setMatches(media.matches);
+        }
+        var listener = function () { return setMatches(media.matches); };
+        window.addEventListener('resize', listener);
+        return function () { return window.removeEventListener('resize', listener); };
+    }, [matches, query]);
+    return matches;
+};
+
 exports.CheckboxItemRenderer = CheckboxItemRenderer;
 exports.FIRM_KEY = FIRM_KEY;
 exports.FIRM_NAME_KEY = FIRM_NAME_KEY;
@@ -58021,14 +58207,21 @@ exports.LuiButtonGroup = LuiButtonGroup;
 exports.LuiCheckboxInput = LuiCheckboxInput;
 exports.LuiCloseableHeaderMenuContext = LuiCloseableHeaderMenuContext;
 exports.LuiCloseableHeaderMenuItem = LuiCloseableHeaderMenuItem;
+exports.LuiCloseableHeaderMenuItemV2 = LuiCloseableHeaderMenuItemV2;
 exports.LuiComboSelect = LuiComboSelect;
 exports.LuiControlledMenu = LuiControlledMenu;
 exports.LuiDrawerMenu = LuiDrawerMenu;
 exports.LuiDrawerMenuDivider = LuiDrawerMenuDivider;
+exports.LuiDrawerMenuDividerV2 = LuiDrawerMenuDividerV2;
 exports.LuiDrawerMenuOption = LuiDrawerMenuOption;
+exports.LuiDrawerMenuOptionV2 = LuiDrawerMenuOptionV2;
 exports.LuiDrawerMenuOptions = LuiDrawerMenuOptions;
+exports.LuiDrawerMenuOptionsV2 = LuiDrawerMenuOptionsV2;
 exports.LuiDrawerMenuSection = LuiDrawerMenuSection;
+exports.LuiDrawerMenuSectionV2 = LuiDrawerMenuSectionV2;
+exports.LuiDrawerMenuV2 = LuiDrawerMenuV2;
 exports.LuiDropdownMenu = LuiDropdownMenu;
+exports.LuiDropdownMenuV2 = LuiDropdownMenuV2;
 exports.LuiErrorPage = LuiErrorPage;
 exports.LuiExpandableBanner = LuiExpandableBanner;
 exports.LuiFileInputBox = LuiFileInputBox;
@@ -58048,6 +58241,8 @@ exports.LuiFormikSelect = LuiFormikSelect;
 exports.LuiFormikTextInput = LuiFormikTextInput;
 exports.LuiHeader = LuiHeader;
 exports.LuiHeaderMenuItem = LuiHeaderMenuItem;
+exports.LuiHeaderMenuItemV2 = LuiHeaderMenuItemV2;
+exports.LuiHeaderV2 = LuiHeaderV2;
 exports.LuiIcon = LuiIcon;
 exports.LuiListBox = LuiListBox;
 exports.LuiLoadingSpinner = LuiLoadingSpinner;
@@ -58087,11 +58282,14 @@ exports.LuiToastMessage = LuiToastMessage;
 exports.LuiTooltip = LuiTooltip;
 exports.LuiUpdatesSplashModal = LuiUpdatesSplashModal;
 exports.RadioItemRenderer = RadioItemRenderer;
+exports.breakpointQuery = breakpointQuery;
+exports.breakpoints = breakpoints;
 exports.getDefaultSearchMenuOptions = getDefaultSearchMenuOptions;
 exports.isChromatic = isChromatic;
 exports.useClickedOutsideElement = useClickedOutsideElement;
 exports.useLOLGlobalClientRefContext = useLOLGlobalClientRefContext;
 exports.useLOLUserContext = useLOLUserContext;
 exports.useLuiFloatingWindow = useFloatingWindow;
+exports.useMediaQuery = useMediaQuery;
 exports.useShowLUIMessage = useShowLUIMessage;
 //# sourceMappingURL=index.js.map