@odx/websites-react 1.0.48 → 1.0.49

package/dist/components/navigation/flyout/FlyoutMobile.js

@@ -0,0 +1,179 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback } from 'react';
+import { flushSync } from 'react-dom';
+import { Transition } from '@headlessui/react';
+import { cn } from '../../../utils';
+import { Icon } from '../../images-icons/icon';
+import { BodyText } from '../../typography/bodyText';
+import { Headline } from '../../typography/headline';
+import { Button } from '../../actions/button';
+import { ScreenOverlay, ScreenOverlayControls } from '../../layout/screenOverlay';
+const getCategoryFlatPath = (rootProductCategory, path) => {
+    let result = [rootProductCategory];
+    path.forEach((name, index) => {
+        if (!result)
+            return;
+        const subCategory = result[index]?.find(res => res.displayName === name);
+        if (subCategory && subCategory.items) {
+            result.push(subCategory.items);
+        }
+        else {
+            result = null;
+        }
+    });
+    return result;
+};
+const scrollToSmoothly = async ({ options, element, }) => {
+    const { axis, startPos, targetPos, instant } = options;
+    element.style.transform = `translate${axis}(${startPos > targetPos ? -targetPos : -targetPos}px)`;
+    element.style.transition = instant ? '' : 'transform 0.2s ease-in-out';
+    await new Promise(resolve => {
+        const handler = () => {
+            element.removeEventListener('transitionend', handler);
+            resolve();
+        };
+        element.addEventListener('transitionend', handler);
+    });
+    return;
+};
+const ScrollView = ({ children, active = false }) => (_jsx("div", { "data-active": active, className: "flex-[1_0_100%]", children: _jsx(Transition, { appear: true, show: active, as: 'div', enter: "duration-1000 ease-in-out", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "duration-1000 ease-in-out", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: children }) }));
+export const FlyoutMobileScrollView = ({ children, pathName, pathKeys, active, ...props }) => {
+    const flyoutMobileContext = useFlyoutMobileContext();
+    const isActive = typeof active === 'undefined' && pathName && pathKeys
+        ? flyoutMobileContext.path?.[pathName]?.toString() === pathKeys.toString()
+        : active;
+    return (_jsx(ScrollView, { ...props, active: isActive, children: _jsx(MobileFlyoutItemsWrapper, { children: children }) }));
+};
+const FlyoutMobileNavigationItems = ({ navItem, onClick, rootLevel = false, LinkComponent = 'a' }) => {
+    const flyoutMobileContext = useFlyoutMobileContext();
+    return navItem.items?.length && navItem.items.length > 0 ? (_jsx(FlyoutMobileNavigationButton, { onClick: onClick, children: rootLevel ? (_jsx(Headline, { headingLevel: "h4", children: navItem.displayName })) : (_jsx(BodyText, { children: navItem.displayName })) })) : (_jsx(NavigationLink, { LinkComponent: LinkComponent, isActive: navItem.isActive, href: navItem.href, onClick: () => {
+            flyoutMobileContext.pathChangeHandler('nav', [
+                ...flyoutMobileContext.path.nav,
+                navItem.displayName,
+            ]);
+        }, children: navItem.displayName }));
+};
+const FlyoutMobileNavigation = ({ navItems, index, LinkComponent = 'a', flyoutActionsElement, }) => {
+    const flyoutMobileContext = useFlyoutMobileContext();
+    const navPath = flyoutMobileContext.path.nav;
+    return (_jsx(FlyoutMobileScrollView, { active: navPath.length === index + 1, children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(Headline, { headingLevel: "h4", children: navPath[navPath.length - (navPath.length === index + 1 ? 1 : 2)] }), _jsxs(MobileFlyoutItemsWrapper, { children: [_jsx(MobileFlyoutList, { children: navItems.map(navItem => (_jsx(FlyoutMobileNavigationItems, { navItem: navItem, onClick: () => flyoutMobileContext.goToNextLevel('nav', navItem.displayName), LinkComponent: LinkComponent }, navItem.technicalName))) }), flyoutActionsElement] })] }) }, index));
+};
+const MobileFlyoutList = ({ children }) => (_jsx("div", { className: "flex flex-col gap-4 [&>*]:pt-1 [&>*]:pb-0.5", children: children }));
+// TODO classes cleanup
+const NavigationLink = ({ children, elementLeft, elementRight, isActive, disabled, LinkComponent = 'a', ...linkProps }) => (_jsx(BodyText, { asChild: true, weight: isActive ? 'bold' : undefined, children: _jsxs(LinkComponent, { ...linkProps, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, href: disabled ? undefined : linkProps.href, className: cn('pr-px flex items-center gap-4 transition-colors text-interactions-brand hover:text-interactions-brand-hover active:font-semibold outline outline-1 -outline-offset-1 outline-transparent focus-within:outline-border-accent', disabled && 'text-interactions-brand-disabled pointer-events-none'), children: [elementLeft, _jsx("span", { className: "flex justify-between grow", children: children }), elementRight] }) }));
+const FlyoutMobileOptionsToggle = ({ children, icon, pathKey, }) => {
+    const flyoutMobileContext = useFlyoutMobileContext();
+    return (_jsx(FlyoutMobileNavigationButton, { icon: icon, onClick: () => {
+            flyoutMobileContext.goToNextLevel('options', pathKey);
+        }, children: children }));
+};
+export const FlyoutMobileOptionsList = ({ children, pathKeys }) => (_jsx(FlyoutMobileScrollView, { pathName: "options", pathKeys: pathKeys, children: _jsx(BodyText, { asChild: true, children: _jsx(MobileFlyoutList, { children: children }) }) }));
+const FlyoutMobileContext = React.createContext({
+    path: { nav: [], options: [] },
+    goToNextLevel: () => { },
+    pathChangeHandler: () => { },
+});
+const useFlyoutMobileContext = () => React.useContext(FlyoutMobileContext);
+const MobileFlyoutItemsWrapper = ({ children, }) => _jsx("div", { className: "flex flex-col h-full gap-10", children: children });
+const FlyoutMobileNavigationButton = ({ children, icon, onClick }) => (_jsx(BodyText, { asChild: true, children: _jsxs("button", { className: "flex items-center justify-between gap-4 text-left cursor-pointer hover:text-interactions-brand-hover active:font-semibold outline outline-1 -outline-offset-1 outline-transparent focus-within:outline-border-accent", onClick: onClick, children: [icon, _jsx("span", { className: "grow", children: children }), _jsx(Icon, { iconSet: "core", iconName: "chevron-right", size: 'md' })] }) }));
+const FlyoutMobile = ({ flyoutNavigation, initialNavPath = [], options, headerLinks, flyoutActions, LinkComponent, backLabel, onPathChange, }) => {
+    console.log({ options });
+    const [show, setShow] = React.useState(false);
+    const screenOverlayControlsRef = React.useRef(null);
+    const scrollableContainerRef = React.useRef(null);
+    const scrollRef = React.useRef(null);
+    const [path, setPath] = React.useState({
+        nav: initialNavPath,
+        options: [],
+    });
+    React.useLayoutEffect(() => {
+        if (!show) {
+            document.body.style.overflow = 'auto';
+        }
+        else {
+            document.body.style.overflow = 'hidden';
+            setTimeout(() => {
+                scroll('right', true);
+            }, 0);
+        }
+        // keeping scroll state if viewport width changes
+        if (show) {
+            const resizeObserver = new ResizeObserver(entries => {
+                entries.forEach(_entry => {
+                    scroll('right', true);
+                });
+            });
+            resizeObserver.observe(document.body);
+            return () => resizeObserver.disconnect();
+        }
+    }, [show]);
+    const setPathByName = (pathName, pathKeys) => setPath({
+        ...Object.fromEntries(Object.keys(path).map(path => [path, []])),
+        [pathName]: pathKeys,
+    });
+    const scroll = async (direction, instant = false) => {
+        if (!scrollRef.current)
+            return;
+        const targetElement = scrollRef.current.querySelector('[data-active=true]');
+        if (!targetElement)
+            return;
+        const targetPos = direction === 'left'
+            ? targetElement.previousSibling?.offsetLeft
+            : targetElement.offsetLeft;
+        if (typeof targetPos === 'undefined' || targetPos === null)
+            return;
+        await scrollToSmoothly({
+            options: {
+                axis: 'X',
+                startPos: scrollRef.current.scrollLeft,
+                targetPos,
+                instant,
+            },
+            element: scrollRef.current,
+        });
+    };
+    const flatPath = React.useMemo(() => getCategoryFlatPath(flyoutNavigation, path.nav || []), [path.nav]);
+    const scrollableContainerReset = () => {
+        scrollableContainerRef.current?.scrollTo({
+            top: 0,
+            behavior: 'smooth',
+        });
+    };
+    const resetFocus = () => {
+        screenOverlayControlsRef.current?.querySelector('button')?.focus();
+    };
+    const goToNextLevel = async (pathName, pathKey) => {
+        if (!path[pathName])
+            return;
+        const newPathKeys = path[pathName]
+            .slice(0, path[pathName]?.length)
+            .concat(pathKey);
+        flushSync(() => setPathByName(pathName, newPathKeys));
+        await scroll('right');
+        scrollableContainerReset();
+        resetFocus();
+        pathChangeHandler(pathName, newPathKeys);
+    };
+    const goBack = async () => {
+        const activePanel = Object.entries(path).find(([_, pathKeys]) => pathKeys.length > 0);
+        if (!activePanel)
+            return;
+        const [currentPanelName, pathKeys] = activePanel;
+        await scroll('left');
+        resetFocus();
+        setPathByName(currentPanelName, pathKeys.slice(0, -1));
+    };
+    const isNestedView = Object.values(path).some(pathKeys => pathKeys.length > 0);
+    const flyoutActionsElement = (_jsx(MobileFlyoutList, { children: flyoutActions }));
+    const pathChangeHandler = useCallback((viewName, path) => {
+        onPathChange?.(viewName, path);
+    }, [path]);
+    return (_jsxs("div", { children: [_jsx(Button, { className: 'xl:hidden', variant: 'ghost', "aria-label": 'Menu', onClick: () => setShow(true), size: 'md', iconLeft: _jsx(Icon, { iconSet: "core", iconName: "menu", color: 'primary', size: 'md', center: "vertical" }) }), _jsx(ScreenOverlay, { show: show, children: _jsx(MobileFlyoutItemsWrapper, { children: _jsxs(FlyoutMobileContext.Provider, { value: { path, goToNextLevel: goToNextLevel, pathChangeHandler }, children: [_jsx(ScreenOverlayControls, { ref: screenOverlayControlsRef, backLabel: backLabel, canGoBack: isNestedView, onBack: goBack, onClose: () => setShow(false) }), _jsx("div", { className: "overflow-x-hidden overflow-y-scroll", ref: scrollableContainerRef, children: _jsxs("div", { ref: scrollRef, className: "flex", children: [_jsxs(FlyoutMobileScrollView, { active: !isNestedView, children: [_jsx(MobileFlyoutList, { children: flatPath[0]?.map((rootNavItem, index) => (_jsx(FlyoutMobileNavigationItems, { rootLevel: true, navItem: rootNavItem, LinkComponent: LinkComponent, onClick: () => goToNextLevel('nav', rootNavItem.displayName) }, index))) }), _jsx(MobileFlyoutList, { children: headerLinks }), flyoutActionsElement] }), path.nav.length > 0 &&
+                                            flatPath.length > 1 &&
+                                            flatPath
+                                                .slice(1)
+                                                .map((navItems, index) => (_jsx(FlyoutMobileNavigation, { index: index, navItems: navItems, LinkComponent: LinkComponent, flyoutActionsElement: flyoutActionsElement }, index))), options] }) })] }) }) })] }));
+};
+export { FlyoutMobile, FlyoutMobileOptionsToggle, MobileFlyoutList, NavigationLink, };
+//# sourceMappingURL=FlyoutMobile.js.map

package/dist/components/navigation/flyout/FlyoutMobile.js.map

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

package/dist/components/navigation/flyout/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Flyout';
+export * from './FlyoutMobile';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/navigation/flyout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/flyout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/flyout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/components/navigation/flyout/index.js

@@ -1,2 +1,3 @@
 export * from './Flyout';
+export * from './FlyoutMobile';
 //# sourceMappingURL=index.js.map

package/dist/components/navigation/flyout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/flyout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/flyout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/components/navigation/header/Header.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 export interface HeaderProps {
     breadcrumbs?: React.ReactNode;
     children?: React.ReactNode;
@@ -8,13 +7,17 @@ declare const Header: React.FC<HeaderProps>;
 declare const HeaderSecondaryNavigation: ({ children, }: {
     children?: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-declare const HeaderNavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const HeaderNavigation: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export interface HeaderNavigationMenuListProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+}
+declare const HeaderNavigationMenuList: React.FC<HeaderNavigationMenuListProps>;
+export interface HeaderNavigationProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const HeaderNavigation: React.FC<HeaderNavigationProps>;
+export interface HeaderNavigationMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const HeaderNavigationMenu: React.FC<HeaderNavigationMenuProps>;
 declare const HeaderLogo: React.FC;
-declare const HeaderMobileMenuButton: React.FC;
-declare const HeaderNavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const HeaderNavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const HeaderNavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
 declare const HeaderActions: React.FC<React.HTMLAttributes<HTMLDivElement>>;
-export { Header, HeaderLogo, HeaderMobileMenuButton, HeaderNavigation, HeaderSecondaryNavigation, HeaderNavigationMenuList, HeaderNavigationMenuItem, HeaderNavigationMenuTrigger, HeaderNavigationMenuContent, HeaderActions, };
+export { Header, HeaderLogo, HeaderNavigation, HeaderNavigationMenu, HeaderSecondaryNavigation, HeaderNavigationMenuList, HeaderActions, };
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/navigation/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAQ3E,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyBjC,CAAC;AAEF,QAAA,MAAM,yBAAyB,kBAE5B;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,4CAIA,CAAC;AAEF,QAAA,MAAM,wBAAwB,+KAW5B,CAAC;AAEH,QAAA,MAAM,gBAAgB,iKAcpB,CAAC;AAEH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAIvB,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAkBnC,CAAC;AAUF,QAAA,MAAM,2BAA2B,oLAiB/B,CAAC;AAIH,QAAA,MAAM,2BAA2B,8KA4B/B,CAAC;AAEH,QAAA,MAAM,wBAAwB,uHAA+B,CAAC;AAE9D,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CASjE,CAAC;AAOF,OAAO,EACL,MAAM,EACN,UAAU,EACV,sBAAsB,EACtB,gBAAgB,EAChB,yBAAyB,EACzB,wBAAwB,EACxB,wBAAwB,EACxB,2BAA2B,EAC3B,2BAA2B,EAC3B,aAAa,GACd,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyBjC,CAAC;AAEF,QAAA,MAAM,yBAAyB,kBAE5B;IACD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,4CAIA,CAAC;AAEF,MAAM,WAAW,6BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAuDrE,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAErD,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAI7D,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAIvB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CASjE,CAAC;AAEF,OAAO,EACL,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,yBAAyB,EACzB,wBAAwB,EACxB,aAAa,GACd,CAAC"}

package/dist/components/navigation/header/Header.js

@@ -1,55 +1,53 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import { HeaderProvider } from './HeaderContext';
-import { Icon } from '../../../components';
-import { BreadcrumbSection, Button, Logo } from '../../../components';
+import { BreadcrumbSection, Logo } from '../../../components';
 import { cn } from '../../../utils';
 import { Container } from '../../layout/container';
 import { BlockGrid, BlockChildrenWidthContainer } from '../../layout/block';
+import { useFloating, autoUpdate, offset, flip, shift, useClick, useDismiss, useRole, useInteractions, FloatingFocusManager, } from '@floating-ui/react';
+const navButtonClasses = 'relative group peer inline-flex items-center justify-center text-links-header';
+const navButtonHoverClasses = 'before:content-[""] before:absolute before:w-0 before:-bottom-2 before:h-1 before:bg-draeger-dark-blue-700 before:transition-all hover:before:w-16 data-[state=open]:before:w-16';
+const navButtonFocusClasses = 'focus:outline-none';
 const Header = ({ children, breadcrumbs }) => {
     return (_jsx(HeaderProvider, { children: _jsxs("header", { className: 'flex flex-col justify-around relative top-0 w-full z-10 bg-surface-primary text-text-primary font-text', children: [_jsx(Container, { paddingTop: 'none', paddingBottom: 'none', className: "py-7", children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: _jsx("div", { className: 'flex w-full flex-wrap items-center justify-between', children: children }) }) }) }), _jsx(BreadcrumbSection, { className: "absolute top-full", children: breadcrumbs })] }) }));
 };
 const HeaderSecondaryNavigation = ({ children, }) => {
     return (_jsx("div", { className: 'flex items-center gap-1 xl:gap-8 h-11', children: children }));
 };
-const HeaderNavigationMenuList = React.forwardRef(({ ...props }, ref) => (_jsx("div", { id: "list-items", children: _jsx(NavigationMenuPrimitive.List, { ref: ref, className: 'group hidden lg:flex list-none items-center gap-6', ...props }) })));
-const HeaderNavigation = React.forwardRef(({ children, ...props }, ref) => {
-    return (_jsx(NavigationMenuPrimitive.Root, { ref: ref, className: 'items-center flex', "aria-label": 'Main navigation', ...props, children: _jsx("div", { className: 'flex items-center gap-8 lg:gap-10', children: children }) }));
-});
+const HeaderNavigationMenuList = ({ children, label, ...props }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const { refs, floatingStyles, context } = useFloating({
+        open: isOpen,
+        onOpenChange: setIsOpen,
+        middleware: [offset(36), flip(), shift()],
+        whileElementsMounted: autoUpdate,
+    });
+    const click = useClick(context);
+    const dismiss = useDismiss(context);
+    const role = useRole(context);
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        click,
+        dismiss,
+        role,
+    ]);
+    return (_jsxs("div", { ...props, children: [_jsx("button", { ref: refs.setReference, ...getReferenceProps(), className: cn(navButtonClasses, navButtonHoverClasses, navButtonFocusClasses), onPointerDownCapture: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                }, children: label }), isOpen && (_jsx(FloatingFocusManager, { context: context, modal: false, children: _jsx("div", { ref: refs.setFloating, style: floatingStyles, className: cn('right-0 z-[1]'), ...getFloatingProps(), children: children }) }))] }));
+};
+const HeaderNavigation = ({ ...props }) => {
+    return _jsx("div", { className: 'flex items-center gap-8', ...props });
+};
+const HeaderNavigationMenu = ({ ...props }) => {
+    return _jsx("div", { className: 'hidden xl:flex items-center gap-6', ...props });
+};
 const HeaderLogo = () => {
     return (_jsx(Logo, { fillColor: 'darkBlue', svgClassName: 'w-[6.5rem] h-[2.5145rem]' }));
 };
-const HeaderMobileMenuButton = () => {
-    return (_jsx(Button, { className: 'xl:hidden', variant: 'ghost', size: 'md', "aria-label": 'Menu', iconLeft: _jsx(Icon, { iconSet: "core", iconName: "menu", color: 'primary', size: 'md', center: "vertical" }) }));
-};
-const navButtonClasses = 'relative group peer inline-flex h-10 w-max items-center justify-center rounded-md bg-background text-lg';
-const navButtonHoverClasses = 'before:content-[""] before:absolute before:w-0 before:bottom-0 before:h-[4px] before:bg-draeger-dark-blue-700 before:transition-all hover:before:w-[60px] data-[state=open]:before:w-[60px]';
-const navButtonFocusClasses = 'focus:outline-none ';
-const HeaderNavigationMenuTrigger = React.forwardRef(({ ...props }, ref) => {
-    return (_jsx(NavigationMenuPrimitive.Trigger, { onPointerMove: e => e.preventDefault(), onPointerLeave: e => e.preventDefault(), ref: ref, className: cn(navButtonClasses, navButtonHoverClasses, navButtonFocusClasses), ...props }));
-});
-HeaderNavigationMenuTrigger.displayName =
-    NavigationMenuPrimitive.Trigger.displayName;
-const HeaderNavigationMenuContent = React.forwardRef(({ ...props }, ref) => {
-    return (_jsx(NavigationMenuPrimitive.Content, { onFocusOutside: e => e.preventDefault(), ref: ref, forceMount: true, "data-name": "HeaderNavigationMenuContent", onPointerEnter: e => e.preventDefault(), onPointerLeave: e => e.preventDefault(), onPointerDown: e => e.preventDefault(), onInteractOutside: e => {
-            const clickedOnOpenContent = 
-            // @ts-expect-error Nothing bad happens if offsetParent is not defined
-            e.target?.offsetParent?.dataset?.state === 'open';
-            if (clickedOnOpenContent) {
-                // onInteractOutside triggers on all open or closed contents so prevent the event if one content is currently open.
-                e.preventDefault();
-            }
-        }, className: cn('max-h-0 overflow-hidden w-full absolute top-full left-0 right-0 duration-200 ease-in transition-all peer-data-[state=open]:max-h-[100vh]'), ...props }));
-});
-const HeaderNavigationMenuItem = NavigationMenuPrimitive.Item;
 const HeaderActions = props => {
-    return (_jsx("div", { className: 'hidden xl:flex flex-initial shrink-0 grow-0 items-center justify-end fill-text-primary gap-1 xl:gap-0', ...props }));
+    return (_jsx("div", { className: 'hidden xl:flex flex-initial shrink-0 grow-0 items-center justify-end fill-text-primary', ...props }));
 };
-HeaderNavigation.displayName = NavigationMenuPrimitive.Root.displayName;
-HeaderNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-HeaderActions.displayName = 'HeaderActions';
-HeaderNavigationMenuContent.displayName = 'HeaderNavigationMenuContent';
-export { Header, HeaderLogo, HeaderMobileMenuButton, HeaderNavigation, HeaderSecondaryNavigation, HeaderNavigationMenuList, HeaderNavigationMenuItem, HeaderNavigationMenuTrigger, HeaderNavigationMenuContent, HeaderActions, };
+export { Header, HeaderLogo, HeaderNavigation, HeaderNavigationMenu, HeaderSecondaryNavigation, HeaderNavigationMenuList, HeaderActions, };
 //# sourceMappingURL=Header.js.map

package/dist/components/navigation/header/Header.js.map

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

package/dist/components/navigation/searchInput/SearchInput.d.ts

@@ -3,6 +3,7 @@ import { type AutocompleteProps } from '../../actions/autocomplete';
 export interface SearchInputProps extends Pick<AutocompleteProps, 'query' | 'setQuery' | 'freeTextSearchLabel' | 'placeholder'> {
     onSubmit: (value: string) => void;
     options?: string[];
+    isLoading?: boolean;
 }
 export declare const SearchInput: React.FC<SearchInputProps>;
 //# sourceMappingURL=SearchInput.d.ts.map

package/dist/components/navigation/searchInput/SearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAKhF,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,qBAAqB,GAAG,aAAa,CAC7D;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiFlD,CAAC"}
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAQhF,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,qBAAqB,GAAG,aAAa,CAC7D;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqGlD,CAAC"}

package/dist/components/navigation/searchInput/SearchInput.js

@@ -2,25 +2,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Button } from '../../actions/button';
-import { cn } from '../../../utils';
 import { useBreakpoint } from '../../../hooks/useBreakpoint';
 import { Autocomplete } from '../../actions/autocomplete';
-import { Transition } from '@headlessui/react';
 import { Icon } from '../../images-icons/icon';
-export const SearchInput = ({ onSubmit, options = [], placeholder, freeTextSearchLabel, query, setQuery, }) => {
+import { Search } from '../../actions/search';
+import { BodyText } from '../../typography/bodyText';
+import { LoadingOverlay, LoadingSpinner } from '../../structures/loadingSpinner';
+import { ScreenOverlay, ScreenOverlayControls } from '../../layout/screenOverlay';
+export const SearchInput = ({ onSubmit, options = [], placeholder, freeTextSearchLabel, query, setQuery, isLoading = false, }) => {
     const [showSearchInput, setShowSearchInput] = React.useState(false);
     const isMobile = useBreakpoint('xl');
+    React.useEffect(() => {
+        const isBodyScrollLocked = showSearchInput && isMobile;
+        document.body.style.overflow = isBodyScrollLocked ? 'hidden' : 'auto';
+    }, [showSearchInput, isMobile]);
     const handleChange = (selectedOption) => {
         if (selectedOption) {
             onSubmit(selectedOption.value);
         }
     };
-    const inputElement = (_jsx("div", { className: cn('flex items-center', isMobile &&
-            'absolute w-full bg-draeger-white left-0 pb-5 px-5 top-[83px]'), children: _jsx(Autocomplete, { onChange: handleChange, placeholder: placeholder, options: options.map(option => ({
-                value: option,
-                label: option,
-            })), freeTextSearchAllowed: true, freeTextSearchLabel: freeTextSearchLabel, selected: { value: query, label: query }, wrapperClassName: "w-full", query: query, setQuery: setQuery }) }));
-    return (_jsxs("div", { className: "flex flex-col items-end justify-center h-full overflow-visible font-text", children: [isMobile && (_jsx("div", { className: "flex items-center justify-end w-full h-7 text-draeger-dark-blue", children: _jsx(Button, { variant: 'ghost', size: 'md', onClick: () => setShowSearchInput(!showSearchInput), "aria-label": 'Search Input Toggle Button', inheritColor: true, iconLeft: _jsx(Icon, { iconSet: "core", iconName: showSearchInput ? 'close' : 'search', size: 'md', center: "vertical" }) }) })), isMobile ? (_jsx(Transition, { as: React.Fragment, show: !isMobile || (isMobile && showSearchInput), enter: "transform transition duration-[400ms]", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "transform duration-200 transition ease-in-out", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: inputElement })) : (inputElement)] }));
+    const onSearch = (value) => {
+        onSubmit(value);
+        setShowSearchInput(false);
+    };
+    return (_jsxs("div", { className: "flex flex-col items-end justify-center h-full overflow-visible font-text", children: [isMobile && !showSearchInput && (_jsx("div", { className: "flex items-center justify-end w-full h-7 text-draeger-dark-blue", children: _jsx(Button, { variant: 'ghost', size: 'sm', onClick: () => setShowSearchInput(true), "aria-label": 'Search Input Toggle Button', iconLeft: _jsx(Icon, { iconSet: "core", iconName: showSearchInput ? 'close' : 'search', color: 'primary', size: 'md', center: "vertical" }) }) })), !isMobile && (_jsx("div", { className: "flex items-center", children: _jsx(Autocomplete, { onChange: handleChange, placeholder: placeholder, options: options.map(option => ({
+                        value: option,
+                        label: option,
+                    })), freeTextSearchAllowed: true, freeTextSearchLabel: freeTextSearchLabel, selected: { value: query, label: query }, wrapperClassName: "w-full", query: query, setQuery: setQuery }) })), _jsx(ScreenOverlay, { show: isMobile && showSearchInput, children: _jsxs("div", { className: "flex flex-col max-h-full gap-16 overflow-y-scroll h-svh", children: [_jsx(ScreenOverlayControls, { canGoBack: false, onClose: () => setShowSearchInput(false) }), _jsxs("div", { className: "flex flex-col gap-8 overflow-hidden", children: [_jsx(Search, { placeholder: placeholder, onSearch: onSearch, onChange: setQuery, value: query }), _jsx(LoadingOverlay, { show: isLoading, loadingSpinner: _jsx(LoadingSpinner, { size: 'md' }), children: _jsx("div", { className: "flex flex-col gap-4 overflow-scroll px-7", children: options.map(option => (_jsx(BodyText, { className: "cursor-pointer pt-1 pb-0.5", onClick: () => onSearch(option), children: option }, option))) }) })] })] }) })] }));
 };
 SearchInput.displayName = 'SearchInput';
 //# sourceMappingURL=SearchInput.js.map

package/dist/components/navigation/searchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAyB,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAW7C,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,CAAC,cAAqC,EAAE,EAAE;QAC7D,IAAI,cAAc,EAAE,CAAC;YACnB,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,cACE,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,QAAQ;YACN,8DAA8D,CACjE,YAED,KAAC,YAAY,IACX,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBAC9B,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,MAAM;aACd,CAAC,CAAC,EACH,qBAAqB,QACrB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,EACtC,gBAAgB,EAAC,QAAQ,EACzB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,GACE,CACP,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0EAA0E,aACtF,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,iEAAiE,YAC9E,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,gBACvC,4BAA4B,EACxC,YAAY,QACZ,QAAQ,EACN,KAAC,IAAI,IACH,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC9C,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,UAAU,GACjB,GAEJ,GACE,CACP,EACA,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,UAAU,IACT,EAAE,EAAE,KAAK,CAAC,QAAQ,EAClB,IAAI,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,EAChD,KAAK,EAAC,uCAAuC,EAC7C,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,+CAA+C,EACrD,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW,YAElB,YAAY,GACF,CACd,CAAC,CAAC,CAAC,CACF,YAAY,CACb,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/structures/loadingSpinner/LoadingSpinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/structures/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAK3D,QAAA,MAAM,sBAAsB;;;mFAc1B,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,sBAAsB,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuCjD,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuCjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/structures/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAK3D,QAAA,MAAM,sBAAsB;;;mFAc1B,CAAC;AAEH,MAAM,WAAW,mBACf,SAAQ,YAAY,CAAC,OAAO,sBAAsB,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuCjD,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4CjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/structures/loadingSpinner/LoadingSpinner.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../utils';
 import { cva } from 'class-variance-authority';
-const loadingSpinnerClasses = 'flex justify-center w-full h-full min-w-4 min-h-4';
+const loadingSpinnerClasses = 'flex justify-center w-full h-full min-w-4 min-h-4 shrink';
 const loadingSpinnerVariants = cva(loadingSpinnerClasses, {
     variants: {
         size: {
-            sm: 'w-6 h-6',
-            md: 'w-8 h-8',
-            lg: 'w-16 h-16',
+            sm: 'max-w-6 max-h-6',
+            md: 'max-w-8 max-h-8',
+            lg: 'max-w-16 max-h-16',
         },
         color: {
             default: '',
@@ -22,12 +22,12 @@ const LoadingSpinner = ({ size = 'md', inverted = false, }) => {
                         ? 'stroke-draeger-cool-gray-250/15'
                         : 'stroke-draeger-dark-blue-700/15', ' fill-transparent'), strokeWidth: "10", r: "45" }), _jsx("circle", { cx: "50%", cy: "50%", className: cn(inverted
                         ? 'stroke-draeger-cool-gray-250'
-                        : 'stroke-draeger-dark-blue-700', 'fill-transparent delay-0 duration-[250s] transition-[stroke-dashoffset] origin-[50%_50%] origin-center ease-[ease] [transform:rotate(-90deg)] animate-odx-circular-progress-indicator'), strokeDasharray: "282", strokeDashoffset: "282", strokeWidth: "10", r: "45" })] }) }));
+                        : 'stroke-draeger-dark-blue-700', 'fill-transparent delay-0 duration-[250ms] transition-[stroke-dashoffset] origin-center ease-[ease] [transform:rotate(-90deg)] animate-odx-circular-progress-indicator'), strokeDasharray: "282", strokeDashoffset: "282", strokeWidth: "10", r: "45" })] }) }));
 };
 const LoadingOverlay = ({ blur = true, blurType = 'backdrop', centered = true, fixed = false, children, show, loadingSpinner, minHeight, }) => {
     const showBlurBackdrop = show && blur && blurType === 'backdrop';
     const showBlurRegular = show && blur && blurType !== 'backdrop';
-    return (_jsxs("div", { className: cn('relative w-full', show && 'select-none'), children: [_jsx("div", { className: cn('transition-[backdrop-filter,visibility] w-full h-full top-0 flex justify-center p-2 z-overlay', showBlurBackdrop && 'backdrop-blur-[3px]', !show && 'invisible', fixed ? 'fixed' : 'absolute', centered && 'items-center'), style: typeof minHeight === 'number'
+    return (_jsxs("div", { className: cn('relative w-full overflow-auto', show && 'select-none overflow-hidden'), children: [_jsx("div", { className: cn('transition-[backdrop-filter,visibility] w-full h-full top-0 flex justify-center p-2 z-overlay', showBlurBackdrop && 'backdrop-blur-[3px]', !show && 'invisible', fixed ? 'fixed' : 'absolute', centered && 'items-center'), style: typeof minHeight === 'number'
                     ? {
                         minHeight: `${minHeight}px`,
                     }

package/dist/components/structures/loadingSpinner/LoadingSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/components/structures/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,qBAAqB,GACzB,mDAAmD,CAAC;AAEtD,MAAM,sBAAsB,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACxD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;SAChB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAOH,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC,YAChD,eACE,SAAS,EAAC,qCAAqC,EAC/C,OAAO,EAAC,aAAa,aAErB,iBACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,QAAQ;wBACN,CAAC,CAAC,iCAAiC;wBACnC,CAAC,CAAC,iCAAiC,EACrC,mBAAmB,CACpB,EACD,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,IAAI,GACE,EACV,iBACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,QAAQ;wBACN,CAAC,CAAC,8BAA8B;wBAChC,CAAC,CAAC,8BAA8B,EAClC,uLAAuL,CACxL,EACD,eAAe,EAAC,KAAK,EACrB,gBAAgB,EAAC,KAAK,EACtB,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,IAAI,GACE,IACN,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,UAAU,EACrB,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,SAAS,GACV,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC;IACjE,MAAM,eAAe,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC;IAChE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,IAAI,IAAI,aAAa,CAAC,aAC1D,cACE,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,gBAAgB,IAAI,qBAAqB,EACzC,CAAC,IAAI,IAAI,WAAW,EACpB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAC5B,QAAQ,IAAI,cAAc,CAC3B,EACD,KAAK,EACH,OAAO,SAAS,KAAK,QAAQ;oBAC3B,CAAC,CAAC;wBACE,SAAS,EAAE,GAAG,SAAS,IAAI;qBAC5B;oBACH,CAAC,CAAC,EAAE,YAGP,IAAI,IAAI,cAAc,GACnB,EACL,eAAe,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAO,CAC7C,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../src/components/structures/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAE3D,MAAM,qBAAqB,GACzB,0DAA0D,CAAC;AAE7D,MAAM,sBAAsB,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACxD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,iBAAiB;YACrB,EAAE,EAAE,mBAAmB;SACxB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;SACZ;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAOH,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC,YAChD,eACE,SAAS,EAAC,qCAAqC,EAC/C,OAAO,EAAC,aAAa,aAErB,iBACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,QAAQ;wBACN,CAAC,CAAC,iCAAiC;wBACnC,CAAC,CAAC,iCAAiC,EACrC,mBAAmB,CACpB,EACD,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,IAAI,GACE,EACV,iBACE,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,EAAE,CACX,QAAQ;wBACN,CAAC,CAAC,8BAA8B;wBAChC,CAAC,CAAC,8BAA8B,EAClC,uKAAuK,CACxK,EACD,eAAe,EAAC,KAAK,EACrB,gBAAgB,EAAC,KAAK,EACtB,WAAW,EAAC,IAAI,EAChB,CAAC,EAAC,IAAI,GACE,IACN,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,cAAc,GAAkC,CAAC,EACrD,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,UAAU,EACrB,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,SAAS,GACV,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC;IACjE,MAAM,eAAe,GAAG,IAAI,IAAI,IAAI,IAAI,QAAQ,KAAK,UAAU,CAAC;IAChE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,IAAI,IAAI,6BAA6B,CACtC,aAED,cACE,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,gBAAgB,IAAI,qBAAqB,EACzC,CAAC,IAAI,IAAI,WAAW,EACpB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAC5B,QAAQ,IAAI,cAAc,CAC3B,EACD,KAAK,EACH,OAAO,SAAS,KAAK,QAAQ;oBAC3B,CAAC,CAAC;wBACE,SAAS,EAAE,GAAG,SAAS,IAAI;qBAC5B;oBACH,CAAC,CAAC,EAAE,YAGP,IAAI,IAAI,cAAc,GACnB,EACL,eAAe,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAO,CAC7C,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,CAAC"}

package/dist/hooks/useElementSize/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useElementSize';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useElementSize/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementSize/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/hooks/useElementSize/index.js

@@ -0,0 +1,2 @@
+export * from './useElementSize';
+//# sourceMappingURL=index.js.map

package/dist/hooks/useElementSize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useElementSize/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/hooks/useElementSize/useElementSize.d.ts

@@ -0,0 +1,6 @@
+import type { DependencyList } from 'react';
+export declare const useElementSize: (deps?: DependencyList) => readonly [import("react").RefObject<HTMLDivElement>, {
+    height: number;
+    width: number;
+}];
+//# sourceMappingURL=useElementSize.d.ts.map

package/dist/hooks/useElementSize/useElementSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementSize/useElementSize.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,eAAO,MAAM,cAAc,UAAU,cAAc;;;EAwBlD,CAAC"}

package/dist/hooks/useElementSize/useElementSize.js

@@ -0,0 +1,24 @@
+import { useLayoutEffect, useCallback, useRef, useState } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+import { debounce } from '../../utils';
+export const useElementSize = (deps = []) => {
+    const [elementSize, setElementSize] = useState({ height: 0, width: 0 });
+    const ref = useRef(null);
+    const handleContentResize = useCallback(debounce(setElementSize, 50), []);
+    useLayoutEffect(() => {
+        if (!ref.current)
+            return;
+        const { height, width } = ref.current.getBoundingClientRect();
+        setElementSize({ height, width });
+        const resizeObserver = new ResizeObserver(entries => {
+            entries.forEach(entry => {
+                const { height, width } = entry.contentRect;
+                handleContentResize({ height, width });
+            });
+        });
+        resizeObserver.observe(ref.current);
+        return () => resizeObserver.disconnect();
+    }, deps);
+    return [ref, elementSize];
+};
+//# sourceMappingURL=useElementSize.js.map

package/dist/hooks/useElementSize/useElementSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.js","sourceRoot":"","sources":["../../../src/hooks/useElementSize/useElementSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACrE,OAAO,cAAc,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAIrC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAuB,EAAE,EAAE,EAAE;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAC,CAAC,CAAC;IACtE,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC,cAAc,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1E,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO;QACzB,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC5D,cAAc,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;QAEhC,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAClD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,MAAM,EAAC,MAAM,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC;gBAC1C,mBAAmB,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEpC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,OAAO,CAAC,GAAG,EAAE,WAAW,CAAU,CAAC;AACrC,CAAC,CAAC"}