@odx/websites-react 0.0.1

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

@@ -0,0 +1,121 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * This component is a header prototype component, with animations on scroll etc.
+ * It is not used in the current version of the app and can be removed once the design team will accept the header component with no animations.
+ */
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { Combobox, Transition } from '@headlessui/react';
+import { HeaderProvider, useHeaderContext } from './HeaderContext';
+import { Logo } from '../..';
+import { Button } from '../..';
+import { useScrollPosition } from '../../../hooks';
+import { ContentArea } from '../../layout/contentArea';
+import { SvgIcon } from '../../images-icons/svg-icon';
+import { IconChevronDown, IconClose, IconMenu, IconSearch } from '../../../icons';
+import { cn } from '../../../utils';
+const AnimatedHeader = ({ children, breadcrumbs, }) => {
+    return (_jsx(HeaderProvider, { children: _jsx(AnimatedHeaderContainer, { breadcrumbs: breadcrumbs, children: children }) }));
+};
+const AnimatedHeaderContainer = ({ children, breadcrumbs, }) => {
+    const [isHeaderHidden, setHeaderHidden] = React.useState(false);
+    const { isScrolled } = useHeaderContext();
+    useScrollPosition(({ prevPos, currPos }) => {
+        const headHideBoundary = document.getElementById('headHideBoundary');
+        if (!headHideBoundary)
+            return;
+        const scrollDelta = Math.abs(currPos - prevPos);
+        const isOverBoundary = headHideBoundary.getBoundingClientRect().top < 100;
+        const scrolledDown = prevPos < currPos;
+        if (!isOverBoundary)
+            setHeaderHidden(false);
+        else if (scrollDelta > 3)
+            setHeaderHidden(scrolledDown);
+    }, [], 100);
+    return (_jsxs("header", { "data-hidden": isHeaderHidden, className: cn('flex flex-col justify-around fixed top-0 w-full h-[90px] my-0 z-10 text-draeger-white transition-all ease-linear', isScrolled && 'bg-draeger-pale-blue text-draeger-dark-blue h-[56px]', isHeaderHidden && 'h-0'), children: [_jsx("div", { className: cn('flex flex-wrap items-center h-[56px] mt-1 mb-2 transition-all ease-linear', isHeaderHidden && 'h-0 overflow-hidden mt-0 mb-0 opacity-0'), children: _jsxs(ContentArea, { className: 'w-full flex items-center flex-wrap', children: [_jsx(AnimatedHeaderLogo, {}), children] }) }), _jsx("div", { className: cn('absolute w-full top-full', (isScrolled || isHeaderHidden) && 'bg-draeger-pale-blue'), children: _jsx(ContentArea, { children: breadcrumbs }) })] }));
+};
+const AnimatedHeaderLogo = () => {
+    const { isScrolled } = useHeaderContext();
+    return (_jsx("div", { className: cn('shrink-0 w-[112px] mr-7 fill-draeger-white transition-all', isScrolled && 'w-[61px] mr-3.5'), children: _jsx(Logo, { fillColor: isScrolled ? 'darkBlue' : 'white' }) }));
+};
+const AnimatedHeaderNavigation = React.forwardRef(({ children, ...props }, ref) => {
+    return (_jsx(NavigationMenuPrimitive.Root, { ref: ref, className: 'items-center max-w-content-1 hidden sm:flex ', "aria-label": 'Main navigation', ...props, children: children }));
+});
+const AnimatedHeaderNavigationMenuList = React.forwardRef(({ ...props }, ref) => (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: 'group flex list-none items-center -ml-4 sm:ml-0', ...props })));
+const navButtonClasses = 'group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-3 py-1 font-text font-semibold text-xl';
+const navButtonHoverClasses = 'before:content-[""] before:absolute before:w-0 before:bottom-0 before:h-[4px] before:bg-draeger-white before:transition-all hover:before:w-[60px]';
+const navButtonFocusClasses = 'focus:outline-none ';
+const AnimatedHeaderNavigationMenuTrigger = React.forwardRef(({ ...props }, ref) => {
+    const { isScrolled } = useHeaderContext();
+    return (_jsx(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navButtonClasses, navButtonHoverClasses, navButtonFocusClasses, isScrolled && 'text-lg hover:before:bg-draeger-dark-blue'), ...props }));
+});
+AnimatedHeaderNavigationMenuTrigger.displayName =
+    NavigationMenuPrimitive.Trigger.displayName;
+const AnimatedHeaderNavigationMenuItem = NavigationMenuPrimitive.Item;
+const baseClasses = 'justify-end flex h-10 w-full max-w-[286px] border-b-2 border-draeger-white bg-transparent py-2 font-text font-semibold text-xl placeholder:text-draeger-white transition-[max-width] appearance-none';
+const focusClasses = 'focus:w-full focus:max-w-full focus-visible:outline-none focus-visible:shadow-draeger-white';
+const AnimatedHeaderSearchInput = ({ onSubmit, onValueChange, searchResultOptions = [], placeholder, customSearchValueText = 'Search for:', }) => {
+    const { isScrolled } = useHeaderContext();
+    const inputRef = React.useRef(null);
+    const [selectedValue, setSelectedValue] = React.useState('');
+    const [query, setQuery] = React.useState('');
+    /**
+     * Handles the default change event for the Combobox
+     * @param value - The submitted value
+     */
+    const onSelectedValueChange = (value) => {
+        if (value?.length > 0) {
+            setSelectedValue(value);
+            onSubmit && onSubmit(value);
+        }
+    };
+    /**
+     * Handles the enter key down event for custom search value that is not in the search options
+     * @param event - Keyboard event
+     * @param isSearchByExistingOption - Boolean value to check if the search is by existing option. Is true if the `activeIndex` of the Render Prop inside the Combobox is defined
+     */
+    const handleEnterKeyDown = (event, isSearchByExistingOption) => {
+        // Fire the onSubmit callback if the enter key is pressed and the search is not by existing option
+        if (event.key === 'Enter' &&
+            !isSearchByExistingOption &&
+            query.length > 0) {
+            event.preventDefault();
+            onSubmit && onSubmit(query);
+            setQuery('');
+        }
+    };
+    return (_jsxs("div", { className: "relative flex flex-col h-full overflow-visible lg:ml-11 grow font-text font-semibold", children: [_jsx("div", { className: cn('h-[30px] w-full flex justify-end lg:hidden', isScrolled && 'h-6'), children: _jsx(Button, { variant: 'ghost-inherit', size: 'headerActionItem', onClick: () => alert('Button clicked!'), "aria-label": 'Search Input Toggle Button', children: _jsx(SvgIcon, { icon: IconSearch }) }) }), _jsx(Combobox, { onChange: onSelectedValueChange, value: selectedValue, nullable: true, children: ({ activeIndex, open }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative flex-col items-end flex-1 hidden mt-1 lg:flex", children: [_jsx(Combobox.Input, { ref: inputRef, autoComplete: "off", name: 'search', placeholder: placeholder, onKeyDown: e => handleEnterKeyDown(e, !!activeIndex), className: cn(baseClasses, focusClasses, open && 'delay-100', query.length > 0 && 'pr-10', isScrolled &&
+                                        'placeholder:text-draeger-dark-blue border-draeger-dark-blue focus-visible:shadow-draeger-dark-blue text-lg'), onChange: event => {
+                                        setQuery(event.target.value);
+                                        onValueChange && onValueChange(event.target.value);
+                                    } }), _jsx(Transition, { as: React.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", afterLeave: () => {
+                                        setQuery('');
+                                    }, children: _jsxs(Combobox.Options, { className: 'max-h-[300px] w-full shadow-md overflow-y-auto overflow-x-hidden absolute top-full bg-draeger-white text-draeger-dark-blue', children: [query.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Combobox.Option, { value: undefined }), _jsxs(Combobox.Option, { value: query, className: ({ active }) => cn('relative cursor-pointer select-none py-2 pl-4 pr-4', active && 'bg-draeger-air-blue text-draeger-white'), children: [customSearchValueText, " \"", query, "\""] })] })), searchResultOptions.map((searchResult, i) => (_jsx(Combobox.Option, { className: ({ active }) => cn('relative cursor-pointer select-none py-2 pl-4 pr-4', active && 'bg-draeger-air-blue text-draeger-white'), value: searchResult, children: _jsx("span", { className: 'block truncate', children: searchResult }) }, i)))] }) })] }), (query?.length > 0 || selectedValue?.length > 0) && (_jsx("div", { className: "absolute top-0 bottom-0 right-0 flex items-center px-3 cursor-pointer", onMouseDown: e => {
+                                e.preventDefault();
+                                setQuery('');
+                                setSelectedValue('');
+                                if (inputRef?.current) {
+                                    inputRef.current.value = '';
+                                }
+                            }, children: _jsx(SvgIcon, { icon: IconClose, size: 'md' }) }))] })) })] }));
+};
+const AnimatedHeaderActions = props => {
+    const { isScrolled } = useHeaderContext();
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn('h-[30px] ml-8 sm:hidden', isScrolled && 'h-6'), children: _jsx(Button, { variant: 'ghost', size: 'headerActionItem', "aria-label": 'Menu', children: _jsx(SvgIcon, { icon: IconMenu, color: 'draeger-white' }) }) }), _jsx("div", { className: cn('flex-initial shrink-0 grow-0 items-center justify-end space-x-1 gap-4 fill-draeger-white h-[30px] ml-4 lg:ml-11 hidden sm:flex transition-[height] ease-linear', isScrolled && 'fill-draeger-dark-blue h-6'), ...props })] }));
+};
+const AnimatedHeaderLocalizationButton = React.forwardRef(({ icon, label }, ref) => {
+    const { isScrolled } = useHeaderContext();
+    return (_jsxs(Button, { variant: 'ghost-inherit', fontSize: isScrolled ? 'xl' : '2xl', size: 'headerActionItem', ref: ref, "aria-label": 'Country Selection', children: [_jsx(SvgIcon, { icon: icon }), _jsx("span", { className: 'ml-4', children: label }), _jsx(SvgIcon, { icon: IconChevronDown })] }));
+});
+AnimatedHeaderLogo.displayName = 'AnimatedHeaderLogo';
+AnimatedHeader.displayName = 'AnimatedHeader';
+AnimatedHeaderNavigation.displayName = NavigationMenuPrimitive.Root.displayName;
+AnimatedHeaderNavigationMenuList.displayName =
+    NavigationMenuPrimitive.List.displayName;
+AnimatedHeaderSearchInput.displayName = 'AnimatedHeaderSearchInput';
+AnimatedHeaderActions.displayName = 'AnimatedHeaderActions';
+AnimatedHeaderLocalizationButton.displayName =
+    'AnimatedHeaderLocalizationButton';
+export { AnimatedHeader, AnimatedHeaderNavigation, AnimatedHeaderNavigationMenuList, AnimatedHeaderNavigationMenuItem, AnimatedHeaderNavigationMenuTrigger, AnimatedHeaderSearchInput, AnimatedHeaderActions, AnimatedHeaderLocalizationButton, };
+//# sourceMappingURL=AnimatedHeader.js.map

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

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

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { SearchInputProps } from '../../../components';
+import { SvgIconComponent } from '../../images-icons/svg-icon';
+export interface HeaderProps extends SearchInputProps {
+    breadcrumbs?: React.ReactNode;
+    children?: React.ReactNode;
+    menuItems?: React.ReactNode;
+    onMenuButtonClick?: () => void;
+    onSearchSubmit: (value: string) => void;
+}
+export declare const Header: React.FC<HeaderProps>;
+declare const HeaderNavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export declare const HeaderNavigation: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const HeaderNavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const HeaderNavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const HeaderActions: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+export interface HeaderLocalizationButtonProps {
+    icon: SvgIconComponent;
+    label?: string;
+    onClick?: () => void;
+}
+declare const HeaderLocalizationButton: React.ForwardRefExoticComponent<HeaderLocalizationButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { HeaderNavigationMenuList, HeaderNavigationMenuItem, HeaderNavigationMenuTrigger, HeaderActions, HeaderLocalizationButton, };
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +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;AAE3E,OAAO,EAAoB,gBAAgB,EAAC,MAAM,qBAAqB,CAAC;AAGxE,OAAO,EAAU,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAItE,MAAM,WAAW,WAAY,SAAQ,gBAAgB;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgDxC,CAAC;AAEF,QAAA,MAAM,wBAAwB,+KAS5B,CAAC;AAEH,eAAO,MAAM,gBAAgB,iKAc3B,CAAC;AAcH,QAAA,MAAM,2BAA2B,oLAe/B,CAAC;AAIH,QAAA,MAAM,wBAAwB,uHAA+B,CAAC;AAE9D,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAWjE,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,wBAAwB,yGAmB5B,CAAC;AAOH,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,2BAA2B,EAC3B,aAAa,EACb,wBAAwB,GACzB,CAAC"}

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

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { HeaderProvider } from './HeaderContext';
+import { Logo, SearchInput } from '../../../components';
+import { Button } from '../../../components';
+import { ContentArea } from '../../layout/contentArea';
+import { SvgIcon } from '../../images-icons/svg-icon';
+import { IconChevronDown, IconMenu } from '../../../icons';
+import { cn } from '../../../utils';
+export const Header = ({ children, breadcrumbs, menuItems, onMenuButtonClick, onSearchSubmit, ...props }) => {
+    return (_jsxs(HeaderProvider, { children: [_jsx("header", { className: 'flex flex-col justify-around top-0 w-full py-7 z-10 bg-draeger-white text-draeger-dark-blue font-text', children: _jsx(ContentArea, { children: _jsxs("div", { className: 'flex w-full flex-wrap items-center justify-between', children: [_jsxs("div", { className: 'flex items-center gap-10', children: [_jsx(HeaderLogo, {}), menuItems && (_jsx(HeaderNavigation, { children: _jsx(HeaderNavigationMenuList, { children: menuItems }) }))] }), _jsxs("div", { className: 'flex items-center gap-8 lg:gap-9', children: [_jsx(SearchInput, { onSubmit: onSearchSubmit, ...props }), children, _jsx(Button, { className: 'h-7 lg:hidden', variant: 'ghost', size: 'headerActionItem', "aria-label": 'Menu', onClick: onMenuButtonClick, children: _jsx(SvgIcon, { icon: IconMenu, color: 'draeger-dark-blue' }) })] })] }) }) }), _jsx("div", { className: 'absolute w-full z-10', children: _jsx(ContentArea, { children: breadcrumbs }) })] }));
+};
+const HeaderNavigationMenuList = React.forwardRef(({ ...props }, ref) => (_jsx(NavigationMenuPrimitive.List, { ref: ref, className: 'group flex list-none items-center gap-5', ...props })));
+export const HeaderNavigation = React.forwardRef(({ children, ...props }, ref) => {
+    return (_jsx(NavigationMenuPrimitive.Root, { ref: ref, className: 'items-center max-w-content-1 hidden md:flex', "aria-label": 'Main navigation', ...props, children: children }));
+});
+const HeaderLogo = () => {
+    return _jsx(Logo, { fillColor: 'darkBlue', className: 'w-[104px]' });
+};
+const navButtonClasses = 'group 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 before:transition-all hover:before:w-[60px]';
+const navButtonFocusClasses = 'focus:outline-none ';
+const HeaderNavigationMenuTrigger = React.forwardRef(({ ...props }, ref) => {
+    return (_jsx(NavigationMenuPrimitive.Trigger, { ref: ref, className: cn(navButtonClasses, navButtonHoverClasses, navButtonFocusClasses), ...props }));
+});
+HeaderNavigationMenuTrigger.displayName =
+    NavigationMenuPrimitive.Trigger.displayName;
+const HeaderNavigationMenuItem = NavigationMenuPrimitive.Item;
+const HeaderActions = props => {
+    return (_jsx(_Fragment, { children: _jsx("div", { className: 'hidden lg:flex flex-initial shrink-0 grow-0 items-center justify-end fill-draeger-dark-blue gap-2', ...props }) }));
+};
+const HeaderLocalizationButton = React.forwardRef(({ icon, label, onClick }, ref) => {
+    return (_jsxs(Button, { variant: 'ghost-inherit', fontSize: 'lg', size: 'headerActionItem', ref: ref, "aria-label": 'Country Selection', onClick: onClick, className: "flex items-center", children: [_jsx(SvgIcon, { icon: icon, size: 'md' }), _jsx("span", { className: 'ml-2', children: label }), _jsx(SvgIcon, { icon: IconChevronDown, size: 'md' })] }));
+});
+HeaderNavigation.displayName = NavigationMenuPrimitive.Root.displayName;
+HeaderNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+HeaderActions.displayName = 'HeaderActions';
+HeaderLocalizationButton.displayName = 'HeaderLocalizationButton';
+export { HeaderNavigationMenuList, HeaderNavigationMenuItem, HeaderNavigationMenuTrigger, HeaderActions, HeaderLocalizationButton, };
+//# sourceMappingURL=Header.js.map

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

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

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface HeaderContextValue {
+    isScrolled: boolean;
+}
+export declare const HeaderProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useHeaderContext: () => HeaderContextValue;
+export {};
+//# sourceMappingURL=HeaderContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContext.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/header/HeaderContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,kBAAkB;IAC1B,UAAU,EAAE,OAAO,CAAC;CACrB;AAMD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAuBhE,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAM5B,CAAC"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useScrollPosition } from '../../../hooks/useScrollPosition';
+const HeaderContext = React.createContext({
+    isScrolled: false,
+});
+export const HeaderProvider = ({ children, }) => {
+    const [isScrolled, setIsScrolled] = React.useState(false);
+    useScrollPosition(({ prevPos, currPos }) => {
+        const scrolled = currPos > 0;
+        if (scrolled !== isScrolled &&
+            ((scrolled && prevPos === 0) || (!scrolled && prevPos > 0))) {
+            setIsScrolled(scrolled);
+        }
+    }, [isScrolled], 50);
+    return (_jsx(HeaderContext.Provider, { value: { isScrolled }, children: children }));
+};
+export const useHeaderContext = () => {
+    const context = React.useContext(HeaderContext);
+    if (context === undefined) {
+        throw new Error('useHeaderContext must be used within a HeaderProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=HeaderContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContext.js","sourceRoot":"","sources":["../../../../src/components/navigation/header/HeaderContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAMnE,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB;IAC5D,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAA0C,CAAC,EACpE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,iBAAiB,CACf,CAAC,EAAC,OAAO,EAAE,OAAO,EAAC,EAAE,EAAE;QACrB,MAAM,QAAQ,GAAG,OAAO,GAAG,CAAC,CAAC;QAC7B,IACE,QAAQ,KAAK,UAAU;YACvB,CAAC,CAAC,QAAQ,IAAI,OAAO,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,EAC3D,CAAC;YACD,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EACD,CAAC,UAAU,CAAC,EACZ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAC,YACxC,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from './AnimatedHeader';
+export * from './Header';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const searchInputVariants: (props?: ({
+    borderVariant?: "underlined" | "outlined" | null | undefined;
+    colorVariant?: "dark" | "light" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface SearchInputProps extends VariantProps<typeof searchInputVariants>, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSubmit'> {
+    onSubmit?: (value: string) => void;
+    onValueChange?: (value: string) => void;
+    searchResultOptions?: string[];
+    customSearchValueText?: string;
+    showSearchButton?: boolean;
+}
+export declare const SearchInput: React.FC<SearchInputProps>;
+export {};
+//# sourceMappingURL=SearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/SearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAQ3D,QAAA,MAAM,mBAAmB;;;mFAgBvB,CAAC;AAEH,MAAM,WAAW,gBACf,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC,EAC9C,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0OlD,CAAC"}

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

@@ -0,0 +1,93 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../../actions/button';
+import { SvgIcon } from '../../images-icons/svg-icon';
+import { IconClose, IconSearch } from '../../../icons';
+import { Combobox, Transition } from '@headlessui/react';
+import { cn } from '../../../utils';
+import { cva } from 'class-variance-authority';
+import { useBreakpoint } from '../../../hooks/useBreakpoint';
+const baseClasses = 'justify-end w-[280px] flex h-10 bg-transparent p-2 text-xl transition-[max-width] appearance-none font-text';
+const focusClasses = 'focus-visible:outline-none focus-visible:shadow-draeger-white';
+const searchInputVariants = cva('', {
+    variants: {
+        borderVariant: {
+            underlined: 'border-b-2',
+            outlined: 'border-2',
+        },
+        colorVariant: {
+            dark: 'border-draeger-dark-blue placeholder:text-draeger-dark-blue text-draeger-dark-blue',
+            light: 'border-draeger-white placeholder:text-draeger-white text-draeger-white',
+        },
+    },
+    defaultVariants: {
+        borderVariant: 'outlined',
+        colorVariant: 'dark',
+    },
+});
+export const SearchInput = ({ onSubmit, onValueChange, searchResultOptions = [], placeholder, customSearchValueText = 'Search for:', borderVariant, colorVariant, showSearchButton = false, }) => {
+    const inputRef = React.useRef(null);
+    const [selectedValue, setSelectedValue] = React.useState('');
+    const [showSearchInput, setShowSearchInput] = React.useState(false);
+    const [query, setQuery] = React.useState('');
+    /**
+     * Handles the default change event for the Combobox
+     * @param value - The submitted value
+     */
+    const onSelectedValueChange = (value) => {
+        if (value?.length > 0) {
+            setSelectedValue(value);
+            onSubmit && onSubmit(value);
+        }
+    };
+    /**
+     * Handles the search event
+     */
+    const handleSearch = () => {
+        if (query?.length > 0) {
+            onSubmit && onSubmit(query);
+            setQuery('');
+        }
+    };
+    /**
+     * Handles the enter key down event for custom search value that is not in the search options
+     * @param event - Keyboard event
+     * @param isSearchByExistingOption - Boolean value to check if the search is by existing option. Is true if the `activeIndex` of the Render Prop inside the Combobox is defined
+     */
+    const handleEnterKeyDown = (event, isSearchByExistingOption) => {
+        // Fire the onSubmit callback if the enter key is pressed and the search is not by existing option
+        if (event.key === 'Enter' && !isSearchByExistingOption) {
+            event.preventDefault();
+            handleSearch();
+        }
+    };
+    const isDesktop = useBreakpoint('lg');
+    const lightInputScrolledStyles = 'text-draeger-white placeholder:text-draeger-white border-draeger-white focus-visible:shadow-draeger-white text-lg';
+    const darkInputScrolledStyles = 'text-text-draeger-dark-blue placeholder:text-draeger-dark-blue border-draeger-dark-blue focus-visible:shadow-draeger-dark-blue text-lg';
+    const darkIconScrolledStyles = 'draeger-dark-blue';
+    const lightIconScrolledStyles = 'draeger-white';
+    return (_jsxs("div", { className: "relative flex flex-col items-end h-full overflow-visible lg:ml-11 font-text font-semibold", children: [_jsx(Transition, { as: "div", className: "h-7 w-full flex justify-end", show: isDesktop, children: _jsx(Button, { variant: 'ghost-inherit', size: 'headerActionItem', onClick: () => setShowSearchInput(!showSearchInput), "aria-label": 'Search Input Toggle Button', children: _jsx(SvgIcon, { icon: showSearchInput ? IconClose : IconSearch, color: colorVariant === 'light'
+                            ? lightIconScrolledStyles
+                            : darkIconScrolledStyles }) }) }), _jsx(Transition, { as: React.Fragment, show: !isDesktop || (isDesktop && 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: _jsxs("div", { className: cn('flex items-center', isDesktop &&
+                        'fixed w-full bg-draeger-white left-0 pb-5 px-5 top-[83px] z-10'), children: [_jsx(Combobox, { onChange: onSelectedValueChange, value: selectedValue, nullable: true, children: ({ activeIndex, open }) => (_jsx(_Fragment, { children: _jsxs("div", { className: cn('relative flex flex-col items-end', isDesktop && 'w-full'), children: [_jsx(Combobox.Input, { ref: inputRef, autoComplete: "off", name: 'search', placeholder: placeholder, onKeyDown: e => handleEnterKeyDown(e, !!activeIndex), className: cn(searchInputVariants({ borderVariant, colorVariant }), baseClasses, focusClasses, isDesktop && 'w-full', open && 'delay-100', colorVariant === 'light' && lightInputScrolledStyles, colorVariant === 'dark' && darkInputScrolledStyles), onChange: event => {
+                                                setQuery(event.target.value);
+                                                onValueChange && onValueChange(event.target.value);
+                                            } }), _jsx(Transition, { as: React.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", afterLeave: () => {
+                                                setQuery('');
+                                            }, children: _jsxs(Combobox.Options, { className: 'w-full shadow-md overflow-y-auto overflow-x-hidden absolute top-full bg-draeger-white text-draeger-dark-blue', children: [query.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Combobox.Option, { value: undefined }), _jsxs(Combobox.Option, { value: query, className: ({ active }) => cn('relative cursor-pointer select-none py-2 pl-4 pr-4', active &&
+                                                                    'bg-draeger-air-blue text-draeger-white'), children: [customSearchValueText, " \"", query, "\""] })] })), searchResultOptions.map((searchResult, i) => (_jsx(Combobox.Option, { className: ({ active }) => cn('relative cursor-pointer select-none py-2 pl-4 pr-4', active && 'bg-draeger-air-blue text-draeger-white'), value: searchResult, children: _jsx("span", { className: 'block truncate', children: searchResult }) }, i)))] }) }), (query?.length > 0 || selectedValue?.length > 0) && (_jsx("div", { className: "absolute top-0 bottom-0 right-2 flex items-center cursor-pointer", onMouseDown: e => {
+                                                e.preventDefault();
+                                                setQuery('');
+                                                setSelectedValue('');
+                                                if (inputRef?.current) {
+                                                    inputRef.current.value = '';
+                                                }
+                                            }, children: _jsx(SvgIcon, { icon: IconClose, size: 'md', color: colorVariant === 'light'
+                                                    ? lightIconScrolledStyles
+                                                    : darkIconScrolledStyles }) }))] }) })) }), showSearchButton && (_jsx("div", { className: "h-7 ml-2 w-full", children: _jsx(Button, { variant: 'ghost-inherit', size: 'headerActionItem', onClick: handleSearch, "aria-label": 'Search Input Button', children: _jsx(SvgIcon, { icon: IconSearch, color: colorVariant === 'light'
+                                        ? lightIconScrolledStyles
+                                        : darkIconScrolledStyles }) }) }))] }) })] }));
+};
+SearchInput.displayName = 'SearchInput';
+//# sourceMappingURL=SearchInput.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/searchInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/navigation/tabbar/TabBar.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export type AnchorType = {
+    anchor: string;
+    label: string;
+};
+export interface TabBarHorizontalItemProps {
+    anchor: string;
+    label: string;
+    isActive: boolean;
+    isVisible: boolean;
+}
+export interface TabBarHorizontalProps {
+    anchors: AnchorType[];
+    currentAnchor: string;
+    setBottomOffset: (bottomOffset: number) => void;
+    isDesktop: boolean;
+    isPinned: boolean;
+}
+export interface TabBarVerticalItemProps {
+    anchor: string;
+    label: string;
+    onClick: () => void;
+    isActive: boolean;
+}
+export interface TabBarVerticalProps {
+    currentAnchor: string;
+    anchors: AnchorType[];
+    isHeaderHidden?: boolean;
+}
+export interface TabBarProps {
+    anchors: AnchorType[];
+    initialAnchor?: string;
+}
+export declare const TabBar: React.FC<TabBarProps>;
+//# sourceMappingURL=TabBar.d.ts.map

package/dist/components/navigation/tabbar/TabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabbar/TabBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuH/B,MAAM,MAAM,UAAU,GAAG;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AAEzD,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmXD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqHxC,CAAC"}