@sonic-equipment/ui 163.0.0 → 165.0.0

package/dist/header/cart-icon/connected-cart-icon.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Badge } from '../../badges/badge/badge.js';
-import { IconWithBadge } from '../../badges/badge/icon-with-badge/icon-with-badge.js';
-import { SolidCartIcon } from '../../icons/solid/solid-cart-icon.js';
+import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+import { CartIcon } from '../../navigation/cart-icon/cart-icon.js';
 import { useFetchCurrentCartCount } from '../../shared/api/storefront/hooks/cart/use-fetch-current-cart-count.js';
 import { RouteIconButton } from '../../shared/routing/route-icon-button.js';
 
 function ConnectedCartIcon({ href }) {
     const count = useFetchCurrentCartCount();
-    return (jsx(RouteIconButton, { "data-test-selector": "cartIcon", href: href, children: jsx(IconWithBadge, { badge: count ? jsx(Badge, { count: count }) : undefined, "data-test-selector": "cartIconCount", icon: jsx(SolidCartIcon, {}) }) }));
+    const t = useFormattedMessage();
+    return (jsx(RouteIconButton, { "data-test-selector": "cartIcon", href: href, children: jsx(CartIcon, { "aria-label": t('Shopping cart'), count: count }) }));
 }
 
 export { ConnectedCartIcon };

package/dist/icons/solid/solid-login-icon.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+
+function SolidLoginIcon(props) {
+    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M11.9996246,2 C17.5137282,2 22,6.48597148 22,11.9997748 C22,17.5140285 17.5137282,22 11.9996246,22 C6.48582133,22 2,17.5140285 2,11.9997748 C2,6.48597148 6.48582133,2 11.9996246,2 Z M11.9996246,3.33025009 C7.21934336,3.33025009 3.33009993,7.21934336 3.33009993,11.9997748 C3.33009993,14.0213525 4.02743387,15.8819608 5.19160917,17.3580143 C7.03044454,15.6346505 9.47216445,14.6559204 11.9997748,14.6559204 C14.5290368,14.6559204 16.9689548,15.6343502 18.8079404,17.3581645 C19.9722658,15.8821109 20.6697499,14.0213525 20.6697499,11.9997748 C20.6697499,7.21934336 16.7803563,3.33025009 11.9996246,3.33025009 Z M11.9999399,5.83909064 C14.0652136,5.83909064 15.7454821,7.51935913 15.7454821,9.58463283 C15.7454821,11.6500567 14.0652136,13.3303252 11.9999399,13.3303252 C9.93466624,13.3303252 8.25439775,11.6500567 8.25439775,9.58463283 C8.25439775,7.51935913 9.93466624,5.83909064 11.9999399,5.83909064 Z", fillRule: "evenodd" }) }));
+}
+
+export { SolidLoginIcon };

package/dist/index.js

@@ -32,6 +32,7 @@ export { useAlgoliaInsightsGlobalState } from './algolia/use-algolia-insights-pr
 export { useAlgoliaInstantSearchState, useAlgoliaInstantSearchStateIndex, useAlgoliaInstantSearchStateOnline, useAlgoliaInstantSearchStateQueryId, useAlgoliaInstantSearchStateStatus } from './algolia/use-algolia-instant-search-state.js';
 export { useAlgoliaSearch } from './algolia/use-algolia-search.js';
 export { BackgroundOverlay } from './background-overlay/background-overlay.js';
+export { BackgroundOverlayManager } from './background-overlay/background-overlay-manager.js';
 export { Badge } from './badges/badge/badge.js';
 export { IconWithBadge } from './badges/badge/icon-with-badge/icon-with-badge.js';
 export { Tag } from './badges/tag/tag.js';
@@ -84,6 +85,8 @@ export { DeliveryTime } from './delivery-time/delivery-time.js';
 export { InfoDisplay } from './display/info-display/info-display.js';
 export { Price } from './display/price/price.js';
 export { ProductSku } from './display/product-sku/product-sku.js';
+export { Drawer } from './drawer/drawer.js';
+export { useDrawer } from './drawer/use-drawer.js';
 export { ActiveFilters } from './filters/active-filters/active-filters.js';
 export { MultiSelect } from './filters/multi-select/multi-select.js';
 export { Pagination } from './filters/pagination/pagination.js';
@@ -148,6 +151,7 @@ export { useFormattedMessage } from './intl/use-formatted-message.js';
 export { useIntl } from './intl/use-intl.js';
 export { useLanguageCode } from './intl/use-language-code.js';
 export { getLanguageCodeFromCultureCode, spireTranslateAdapter } from './intl/utils.js';
+export { Center } from './layout/center.js';
 export { DownloadDocumentList } from './lists/download-document-list/download-document-list.js';
 export { FeatureList } from './lists/feature-list/feature-list.js';
 export { IconList, IconListItem } from './lists/icon-list/icon-list.js';
@@ -173,6 +177,11 @@ export { AddToFavoriteDialog } from './modals/favorite/add-to-favorite-dialog.js
 export { Modal } from './modals/modal/modal.js';
 export { RecoverPasswordDialog } from './modals/recover-password/recover-password-dialog.js';
 export { SignInDialog } from './modals/signin/sign-in-dialog.js';
+export { AccountIcon } from './navigation/account-icon/account-icon.js';
+export { CartIcon } from './navigation/cart-icon/cart-icon.js';
+export { FavoriteIcon } from './navigation/favorite-icon/favorite-icon.js';
+export { MobileNavigation } from './navigation/mobile-navigation/mobile-navigation.js';
+export { PanelNavigation } from './navigation/panel-navigation/panel-navigation.js';
 export { Announcement } from './notifications/announcements/announcement.js';
 export { AnnouncementProvider } from './notifications/announcements/announcement-provider.js';
 export { ConnectedAnnouncement, now } from './notifications/announcements/connected-announcement.js';
@@ -306,6 +315,7 @@ export { useCSSLink } from './shared/hooks/use-css-link.js';
 export { useDebouncedCallback } from './shared/hooks/use-debounced-callback.js';
 export { useDisclosure } from './shared/hooks/use-disclosure.js';
 export { useEnableMobileZoom } from './shared/hooks/use-enable-mobile-zoom.js';
+export { useGlobalDisclosure } from './shared/hooks/use-global-disclosure.js';
 export { useIntersectionObserver } from './shared/hooks/use-intersection-observer.js';
 export { useIsBreakpoint } from './shared/hooks/use-is-breakpoint.js';
 export { useIsScrolledBeyondElement } from './shared/hooks/use-is-scrolled-beyond-element.js';
@@ -338,7 +348,8 @@ export { useOnNavigate } from './shared/routing/use-on-navigate.js';
 export { withRouting } from './shared/routing/with-routing.js';
 export { ensureArray } from './shared/utils/array.js';
 export { breakpoints, getCurrentBreakpoints } from './shared/utils/breakpoints.js';
-export { convertDateUnitToPluralOrSingle, formatDateToLocaleString, getDateUnitObject } from './shared/utils/date.js';
+export { getCssPropertyValue } from './shared/utils/css.js';
+export { formatDateToLocaleString } from './shared/utils/date.js';
 export { trackPropertyChange } from './shared/utils/debug.js';
 export { environment, environments } from './shared/utils/environment.js';
 export { EventEmitter } from './shared/utils/event-emitter.js';
@@ -347,6 +358,7 @@ export { ensureNumber } from './shared/utils/number.js';
 export { formatCurrency, getCurrencyByCountryCode, parseCurrency } from './shared/utils/price.js';
 export { isPromise, wait } from './shared/utils/promise.js';
 export { random, randomInt } from './shared/utils/random.js';
+export { multiRef } from './shared/utils/refs.js';
 export { camelCase } from './shared/utils/string.js';
 export { TIME } from './shared/utils/time.js';
 export { has, hasNo } from './shared/utils/types.js';

package/dist/intl/translation-id.d.ts

@@ -1 +1 @@
-export type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Access denied.' | 'Your email and password were not recognized.' | 'Add order notes' | 'Add to list' | 'Address' | 'Amount: {0}' | 'An error occurred while processing your payment. Please try again.' | 'An unexpected error occured' | 'An unexpected error occured. Please try again.' | 'Are you looking for information about our service? Please visit our customer support page' | 'Are you sure you want to remove all items from your cart?' | 'Are you sure you want to remove this item from your cart?' | 'article' | 'articles' | 'As soon as possible' | 'Attention' | 'Billing address' | 'Billing and shipping address' | 'Billing and shipping information' | 'Cancel' | 'Cart' | 'Changing your address is currently not possible. Please contact customer support to change your address.' | 'Chosen filters' | 'City' | 'Clear filters' | 'Clear' | 'Click the button below to continue shopping.' | 'Close' | 'Company name' | 'Conceal value' | 'Confirm password' | 'Continue shopping' | 'Continue to sign in' | 'Continue' | 'Cost overview' | 'Country' | 'create account' | 'Create new list' | 'Currency Change' | 'Current page' | 'Delivery date' | 'Delivery expected in {0} {1}' | 'Double check your spelling' | 'Downloads' | 'Easily add your favorite products' | 'Edit billing address' | 'Edit shipping address' | 'Email' | 'Enter your email address and we will send you an email that will allow you to recover your password.' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'Features' | 'First name' | 'Forgot password?' | 'Fulfillment method' | 'General' | 'Hide filters' | 'Home' | 'If an account matches the email address you entered, instructions on how to recover the password will be sent to that email address shortly. If you do not receive this email, please contact Customer Support.' | 'Incl. VAT' | 'Includes' | 'Industry' | 'Information' | 'Language' | 'Last name' | 'List name already exists' | 'More than {0} articles' | 'New list name' | 'New user?' | 'of' | 'Or continue as guest' | 'Order number' | 'Order' | 'Order confirmation' | 'Order date' | 'Order number' | 'Order' | 'Pay by invoice' | 'Pay' | 'Payment method' | 'Payment' | 'Password' | 'Passwords do not match' | 'Password does not meet requirements' | 'pc' | 'Phone' | 'Pick up' | 'Pickup address' | 'Please enter a valid email address' | 'Please enter a valid phone number' | 'please go back to your cart.' | 'Please Sign In' | 'PO Number' | 'Popular searches' | 'Postal Code' | 'Print' | 'Private account' | 'Processing' | 'Product Features' | 'Product' | 'Products' | 'Quantity' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Requested delivery date' | 'Remember me' | 'Remove all' | 'Requested delivery date' | 'Submenu' | 'Submitting…' | 'Submit email address' | 'Recover your password' | 'Reveal value' | 'Review and payment' | 'Save order' | 'Save' | 'Saved cart for later.' | 'Search' | 'Searching again using more general terms' | 'See all results' | 'Select a desired delivery date' | 'Selecting this country will result in your cart to be converted to the currency {0}' | 'Select a list' | 'Select an industry' | 'Selecting As Soon As Possible will enable us to send the products to you as they become available.' | 'Share your favorite list with others' | 'Ship' | 'Shipping address' | 'Shipping and handling' | 'Shipping details' | 'Shop more efficiently and quicker with a favorites list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'sign in' | 'Sign me up for newsletters and product updates' | 'Signing in…' | 'Sonic address' | 'Sonic Equipment' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'Specifications' | 'Submit' | 'Subtotal' | 'Suggestions' | 'tag.limited' | 'tag.new' | 'The email address you entered is already associated with an existing account. Please sign in to this account or contact Customer Support.' | 'The expected delivery is an indication based on the product availability and the shipping location.' | 'The product has been added to your cart.' | 'The product has been removed from your cart.' | 'The product has been updated in your cart.' | 'There are no products in your shopping cart.' | 'Toggle navigation menu' | 'Total amount is' | 'Total' | 'Try another search' | 'Unable to add the product to your cart.' | 'Unable to empty your cart.' | 'Unable to remove the product from your cart.' | 'Unable to save cart for later.' | 'Unable to update the product in your cart.' | 'Unknown' | 'Updating address' | 'Use billing address' | 'Use fewer keywords' | 'Validating' | 'validation.badInput' | 'validation.customError' | 'validation.invalid' | 'validation.patternMismatch' | 'validation.rangeOverflow' | 'validation.rangeUnderflow' | 'validation.stepMismatch' | 'validation.tooLong' | 'validation.tooShort' | 'validation.typeMismatch' | 'validation.valid' | 'validation.valueMissing' | 'VAT Number' | 'VAT' | 'Welcome to Sonic Equipment. Please choose your country and language below.' | 'What are you searching for?' | 'You selected a country where we invoice in a different currency. This will result in your cart being converted to the new currency. If you would like to review your order, ' | 'If you want to proceed, click the continue button. If you want to change your country, close this message and select a different country.' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'Your cart has been emptied.' | 'Your favorites are available on multiple devices' | 'Your shopping cart is still empty' | 'Your new Sonic Equipment account was succesfully created. You should receive an email soon with further instructions on how to activate this account. If you do not receive this email, please contact Customer Support.' | 'You have reached the end of the results, but there may be more articles available. Adjust your filters or search to discover more!';
+export type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Access denied.' | 'Add order notes' | 'Add to list' | 'Address' | 'Amount: {0}' | 'An error occurred while processing your payment. Please try again.' | 'An unexpected error occured' | 'An unexpected error occured. Please try again.' | 'Are you looking for information about our service? Please visit our customer support page' | 'Are you sure you want to remove all items from your cart?' | 'Are you sure you want to remove this item from your cart?' | 'article' | 'articles' | 'As soon as possible' | 'Attention' | 'Availability unknown, please contact customer support for lead time or alternatives.' | 'Billing address' | 'Billing and shipping address' | 'Billing and shipping information' | 'Cancel' | 'Cart' | 'Changing your address is currently not possible. Please contact customer support to change your address.' | 'Chosen filters' | 'City' | 'Clear filters' | 'Clear' | 'Click the button below to continue shopping.' | 'Client cases' | 'Close' | 'Company name' | 'Conceal value' | 'Confirm password' | 'Continue shopping' | 'Continue to sign in' | 'Continue' | 'Cost overview' | 'Country' | 'create account' | 'Create new list' | 'Currency Change' | 'Current page' | 'Delivery date' | 'Delivery expected on {0}' | 'Double check your spelling' | 'Downloads' | 'Easily add your favorite products' | 'Edit billing address' | 'Edit shipping address' | 'Email' | 'Enter your email address and we will send you an email that will allow you to recover your password.' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'Favorites' | 'Features' | 'First name' | 'Forgot password?' | 'Fulfillment method' | 'General' | 'Hide filters' | 'Home' | 'If an account matches the email address you entered, instructions on how to recover the password will be sent to that email address shortly. If you do not receive this email, please contact Customer Support.' | 'If you want to proceed, click the continue button. If you want to change your country, close this message and select a different country.' | 'Incl. VAT' | 'Includes' | 'Industry' | 'industry.PP' | 'industry.AU' | 'industry.MC' | 'industry.BC' | 'industry.TR' | 'industry.AG' | 'industry.AV' | 'industry.MA' | 'industry.OT' | 'Information' | 'Language' | 'Last name' | 'List name already exists' | 'Main menu' | 'More than {0} articles' | 'My account' | 'My Sonic' | 'Navigation' | 'New list name' | 'New user?' | 'Number of favorites' | 'Number of products' | 'of' | 'Or continue as guest' | 'Order confirmation' | 'Order date' | 'Order number' | 'Order number' | 'Order' | 'Order' | 'Our products' | 'Password does not meet requirements' | 'Password' | 'Passwords do not match' | 'Pay by invoice' | 'Pay' | 'Payment method' | 'Payment' | 'pc' | 'Phone' | 'Pick up' | 'Pickup address' | 'Please enter a valid email address' | 'Please enter a valid phone number' | 'please go back to your cart.' | 'Please Sign In' | 'PO Number' | 'Popular searches' | 'Postal Code' | 'Print' | 'Private account' | 'Processing' | 'Product Features' | 'Product' | 'Products' | 'Quantity' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Recover your password' | 'Remember me' | 'Remove all' | 'Requested delivery date' | 'Requested delivery date' | 'Reveal value' | 'Review and payment' | 'Save order' | 'Save' | 'Saved cart for later.' | 'Search' | 'Searching again using more general terms' | 'See all results' | 'Select a country' | 'Select a desired delivery date' | 'Select a language' | 'Select a list' | 'Select an industry' | 'Selecting As Soon As Possible will enable us to send the products to you as they become available.' | 'Selecting this country will result in your cart to be converted to the currency {0}' | 'Share your favorite list with others' | 'Ship' | 'Shipping address' | 'Shipping and handling' | 'Shipping details' | 'Shop more efficiently and quicker with a favorites list' | 'Shopping cart' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'sign in' | 'Sign in or create account' | 'Sign me up for newsletters and product updates' | 'Signed in' | 'Signed out' | 'Signing in…' | 'Sonic address' | 'Sonic Equipment' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'Specifications' | 'Submenu' | 'Submit email address' | 'Submit' | 'Submitting…' | 'Subtotal' | 'Support' | 'Suggestions' | 'tag.limited' | 'tag.new' | 'The email address you entered is already associated with an existing account. Please sign in to this account or contact Customer Support.' | 'The expected delivery is an indication based on the product availability and the shipping location.' | 'The product has been added to your cart.' | 'The product has been removed from your cart.' | 'The product has been updated in your cart.' | 'There are no products in your shopping cart.' | 'Toggle navigation menu' | 'Total amount is' | 'Total' | 'Try another search' | 'Unable to add the product to your cart.' | 'Unable to empty your cart.' | 'Unable to remove the product from your cart.' | 'Unable to save cart for later.' | 'Unable to update the product in your cart.' | 'Unknown' | 'Updating address' | 'Use billing address' | 'Use fewer keywords' | 'Validating' | 'validation.badInput' | 'validation.customError' | 'validation.invalid' | 'validation.patternMismatch' | 'validation.rangeOverflow' | 'validation.rangeUnderflow' | 'validation.stepMismatch' | 'validation.tooLong' | 'validation.tooShort' | 'validation.typeMismatch' | 'validation.valid' | 'validation.valueMissing' | 'VAT Number' | 'VAT' | 'Welcome to Sonic Equipment. Please choose your country and language below.' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You have reached the end of the results, but there may be more articles available. Adjust your filters or search to discover more!' | 'You must ' | 'You selected a country where we invoice in a different currency. This will result in your cart being converted to the new currency. If you would like to review your order, ' | 'Your cart has been emptied.' | 'Your email and password were not recognized.' | 'Your favorites are available on multiple devices' | 'Your new Sonic Equipment account was succesfully created. You should receive an email soon with further instructions on how to activate this account. If you do not receive this email, please contact Customer Support.' | 'Your shopping cart is still empty';

package/dist/layout/center.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function Center({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/layout/center.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import styles from './center.module.css.js';
+
+function Center({ children, className, }) {
+    return jsx("div", { className: clsx(styles.center, className), children: children });
+}
+
+export { Center };

package/dist/layout/center.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"center":"center-module-Cr7hx"};
+
+export { styles as default };

package/dist/lists/menu-list/menu-list.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+export type MenuListVariant = 'default' | 'primary';
 export interface MenuListProps {
     back?: {
         onClick: () => void;
@@ -9,6 +10,7 @@ export interface MenuListProps {
         href: string;
         title: string;
     };
-    variant?: 'default' | 'primary';
+    scrollable?: boolean;
+    variant?: MenuListVariant;
 }
-export declare function MenuList({ back, children, header, variant, }: MenuListProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuList({ back, children, header, scrollable, variant, }: MenuListProps): import("react/jsx-runtime").JSX.Element;

package/dist/lists/menu-list/menu-list.js

@@ -4,10 +4,10 @@ import { MenuListBackButton } from './menu-list-back-button.js';
 import { MenuListHeader } from './menu-list-header.js';
 import styles from './menu-list.module.css.js';
 
-function MenuList({ back, children, header, variant = 'default', }) {
+function MenuList({ back, children, header, scrollable = true, variant = 'default', }) {
     const headerTitle = typeof header === 'string' ? header : header?.title;
     const headerHref = typeof header === 'string' ? undefined : header?.href;
-    return (jsxs("section", { className: clsx(styles['menu-list'], styles[variant]), role: "menu", children: [back && (jsx(MenuListBackButton, { onClick: back.onClick, children: back.title })), jsxs("div", { className: styles['scroll-area'], children: [header && (jsx(MenuListHeader, { href: headerHref, children: headerTitle })), jsx("ul", { className: styles['list'], children: children })] })] }));
+    return (jsxs("section", { className: clsx(styles['menu-list'], styles[variant], scrollable && styles['scrollable']), role: "menu", children: [back && (jsx(MenuListBackButton, { onClick: back.onClick, children: back.title })), jsxs("div", { className: styles['scroll-area'], children: [header && (jsx(MenuListHeader, { href: headerHref, children: headerTitle })), jsx("ul", { className: styles['list'], children: children })] })] }));
 }
 
 export { MenuList };

package/dist/lists/menu-list/menu-list.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"menu-list":"menu-list-module-TloB9","primary":"menu-list-module-xUg6i","scroll-area":"menu-list-module-x3D-V","list":"menu-list-module-m3rpo","menu-list-back-button":"menu-list-module-eKDL9","icon":"menu-list-module-syyw9","menu-list-header":"menu-list-module-S08LI","menu-list-item":"menu-list-module-4QhF4","label":"menu-list-module-xFYyo","image":"menu-list-module-ELekn","badge":"menu-list-module-4PbP-","selected":"menu-list-module-hiMca","has-children":"menu-list-module-61uJb"};
+var styles = {"menu-list":"menu-list-module-TloB9","primary":"menu-list-module-xUg6i","scrollable":"menu-list-module-AiDgG","scroll-area":"menu-list-module-x3D-V","list":"menu-list-module-m3rpo","menu-list-back-button":"menu-list-module-eKDL9","icon":"menu-list-module-syyw9","menu-list-header":"menu-list-module-S08LI","menu-list-item":"menu-list-module-4QhF4","label":"menu-list-module-xFYyo","image":"menu-list-module-ELekn","badge":"menu-list-module-4PbP-","selected":"menu-list-module-hiMca","has-children":"menu-list-module-61uJb"};
 
 export { styles as default };

package/dist/lists/orderline-list/orderline-list.js

@@ -14,13 +14,12 @@ function OrderLineList({ children, onRemoveAll }) {
     const { close, isOpen, open } = useDisclosure();
     // eslint-disable-next-line @eslint-react/no-children-count
     const count = React.Children.count(children);
-    const productString = count === 1 ? t('Product') : t('Products');
     function handleRemoveAll() {
         if (!onRemoveAll)
             return;
         open();
     }
-    return (jsxs(Fragment, { children: [jsxs("div", { className: styles['orderline-list'], children: [jsxs("div", { className: styles.header, children: [jsxs("p", { className: styles.count, children: [jsx("span", { "data-test-selector": "orderLineListCount", children: count }), ` ${productString.toLowerCase()}`] }), onRemoveAll && (jsxs(Link, { className: styles['lnk-remove-all'], color: "primary", "data-test-selector": "cartlineHeader_removeAll", onClick: handleRemoveAll, children: [jsx(StrokeTrashIcon, {}), jsx(FormattedMessage, { id: "Remove all" })] }))] }), jsx("div", { className: styles.items, children: 
+    return (jsxs(Fragment, { children: [jsxs("div", { className: styles['orderline-list'], children: [jsxs("div", { className: styles.header, children: [jsxs("p", { className: styles.count, children: [jsx("span", { "data-test-selector": "orderLineListCount", children: count }), ` ${t.pluralize('product', count)}`] }), onRemoveAll && (jsxs(Link, { className: styles['lnk-remove-all'], color: "primary", "data-test-selector": "cartlineHeader_removeAll", onClick: handleRemoveAll, children: [jsx(StrokeTrashIcon, {}), jsx(FormattedMessage, { id: "Remove all" })] }))] }), jsx("div", { className: styles.items, children: 
                         // eslint-disable-next-line @eslint-react/no-children-map
                         Children.map(children, (child, index) => (
                         // eslint-disable-next-line @eslint-react/no-array-index-key

package/dist/navigation/account-icon/account-icon.d.ts

@@ -0,0 +1,5 @@
+export interface AccountIconProps {
+    'aria-label'?: string;
+    isAuthenticated?: boolean;
+}
+export declare function AccountIcon({ 'aria-label': ariaLabel, isAuthenticated, }: AccountIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/navigation/account-icon/account-icon.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { Badge } from '../../badges/badge/badge.js';
+import { IconWithBadge } from '../../badges/badge/icon-with-badge/icon-with-badge.js';
+import { SolidLoginIcon } from '../../icons/solid/solid-login-icon.js';
+import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+
+function AccountIcon({ 'aria-label': ariaLabel, isAuthenticated, }) {
+    const t = useFormattedMessage();
+    return (jsx(IconWithBadge, { "aria-label": ariaLabel, badge: isAuthenticated ? (jsx(Badge, { "aria-label": `(${t('Signed in')})`, variant: "green" })) : (jsx(Badge, { "aria-label": `(${t('Signed out')})`, variant: "red" })), icon: jsx(SolidLoginIcon, { role: "presentation" }) }));
+}
+
+export { AccountIcon };

package/dist/navigation/cart-icon/cart-icon.d.ts

@@ -0,0 +1,5 @@
+export interface CartIconProps {
+    'aria-label'?: string;
+    count?: number;
+}
+export declare function CartIcon({ 'aria-label': ariaLabel, count }: CartIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/navigation/cart-icon/cart-icon.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { Badge } from '../../badges/badge/badge.js';
+import { IconWithBadge } from '../../badges/badge/icon-with-badge/icon-with-badge.js';
+import { SolidCartIcon } from '../../icons/solid/solid-cart-icon.js';
+import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+
+function CartIcon({ 'aria-label': ariaLabel, count }) {
+    const t = useFormattedMessage();
+    return (jsx(IconWithBadge, { "aria-label": ariaLabel, badge: count && count > 0 ? (jsx(Badge, { "aria-label": count && count > 0 ? `(${t('Number of products')})` : undefined, count: count })) : undefined, "data-test-selector": "cartIconCount", icon: jsx(SolidCartIcon, { role: "presentation" }) }));
+}
+
+export { CartIcon };

package/dist/navigation/favorite-icon/favorite-icon.d.ts

@@ -0,0 +1,5 @@
+export interface FavoriteIconProps {
+    'aria-label'?: string;
+    count?: number;
+}
+export declare function FavoriteIcon({ 'aria-label': ariaLabel, count, }: FavoriteIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/navigation/favorite-icon/favorite-icon.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { Badge } from '../../badges/badge/badge.js';
+import { IconWithBadge } from '../../badges/badge/icon-with-badge/icon-with-badge.js';
+import { SolidFavoriteIcon } from '../../icons/solid/solid-favorite-icon.js';
+import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+
+function FavoriteIcon({ 'aria-label': ariaLabel, count, }) {
+    const t = useFormattedMessage();
+    return (jsx(IconWithBadge, { "aria-label": ariaLabel, badge: count && count > 0 ? (jsx(Badge, { "aria-label": count && count > 0 ? `(${t('Number of favorites')})` : undefined, count: count })) : undefined, "data-test-selector": "favoriteIconCount", icon: jsx(SolidFavoriteIcon, { role: "presentation" }) }));
+}
+
+export { FavoriteIcon };

package/dist/navigation/mobile-navigation/mobile-navigation.d.ts

@@ -0,0 +1,5 @@
+import { NavigationMenuLink } from '../panel-navigation/panel-navigation';
+export interface MobileNavigationProps {
+    links: NavigationMenuLink[];
+}
+export declare function MobileNavigation({ links }: MobileNavigationProps): import("react/jsx-runtime").JSX.Element;

package/dist/navigation/mobile-navigation/mobile-navigation.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+import { MenuList } from '../../lists/menu-list/menu-list.js';
+import { MenuListItem } from '../../lists/menu-list/menu-list-item.js';
+import { PATHS } from '../../pages/paths.js';
+import { useFetchSession } from '../../shared/api/storefront/hooks/authentication/use-fetch-session.js';
+import { useFetchCurrentCartCount } from '../../shared/api/storefront/hooks/cart/use-fetch-current-cart-count.js';
+import { AccountIcon } from '../account-icon/account-icon.js';
+import { CartIcon } from '../cart-icon/cart-icon.js';
+import { FavoriteIcon } from '../favorite-icon/favorite-icon.js';
+import { PanelNavigation } from '../panel-navigation/panel-navigation.js';
+
+function MobileNavigation({ links }) {
+    const t = useFormattedMessage();
+    const { data: { isAuthenticated } = {} } = useFetchSession();
+    const cartCount = useFetchCurrentCartCount();
+    return (jsx(PanelNavigation, { allowBack: true, isNarrow: true, links: links, variant: "primary", children: jsxs(MenuList, { header: t('My Sonic'), scrollable: false, children: [jsx(MenuListItem, { badge: jsx(AccountIcon, { isAuthenticated: isAuthenticated }), href: PATHS.ACCOUNT, children: isAuthenticated ? t('My account') : t('Sign in or create account') }), jsx(MenuListItem, { badge: jsx(FavoriteIcon, {}), href: PATHS.FAVORITES, children: t('Favorites') }), jsx(MenuListItem, { badge: jsx(CartIcon, { count: cartCount }), href: PATHS.CART, children: t('Shopping cart') })] }) }));
+}
+
+export { MobileNavigation };

package/dist/navigation/panel-navigation/panel-navigation.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { ImageType } from '../../shared/model/image';
+import { NavigationLink } from '../../shared/model/link';
+interface NavigationMenuLinkBase extends Omit<NavigationLink, 'external' | 'openInNewTab' | 'type' | 'url' | 'links'> {
+    image?: ImageType;
+}
+interface MenuListItemWithChildrenProps {
+    links: NavigationMenuLink[];
+    url?: string;
+}
+interface MenuListItemWithoutChildrenProps {
+    url: string;
+}
+export type NavigationMenuLink = NavigationMenuLinkBase & (MenuListItemWithChildrenProps | MenuListItemWithoutChildrenProps);
+export interface PanelNavigationProps {
+    allowBack?: boolean;
+    children?: ReactNode;
+    className?: string;
+    header?: string | {
+        href: string;
+        title: string;
+    };
+    isNarrow?: boolean;
+    links?: NavigationMenuLink[];
+    variant?: 'primary';
+}
+export declare function PanelNavigation({ allowBack, children, className, header, isNarrow, links, variant, }: PanelNavigationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/navigation/panel-navigation/panel-navigation.js

@@ -0,0 +1,69 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
+import clsx from 'clsx';
+import { CascadingComponent } from '../../collapsables/cascading-component/cascading-component.js';
+import { CascadingComponentContainer } from '../../collapsables/cascading-component/cascading-component-container.js';
+import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+import { MenuList } from '../../lists/menu-list/menu-list.js';
+import { MenuListItem } from '../../lists/menu-list/menu-list-item.js';
+import { multiRef } from '../../shared/utils/refs.js';
+import styles from './panel-navigation.module.css.js';
+
+const focusableSelectors = [
+    'a[href]',
+    'button:not([disabled])',
+    'textarea:not([disabled])',
+    'input:not([disabled]):not([type="hidden"])',
+    'select:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])',
+].join(',');
+const NavigationMenu = forwardRef(({ allowBack, back, children, className, header, id, isNarrow, links, scrollable, variant, }, ref) => {
+    const menuRef = useRef();
+    const submenuRef = useRef(null);
+    const [selectedNavigationLink, setSelectedNavigationLink] = useState();
+    const [selectedNavigationVisible, setSelectedNavigationVisible] = useState(false);
+    const onUnmounted = useCallback(() => {
+        setSelectedNavigationLink(undefined);
+    }, []);
+    const onFocus = useCallback((ref) => () => {
+        if (!ref.current)
+            return;
+        const focusable = ref.current.querySelector(focusableSelectors);
+        focusable?.focus();
+    }, []);
+    useEffect(() => {
+        // eslint-disable-next-line @eslint-react/hooks-extra/no-direct-set-state-in-use-effect
+        setSelectedNavigationVisible(Boolean(selectedNavigationLink));
+    }, [selectedNavigationLink]);
+    const t = useFormattedMessage();
+    return (jsxs(Fragment, { children: [jsxs("div", { ref: multiRef(ref, menuRef), className: clsx(styles['panel'], isNarrow && styles['narrow'], className), id: id, children: [jsx(MenuList, { back: back, header: header, scrollable: scrollable, variant: variant, children: links?.map(link => 'links' in link ? (jsx(MenuListItem, { hasChildren: true, "aria-controls": `menu-${link.key}`, image: link.image, isSelected: selectedNavigationLink?.key === link.key, onClick: () => setSelectedNavigationLink(selectedNavigationLink?.key === link.key
+                                ? undefined
+                                : link), children: link.title }, link.key)) : (jsx(MenuListItem, { href: link.url, image: link.image, children: link.title }, link.key))) }), children] }), jsx(CascadingComponent, { isVisible: selectedNavigationVisible, nodeRef: submenuRef, onEntered: onFocus(submenuRef), onExited: onFocus(menuRef), onUnmounted: onUnmounted, children: jsx(NavigationMenu, { ref: submenuRef, allowBack: allowBack, back: allowBack
+                        ? {
+                            onClick: () => {
+                                setSelectedNavigationVisible(false);
+                            },
+                            title: header
+                                ? typeof header === 'string'
+                                    ? header
+                                    : header.title
+                                : t('Main menu'),
+                        }
+                        : undefined, header: selectedNavigationLink?.url
+                        ? {
+                            href: selectedNavigationLink.url,
+                            title: selectedNavigationLink.title,
+                        }
+                        : selectedNavigationLink?.title, id: selectedNavigationLink?.key
+                        ? `menu-${selectedNavigationLink.key}`
+                        : undefined, isNarrow: isNarrow, links: selectedNavigationLink && 'links' in selectedNavigationLink
+                        ? selectedNavigationLink.links
+                        : [] }, selectedNavigationLink?.key) })] }));
+});
+NavigationMenu.displayName = 'NavigationMenu';
+function PanelNavigation({ allowBack, children, className, header, isNarrow, links, variant, }) {
+    const t = useFormattedMessage();
+    return (jsx("section", { "aria-label": t('Navigation'), className: clsx(styles['panel-navigation'], className), children: jsx(CascadingComponentContainer, { children: jsx("div", { className: clsx(styles['panels'], isNarrow && styles['narrow']), children: jsx(NavigationMenu, { allowBack: allowBack, className: children ? styles['top-panel'] : undefined, header: header, id: "panel-navigation-first-level", isNarrow: isNarrow, links: links, scrollable: children ? false : undefined, variant: variant, children: children }) }) }) }));
+}
+
+export { PanelNavigation };

package/dist/navigation/panel-navigation/panel-navigation.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"panel-navigation":"panel-navigation-module-FnSua","panels":"panel-navigation-module-torfG","narrow":"panel-navigation-module-7K80h","panel":"panel-navigation-module-j3ZBu","top-panel":"panel-navigation-module-1yGRP"};
+
+export { styles as default };

package/dist/pages/checkout/payment-page/components/payment.js

@@ -306,15 +306,15 @@ function Payment({ atp, cart: _cart, form, isProcessing, onError: _onError, onPa
                                         setDeliveryDate('');
                                 }, children: t('As soon as possible') }), jsx(InfoIconTooltip, { variant: "stroke", children: t('Selecting As Soon As Possible will enable us to send the products to you as they become available.') })] })] })), jsx(Select, { isRequired: true, "data-test-selector": "industrySelect", defaultSelectedOption: cart.properties.industry, isDisabled: isDisabled, label: t('Industry'), name: "industry", options: {
                     /* eslint-disable sort-keys-fix/sort-keys-fix */
-                    PP: 'Private User',
-                    AU: 'Automotive',
-                    MC: 'Motorcycle',
-                    BC: 'Bicycle',
-                    TR: 'Truck',
-                    AG: 'Agricultural',
-                    AV: 'Aviation',
-                    MA: 'Maritime',
-                    OT: 'Other',
+                    PP: t('industry.PP'),
+                    AU: t('industry.AU'),
+                    MC: t('industry.MC'),
+                    BC: t('industry.BC'),
+                    TR: t('industry.TR'),
+                    AG: t('industry.AG'),
+                    AV: t('industry.AV'),
+                    MA: t('industry.MA'),
+                    OT: t('industry.OT'),
                     /* eslint-enable sort-keys-fix/sort-keys-fix */
                 }, placeholder: t('Select an industry'), variant: "solid" }), jsx(TextField, { showLabel: true, isDisabled: isDisabled, label: t('VAT Number'), name: "customerVatNumber", onBlur: e => validateVAT(e.target.value), onChange: setCustomerVatNumber, validate: () => validationErrors.customerVatNumber ?? true, value: customerVatNumber }, `vat${Boolean(validationErrors.customerVatNumber)}`), jsx(TextField, { showLabel: true, defaultValue: cart.poNumber, isDisabled: isDisabled, isRequired: cart.requiresPoNumber, label: t('PO Number'), name: "poNumber" }), paymentMethodOptions && Object.keys(paymentMethodOptions).length > 1 && (jsx(Select, { "data-test-selector": "paymentMethodSelect", defaultSelectedOption: cart.paymentOptions?.paymentMethods?.[0]?.name || 'ADY', isDisabled: isDisabled, label: t('Payment method'), name: "paymentMethod", onChange: setSelectedPaymentMethod, options: paymentMethodOptions, selectedOption: selectedPaymentMethod, variant: "solid" })), isAdyenPayment && cart.billTo && (jsx(AdyenPayment, { amount: cart.orderGrandTotal, cartId: cart.trackId, countryCode: countryCode, currencyCode: currencyCode, customerId: cart.billTo.id, dropinRef: dropinRef, environment: environment === 'production' ? 'live' : 'test', isDisabled: isDisabled, onComplete: onComplete, onError: onError, orderAmount: cart.orderGrandTotal, returnUrl: 
                 /* eslint-disable ssr-friendly/no-dom-globals-in-react-fc */

package/dist/pages/paths.d.ts

@@ -5,6 +5,7 @@ export declare const PATHS: {
     readonly CART: "/Cart";
     readonly CHECKOUT_SHIPPING: "/CheckoutShipping";
     readonly CHECKOUT_SHIPPING_VIA_SIGNIN: "/SignIn?returnUrl=/CheckoutShipping";
+    readonly FAVORITES: "/MyAccount/MyLists";
     readonly HOME: "/";
     readonly ORDER_CONFIRMATION: "/OrderConfirmation";
     readonly REVIEW_AND_SUBMIT: "/CheckoutReviewAndSubmit";

package/dist/pages/paths.js

@@ -5,6 +5,7 @@ const PATHS = {
     CART: '/Cart',
     CHECKOUT_SHIPPING: '/CheckoutShipping',
     CHECKOUT_SHIPPING_VIA_SIGNIN: '/SignIn?returnUrl=/CheckoutShipping',
+    FAVORITES: '/MyAccount/MyLists',
     HOME: '/',
     ORDER_CONFIRMATION: '/OrderConfirmation',
     REVIEW_AND_SUBMIT: '/CheckoutReviewAndSubmit',

package/dist/shared/hooks/use-global-disclosure.d.ts

@@ -0,0 +1,10 @@
+interface UseDisclosureReturnType {
+    close: VoidFunction;
+    isClosed: boolean;
+    isOpen: boolean;
+    open: VoidFunction;
+    setIsOpen: (isOpen: boolean) => void;
+    toggle: VoidFunction;
+}
+export declare const useGlobalDisclosure: (key: string, isInitialOpen?: boolean) => UseDisclosureReturnType;
+export {};

package/dist/shared/hooks/use-global-disclosure.js

@@ -0,0 +1,25 @@
+import { useCallback } from 'react';
+import { useGlobalState } from '../providers/global-state-provider.js';
+
+const useGlobalDisclosure = (key, isInitialOpen = false) => {
+    const [isOpen, setIsOpen] = useGlobalState(key, isInitialOpen);
+    const open = useCallback(() => {
+        setIsOpen(true);
+    }, [setIsOpen]);
+    const close = useCallback(() => {
+        setIsOpen(false);
+    }, [setIsOpen]);
+    const toggle = useCallback(() => {
+        setIsOpen(prevIsOpen => !prevIsOpen);
+    }, [setIsOpen]);
+    return {
+        close,
+        isClosed: !isOpen,
+        isOpen,
+        open,
+        setIsOpen,
+        toggle,
+    };
+};
+
+export { useGlobalDisclosure };

package/dist/shared/hooks/use-watch-css-property.d.ts

@@ -1 +1 @@
-export declare function useWatchCssProperty(property: string): string | undefined;
+export declare function useWatchCssProperty(property: string): string | number | undefined;

package/dist/shared/hooks/use-watch-css-property.js

@@ -1,9 +1,8 @@
 import { useState, useEffect } from 'react';
+import { getCssPropertyValue } from '../utils/css.js';
 
 function useWatchCssProperty(property) {
-    const [value, setValue] = useState(document?.body
-        ? getComputedStyle?.(document.body).getPropertyValue(property)
-        : undefined);
+    const [value, setValue] = useState(() => getCssPropertyValue(property));
     useEffect(() => {
         if (typeof MutationObserver === 'undefined' ||
             typeof document === 'undefined')

package/dist/shared/model/category.d.ts

@@ -6,6 +6,7 @@ export interface Category {
     title: string;
 }
 export declare function transformAlgoliaCategoryData(categories: RefinementListItem[]): {
+    count: number;
     href: string;
     image: {
         1: string;
@@ -13,6 +14,10 @@ export declare function transformAlgoliaCategoryData(categories: RefinementListI
         3: string;
         altText: string;
     } | undefined;
+    isRefined: boolean;
+    label: string;
     name: string;
     path: string[];
+    sortOrder: number;
+    value: string;
 }[];

package/dist/shared/model/category.js

@@ -3,6 +3,7 @@ function transformAlgoliaCategoryData(categories) {
         .map(item => {
         const data = JSON.parse(item.value);
         return {
+            count: item.count,
             href: data.href,
             image: data.images.length > 0
                 ? {
@@ -15,11 +16,16 @@ function transformAlgoliaCategoryData(categories) {
                     altText: data.name,
                 }
                 : undefined,
+            isRefined: item.isRefined,
+            label: item.label,
             name: data.name,
             path: data.path.split(' > '),
+            sortOrder: data.sortOrder,
+            value: item.value,
         };
     })
-        .sort((a, b) => a.name.localeCompare(b.name));
+        .sort((a, b) => (a.sortOrder || 100_000) - (b.sortOrder || 100_000) ||
+        a.name.localeCompare(b.name));
 }
 
 export { transformAlgoliaCategoryData };

package/dist/shared/model/price.d.ts

@@ -1,12 +1,12 @@
 import { CurrencyCode } from '../../intl/types';
 export interface ProductPriceType {
-    currencyCode: CurrencyCode;
+    currencyCode?: CurrencyCode;
     isVatIncluded: boolean;
     originalPrice?: number;
     price: number;
 }
 export interface ProductTotalPriceType {
-    currencyCode: CurrencyCode;
+    currencyCode?: CurrencyCode;
     originalTotalPrice?: number;
     pricePerUnit?: number;
     totalPrice: number;

package/dist/shared/utils/css.d.ts

@@ -0,0 +1 @@
+export declare function getCssPropertyValue(property: string): string | number | undefined;

package/dist/shared/utils/css.js

@@ -0,0 +1,13 @@
+function getCssPropertyValue(property) {
+    if (typeof document === 'undefined')
+        return;
+    const rawValue = getComputedStyle?.(document.body).getPropertyValue(property);
+    if (!rawValue)
+        return undefined;
+    const valueAsNumber = Number.parseFloat(rawValue);
+    if (!Number.isNaN(valueAsNumber))
+        return valueAsNumber;
+    return rawValue;
+}
+
+export { getCssPropertyValue };