@propeller-commerce/propeller-v2-react-ui 0.16.0 → 0.19.0

package/dist/index.cjs

@@ -5,6 +5,8 @@ var propellerV2CoreUi = require('@propeller-commerce/propeller-v2-core-ui');
 var React6 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var propellerSdkV2 = require('@propeller-commerce/propeller-sdk-v2');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
 var lucideReact = require('lucide-react');
 
 function _interopNamespace(e) {
@@ -734,12 +736,33 @@ async function initCart(config) {
 }
 
 // src/composables/react/useCart.ts
+var DEFAULT_IMAGE_SEARCH_FILTERS = { page: 1, offset: 1 };
+var DEFAULT_IMAGE_VARIANT_FILTERS = {
+  transformations: [
+    { name: "thumb", transformation: { format: "WEBP", height: 100, width: 100, fit: "BOUNDS" } }
+  ]
+};
 function useCart(options) {
   const { graphqlClient, user, companyId, configuration, onCartCreated } = options;
   const language = options.language || configuration?.language || "NL";
   const [cart, setCart] = React6.useState(null);
   const [createdCartId, setCreatedCartId] = React6.useState("");
   const cartId = options.cartId || createdCartId;
+  const cartIdRef = React6.useRef(cartId);
+  if (cartId && cartIdRef.current !== cartId) cartIdRef.current = cartId;
+  const rememberCart = React6.useCallback((c) => {
+    setCart(c);
+    setCreatedCartId(c.cartId);
+    cartIdRef.current = c.cartId;
+  }, []);
+  const imageSearchFilters = React6.useCallback(
+    () => configuration?.imageSearchFiltersGrid ?? DEFAULT_IMAGE_SEARCH_FILTERS,
+    [configuration]
+  );
+  const imageVariantFilters = React6.useCallback(
+    () => configuration?.imageVariantFiltersSmall ?? DEFAULT_IMAGE_VARIANT_FILTERS,
+    [configuration]
+  );
   const [loading, setLoading] = React6.useState(false);
   const [error, setError] = React6.useState(null);
   const notesTimers = React6.useRef({});
@@ -771,17 +794,15 @@ function useCart(options) {
       user,
       companyId,
       language,
-      imageSearchFilters: configuration?.imageSearchFiltersGrid,
-      imageVariantFilters: configuration?.imageVariantFiltersSmall,
+      imageSearchFilters: imageSearchFilters(),
+      imageVariantFilters: imageVariantFilters(),
       onCartCreated: (c) => {
-        setCart(c);
-        setCreatedCartId(c.cartId);
+        rememberCart(c);
         onCartCreated?.(c);
       }
     };
     const resolved = await initCart(config);
-    setCart(resolved);
-    setCreatedCartId(resolved.cartId);
+    rememberCart(resolved);
     return resolved;
   }, [graphqlClient, user, companyId, language, configuration, onCartCreated]);
   const addItem = React6.useCallback(async (opts) => {
@@ -794,14 +815,13 @@ function useCart(options) {
       }
       const childItemInputs = opts.childItems?.map((id) => ({ productId: id, quantity: opts.quantity }));
       if (opts.onAddToCart) {
-        const resultCart2 = opts.onAddToCart(opts.product, opts.cluster?.clusterId, opts.quantity, childItemInputs, opts.notes, opts.price);
-        setCart(resultCart2);
-        setCreatedCartId(resultCart2.cartId);
+        const resultCart2 = await opts.onAddToCart(opts.product, opts.cluster?.clusterId, opts.quantity, childItemInputs, opts.notes, opts.price);
+        rememberCart(resultCart2);
         const addedItem2 = resultCart2.items?.find((i) => i.productId === opts.product.productId) ?? null;
         opts.afterAddToCart?.(resultCart2, addedItem2);
         return propellerV2CoreUi.ok({ cart: resultCart2, item: addedItem2 });
       }
-      let resolvedCartId = opts.cartId || cartId;
+      let resolvedCartId = opts.cartId || cartIdRef.current || cartId;
       if (!resolvedCartId) {
         if (opts.createCart) {
           const c = await resolveCart();
@@ -813,11 +833,10 @@ function useCart(options) {
         id: resolvedCartId,
         input: { productId: opts.product.productId, quantity: opts.quantity, ...opts.cluster?.clusterId !== void 0 && { clusterId: opts.cluster.clusterId }, ...childItemInputs && { childItems: childItemInputs }, ...opts.notes && { notes: opts.notes }, ...opts.price !== void 0 && { price: opts.price } },
         language,
-        imageSearchFilters: configuration?.imageSearchFiltersGrid,
-        imageVariantFilters: configuration?.imageVariantFiltersSmall
+        imageSearchFilters: imageSearchFilters(),
+        imageVariantFilters: imageVariantFilters()
       });
-      setCart(resultCart);
-      setCreatedCartId(resultCart.cartId);
+      rememberCart(resultCart);
       const addedItem = resultCart.items?.find((i) => i.productId === opts.product.productId) ?? null;
       opts.afterAddToCart?.(resultCart, addedItem);
       return propellerV2CoreUi.ok({ cart: resultCart, item: addedItem });
@@ -828,13 +847,25 @@ function useCart(options) {
     } finally {
       setLoading(false);
     }
-  }, [graphqlClient, cartId, language, configuration, resolveCart]);
+  }, [graphqlClient, cartId, language, configuration, resolveCart, rememberCart, imageSearchFilters, imageVariantFilters]);
+  const addItems = React6.useCallback(async (items) => {
+    const added = [];
+    let lastCart = null;
+    for (const item of items) {
+      const result = await addItem({ createCart: true, ...item });
+      if (!result.ok) return propellerV2CoreUi.err(result.error);
+      lastCart = result.data.cart;
+      added.push(result.data.item);
+    }
+    if (!lastCart) return propellerV2CoreUi.err("No items to add");
+    return propellerV2CoreUi.ok({ cart: lastCart, items: added });
+  }, [addItem]);
   const updateItemQuantity = React6.useCallback(async (cartItemId, quantity) => {
     if (!cartId) return void 0;
     setLoading(true);
     try {
       const service = propellerV2CoreUi.createServices(graphqlClient).cart;
-      const updated = await service.updateCartItem({ id: cartId, itemId: cartItemId, input: { quantity }, language, imageSearchFilters: configuration?.imageSearchFiltersGrid, imageVariantFilters: configuration?.imageVariantFiltersSmall });
+      const updated = await service.updateCartItem({ id: cartId, itemId: cartItemId, input: { quantity }, language, imageSearchFilters: imageSearchFilters(), imageVariantFilters: imageVariantFilters() });
       setCart(updated);
       return updated;
     } catch (e) {
@@ -850,7 +881,7 @@ function useCart(options) {
       if (!cartId) return;
       try {
         const service = propellerV2CoreUi.createServices(graphqlClient).cart;
-        const updated = await service.updateCartItem({ id: cartId, itemId: cartItemId, input: { notes }, language, imageSearchFilters: configuration?.imageSearchFiltersGrid, imageVariantFilters: configuration?.imageVariantFiltersSmall });
+        const updated = await service.updateCartItem({ id: cartId, itemId: cartItemId, input: { notes }, language, imageSearchFilters: imageSearchFilters(), imageVariantFilters: imageVariantFilters() });
         setCart(updated);
       } catch (e) {
         setError(e instanceof Error ? e.message : "Failed to update notes");
@@ -866,8 +897,8 @@ function useCart(options) {
         id: cartId,
         input: { itemId: cartItemId },
         language,
-        imageSearchFilters: configuration?.imageSearchFiltersGrid,
-        imageVariantFilters: configuration?.imageVariantFiltersSmall
+        imageSearchFilters: imageSearchFilters(),
+        imageVariantFilters: imageVariantFilters()
       });
       setCart(updated);
       return updated;
@@ -881,7 +912,7 @@ function useCart(options) {
     if (!cartId) return void 0;
     try {
       const service = propellerV2CoreUi.createServices(graphqlClient).cart;
-      const updated = await service.addActionCodeToCart({ id: cartId, input: { actionCode: code }, language, imageSearchFilters: configuration?.imageSearchFiltersGrid, imageVariantFilters: configuration?.imageVariantFiltersSmall });
+      const updated = await service.addActionCodeToCart({ id: cartId, input: { actionCode: code }, language, imageSearchFilters: imageSearchFilters(), imageVariantFilters: imageVariantFilters() });
       setCart(updated);
       return updated;
     } catch (e) {
@@ -892,7 +923,7 @@ function useCart(options) {
     if (!cartId) return void 0;
     try {
       const service = propellerV2CoreUi.createServices(graphqlClient).cart;
-      const updated = await service.removeActionCodeFromCart({ id: cartId, input: { actionCode: code }, language, imageSearchFilters: configuration?.imageSearchFiltersGrid, imageVariantFilters: configuration?.imageVariantFiltersSmall });
+      const updated = await service.removeActionCodeFromCart({ id: cartId, input: { actionCode: code }, language, imageSearchFilters: imageSearchFilters(), imageVariantFilters: imageVariantFilters() });
       setCart(updated);
       return updated;
     } catch (e) {
@@ -920,7 +951,7 @@ function useCart(options) {
     }
   }, [graphqlClient, cartId, language]);
   const getCrossupsells = React6.useCallback(async (opts) => {
-    const { productId, clusterId, types, taxZone, imageVariantFilters } = opts;
+    const { productId, clusterId, types, taxZone } = opts;
     if (!productId && !clusterId) return [];
     try {
       const service = propellerV2CoreUi.createServices(graphqlClient).crossupsell;
@@ -933,8 +964,8 @@ function useCart(options) {
           ...clusterId && { clusterIdsFrom: [clusterId] }
         },
         language,
-        imageSearchFilters: configuration?.imageSearchFiltersGrid,
-        imageVariantFilters: imageVariantFilters ?? configuration?.imageVariantFiltersSmall,
+        imageSearchFilters: imageSearchFilters(),
+        imageVariantFilters: opts.imageVariantFilters ?? imageVariantFilters(),
         priceCalculateProductInput: {
           taxZone: taxZone || "NL",
           ...user && "company" in user && { companyId: user?.company?.companyId },
@@ -947,8 +978,8 @@ function useCart(options) {
     } catch {
       return [];
     }
-  }, [graphqlClient, language, configuration, user]);
-  return { cart, cartId, loading, error, checkoutAllowed, resolveCart, addItem, updateItemQuantity, updateItemNotes, deleteItem, addActionCode, removeActionCode, requestAuthorization, processCart, getCrossupsells, getMinQuantity, getStep };
+  }, [graphqlClient, language, user, imageSearchFilters, imageVariantFilters]);
+  return { cart, cartId, loading, error, checkoutAllowed, resolveCart, addItem, addItems, updateItemQuantity, updateItemNotes, deleteItem, addActionCode, removeActionCode, requestAuthorization, processCart, getCrossupsells, getMinQuantity, getStep };
 }
 function buildAddressInput(type, addr) {
   return {
@@ -1410,7 +1441,7 @@ function useFavorites(options) {
       if (onEdit) {
         onEdit(listId, data);
         cancelEdit();
-        onListChanged?.();
+        onListChanged?.({ action: "updated", listId, ...data });
         return;
       }
       setSaving(true);
@@ -1425,7 +1456,7 @@ function useFavorites(options) {
         const updated = await service.updateFavoriteList(listId, { name: data.name, isDefault: data.isDefault });
         setLists((prev) => prev.map((l) => String(l.id) === listId ? updated : l));
         cancelEdit();
-        onListChanged?.();
+        onListChanged?.({ action: "updated", listId, name: data.name, isDefault: data.isDefault });
       } catch (e) {
         setError(e instanceof Error ? e.message : "Failed to update list");
       } finally {
@@ -1442,7 +1473,7 @@ function useFavorites(options) {
     if (onDelete) {
       onDelete(listId);
       setListToDelete(null);
-      onListChanged?.();
+      onListChanged?.({ action: "deleted", listId, name: list.name });
       return;
     }
     setSaving(true);
@@ -1451,7 +1482,7 @@ function useFavorites(options) {
     try {
       const service = propellerV2CoreUi.createServices(graphqlClient).favoriteList;
       await service.deleteFavoriteList(listId);
-      onListChanged?.();
+      onListChanged?.({ action: "deleted", listId, name: list.name });
     } catch (e) {
       setError(e instanceof Error ? e.message : "Failed to delete list");
       setLists((prev) => [...prev, list]);
@@ -1464,7 +1495,7 @@ function useFavorites(options) {
       const data = { name, isDefault };
       if (onCreate) {
         onCreate(data);
-        onListChanged?.();
+        onListChanged?.({ action: "created", name, isDefault });
         return;
       }
       setSaving(true);
@@ -1481,7 +1512,7 @@ function useFavorites(options) {
         if (propellerV2CoreUi.isCustomer(user)) createInput.customerId = user.customerId;
         const created = await service.createFavoriteList(createInput);
         setLists((prev) => [...prev, created]);
-        onListChanged?.();
+        onListChanged?.({ action: "created", listId: created?.id, name, isDefault });
       } catch (e) {
         setError(e instanceof Error ? e.message : "Failed to create list");
       } finally {
@@ -2203,6 +2234,15 @@ function useProductInfo(options) {
     clusterImageUrl
   };
 }
+
+// src/composables/shared/utils/listingUserId.ts
+function resolveListingUserId(user, configuration) {
+  if (user && "contactId" in user) return user.contactId;
+  if (user && "customerId" in user) return user.customerId;
+  return configuration?.anonymousUserId;
+}
+
+// src/composables/react/useProductSearch.ts
 var inflightFetches2 = /* @__PURE__ */ new Set();
 function buildAttributeInput(names) {
   if (!names || names.length === 0) return void 0;
@@ -2307,7 +2347,7 @@ function useProductSearch(options) {
       ] : [];
       const priceFilter = options.priceFilterMin !== void 0 || options.priceFilterMax !== void 0 ? { from: options.priceFilterMin ?? 0, to: options.priceFilterMax ?? 999999 } : void 0;
       const inventoryFilter = propellerV2CoreUi.buildInventoryFilter(options.availability, options.minStock);
-      const userId = options.user && "contactId" in options.user ? options.user.contactId : options.user && "customerId" in options.user ? options.user.customerId : void 0;
+      const userId = resolveListingUserId(options.user, configuration);
       const contactId = options.user && "contactId" in options.user ? options.user.contactId : void 0;
       const customerId = options.user && "customerId" in options.user ? options.user.customerId : void 0;
       const orderlistScope = options.orderlistIds && options.orderlistIds.length > 0 ? {
@@ -2444,7 +2484,7 @@ function useProductSearch(options) {
             applyOrderlists: options.applyOrderlists !== false,
             orderlistIds: options.orderlistIds
           } : { applyOrderlists: false };
-          const userId = options.user && "contactId" in options.user ? options.user.contactId : options.user && "customerId" in options.user ? options.user.customerId : void 0;
+          const userId = resolveListingUserId(options.user, configuration);
           const contactId = options.user && "contactId" in options.user ? options.user.contactId : void 0;
           const customerId = options.user && "customerId" in options.user ? options.user.customerId : void 0;
           const inventoryFilter = propellerV2CoreUi.buildInventoryFilter(options.availability, options.minStock);
@@ -2610,7 +2650,7 @@ function useQuickOrder(options) {
       try {
         const service = propellerV2CoreUi.createServices(graphqlClient).category;
         const orderlistScope = orderlistIds && orderlistIds.length > 0 ? { applyOrderlists: applyOrderlists !== false, orderlistIds } : { applyOrderlists: false };
-        const userId = user && "contactId" in user ? user.contactId : user && "customerId" in user ? user.customerId : void 0;
+        const userId = resolveListingUserId(user, configuration);
         const contactId = user && "contactId" in user ? user.contactId : void 0;
         const customerId = user && "customerId" in user ? user.customerId : void 0;
         const input = {
@@ -2752,7 +2792,7 @@ function useSpareParts(options) {
     [isControlled, options.parts, internalParts]
   );
   const isLoading = !isControlled && internalLoading;
-  const userId = options.user && "contactId" in options.user ? options.user.contactId : options.user && "customerId" in options.user ? options.user.customerId : void 0;
+  const userId = resolveListingUserId(options.user, options.configuration);
   const contactId = options.user && "contactId" in options.user ? options.user.contactId : void 0;
   const customerId = options.user && "customerId" in options.user ? options.user.customerId : void 0;
   const userKey = `${contactId ?? ""}:${customerId ?? ""}`;
@@ -3055,9 +3095,7 @@ function useProductSlider(options) {
     }
   }
   function resolveUserId() {
-    if (options.user && "contactId" in options.user) return options.user.contactId;
-    if (options.user && "customerId" in options.user) return options.user.customerId;
-    return void 0;
+    return resolveListingUserId(options.user, options.configuration);
   }
   const fetchCrossupsells = React6.useCallback(async (input) => {
     setLoading(true);
@@ -4044,6 +4082,9 @@ LoginFormExport.RegisterLink = LoginFormRegisterLink;
 LoginFormExport.GuestCheckoutButton = LoginFormGuestCheckoutButton;
 LoginFormExport.ErrorMessage = LoginFormErrorMessage;
 var LoginForm_default = LoginFormExport;
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
 function AccountIconAndMenu(rawProps) {
   const props = useInfraProps(rawProps);
   const LoginFormImpl = props.loginFormComponent ?? LoginForm_default;
@@ -4192,7 +4233,7 @@ function AccountIconAndMenu(rawProps) {
               onClick: (event) => handleIconClick(),
               "aria-label": propellerV2CoreUi.getLabel(props.labels, "accountLabel", "Account"),
               "data-open": menuOpen ? "true" : "false",
-              className: `propeller-account-menu__trigger inline-flex items-center gap-2 px-3 py-2 rounded-control text-sm font-medium transition-colors text-white hover:bg-white/10${props.iconClassName ? " " + props.iconClassName : ""}`,
+              className: cn(`propeller-account-menu__trigger inline-flex items-center gap-2 px-3 py-2 rounded-control text-sm font-medium transition-colors text-white hover:bg-white/10${props.iconClassName ? " " + props.iconClassName : ""}`),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "svg",
@@ -4220,7 +4261,7 @@ function AccountIconAndMenu(rawProps) {
           menuOpen ? /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: `propeller-account-menu__popover absolute right-0 mt-2 w-80 bg-popover text-foreground rounded-container shadow-lg border border-border py-4 px-5 z-50${props.menuClassName ? " " + props.menuClassName : ""}`,
+              className: cn(`propeller-account-menu__popover absolute right-0 mt-2 w-80 bg-popover text-foreground rounded-container shadow-lg border border-border py-4 px-5 z-50${props.menuClassName ? " " + props.menuClassName : ""}`),
               children: [
                 !!props.user ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-account-menu__user pb-3 mb-3 border-b border-border", children: [
@@ -4431,6 +4472,64 @@ function ActionCode(rawProps) {
   ] });
 }
 var ActionCode_default = ActionCode;
+function CartBonusItems(rawProps) {
+  const props = useInfraProps(rawProps);
+  const items = props.bonusItems ?? props.cart?.bonusItems ?? [];
+  if (items.length === 0) return null;
+  const currency = props.currency ?? "\u20AC";
+  const money = (value) => propellerV2CoreUi.formatPrice(value, { symbol: currency, locale: propellerV2CoreUi.localeForLanguage(props.language) });
+  const productName = (item) => propellerV2CoreUi.getLocalizedValue(item.product?.names, props.language, "Product");
+  const productImage = (item) => item.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-cart-bonus-items ${props.className || "mt-2"}`), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-cart-bonus-items__title text-lg font-semibold mb-3", children: propellerV2CoreUi.getLabel(props.labels, "title", "Bonus items") }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cart-bonus-items__list space-y-4", children: items.map((item) => {
+      const img = productImage(item);
+      const name = productName(item);
+      const total = props.includeTax ? item.totalPriceNet : item.totalPrice;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "propeller-cart-bonus-item flex items-center gap-4 bg-card p-4 rounded-container shadow-sm border border-border",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cart-bonus-item__media w-20 h-20 flex-shrink-0 bg-surface-hover rounded-control overflow-hidden flex items-center justify-center", children: img ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: "propeller-cart-bonus-item__image w-full h-full object-contain p-1", src: img, alt: name }) : /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                className: "propeller-cart-bonus-item__image-placeholder w-8 h-8 text-foreground-subtle",
+                strokeWidth: 1.5,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909M3.75 21h16.5A2.25 2.25 0 0022.5 18.75V5.25A2.25 2.25 0 0020.25 3H3.75A2.25 2.25 0 001.5 5.25v13.5A2.25 2.25 0 003.75 21z"
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-bonus-item__body flex-1 min-w-0", children: [
+              item.product?.sku ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "propeller-cart-bonus-item__sku font-mono text-xs text-foreground-subtle", children: [
+                propellerV2CoreUi.getLabel(props.labels, "sku", "SKU"),
+                ": ",
+                item.product.sku
+              ] }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-cart-bonus-item__title font-semibold text-sm md:text-base text-foreground line-clamp-2", children: name })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-bonus-item__qty text-sm text-muted-foreground whitespace-nowrap", children: [
+              item.quantity,
+              " \xD7"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cart-bonus-item__price font-semibold text-foreground whitespace-nowrap", children: money(total) })
+          ]
+        },
+        item.itemId
+      );
+    }) })
+  ] });
+}
+var CartBonusItems_default = CartBonusItems;
 function mergeGrouped(p) {
   const d = p.display;
   const e = p.events;
@@ -4464,6 +4563,7 @@ function AddToCart(rawProps) {
   const [modalVisible, setModalVisible] = React6.useState(() => false);
   const [addedCartItem, setAddedCartItem] = React6.useState(() => null);
   const [activeFullCart, setActiveFullCart] = React6.useState(() => null);
+  const [grantedBonusItems, setGrantedBonusItems] = React6.useState(() => []);
   const [includeTax] = React6.useState(() => false);
   function getProductUrl2() {
     return props.configuration?.urls?.getProductUrl(props.product, props.language) ?? "#";
@@ -4506,9 +4606,9 @@ function AddToCart(rawProps) {
     if (addedCartItem) {
       const useTax = props.includeTax !== void 0 ? !!props.includeTax : includeTax;
       const price = useTax ? addedCartItem.totalSumNet : addedCartItem.totalSum;
-      return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC" });
+      return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
     }
-    return propellerV2CoreUi.formatPrice(props.price !== void 0 ? props.price : props.product?.price?.gross, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(props.price !== void 0 ? props.price : props.product?.price?.gross, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function getModalSku() {
     if (addedCartItem) return addedCartItem.product?.sku || "";
@@ -4542,10 +4642,20 @@ function AddToCart(rawProps) {
   function closeModal() {
     setModalVisible(false);
     setAddedCartItem(null);
+    setGrantedBonusItems([]);
+  }
+  function newBonusItems(before, after) {
+    const granted = after?.bonusItems ?? [];
+    if (granted.length === 0) return [];
+    const previous = before?.bonusItems;
+    if (!previous) return granted;
+    const seen = new Map(previous.map((item) => [item.itemId, item.quantity ?? 0]));
+    return granted.filter((item) => (item.quantity ?? 0) > (seen.get(item.itemId) ?? 0));
   }
   async function handleAddToCart() {
     if (!props.graphqlClient) return;
     if (props.beforeAddToCart && !props.beforeAddToCart()) return;
+    const cartBeforeAdd = activeFullCart ?? cart ?? null;
     const result = await addItem({
       product: props.product,
       cluster: props.cluster,
@@ -4557,6 +4667,7 @@ function AddToCart(rawProps) {
       afterAddToCart: (resultCart, addedItem) => {
         setActiveFullCart(resultCart);
         setAddedCartItem(resolveAddedItem(resultCart, addedItem || null));
+        setGrantedBonusItems(newBonusItems(cartBeforeAdd, resultCart));
         props.afterAddToCart?.(resultCart, addedItem || void 0);
       },
       enableStockValidation: props.enableStockValidation,
@@ -4581,7 +4692,7 @@ function AddToCart(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-add-to-cart ${props.className || ""}`,
+      className: cn(`propeller-add-to-cart ${props.className || ""}`),
       "data-loading": loading ? "true" : "false",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-add-to-cart__controls flex flex-wrap items-center gap-2 w-full md:flex-nowrap", children: [
@@ -4853,12 +4964,22 @@ function AddToCart(rawProps) {
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", children: propellerV2CoreUi.getLocalizedValue(child.product?.names, props.language, "Option") }),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle whitespace-nowrap ml-2", children: propellerV2CoreUi.formatPrice(
                       ((props.includeTax !== void 0 ? !!props.includeTax : includeTax) ? child.totalSumNet : child.totalSum) ?? 0,
-                      { symbol: props.currency ?? "\u20AC" }
+                      { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) }
                     ) })
                   ]
                 },
                 idx
-              )) }) : null
+              )) }) : null,
+              grantedBonusItems.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-add-to-cart__modal-bonus-items mt-4 pt-4 border-t border-border-subtle", children: /* @__PURE__ */ jsxRuntime.jsx(
+                CartBonusItems_default,
+                {
+                  bonusItems: grantedBonusItems,
+                  includeTax: props.includeTax,
+                  currency: props.currency,
+                  language: props.language,
+                  labels: props.bonusItemsLabels
+                }
+              ) }) : null
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-add-to-cart__modal-actions flex gap-3 px-6 py-4 border-t border-border-subtle", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -4951,7 +5072,14 @@ function AddToFavorite(rawProps) {
       setMemberListIds(newMemberIds);
       setSelectedListId("");
       setIsOpen(false);
-      if (props.onFavoriteChanged) props.onFavoriteChanged();
+      if (props.onFavoriteChanged) {
+        props.onFavoriteChanged({
+          action: "added",
+          listId: selectedListId,
+          productId: props.productId,
+          clusterId: props.clusterId
+        });
+      }
     } catch (error) {
       console.error("Error adding to favorite list:", error);
     } finally {
@@ -4968,7 +5096,14 @@ function AddToFavorite(rawProps) {
       setMemberListIds(newMemberIds);
       setSelectedListId("");
       setIsOpen(false);
-      if (props.onFavoriteChanged) props.onFavoriteChanged();
+      if (props.onFavoriteChanged) {
+        props.onFavoriteChanged({
+          action: "removed",
+          listId,
+          productId: props.productId,
+          clusterId: props.clusterId
+        });
+      }
     } catch (error) {
       console.error("Error removing from favorite list:", error);
     } finally {
@@ -5008,7 +5143,7 @@ function AddToFavorite(rawProps) {
         type: "button",
         onClick: (event) => toggleModal(),
         title: isFavorited() ? propellerV2CoreUi.getLabel(props.labels, "removeFromFavorites", "Remove from favorites") : propellerV2CoreUi.getLabel(props.labels, "addToFavorites", "Add to favorites"),
-        className: `propeller-add-to-favorite__btn inline-flex items-center justify-center rounded-control border p-2.5 transition-colors ${isFavorited() ? "border-primary/30 bg-primary/5 text-primary hover:bg-primary/10" : "border-border bg-card text-foreground-subtle hover:text-primary hover:border-primary/30 hover:bg-primary/5"} ${props.className || ""}`,
+        className: cn(`propeller-add-to-favorite__btn inline-flex items-center justify-center rounded-control border p-2.5 transition-colors ${isFavorited() ? "border-primary/30 bg-primary/5 text-primary hover:bg-primary/10" : "border-border bg-card text-foreground-subtle hover:text-primary hover:border-primary/30 hover:bg-primary/5"} ${props.className || ""}`),
         children: [
           isFavorited() ? /* @__PURE__ */ jsxRuntime.jsx(
             "svg",
@@ -6157,7 +6292,7 @@ function AddressSelector(props) {
       setIsLoading(false);
     }
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-address-selector ${props.className || ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-address-selector ${props.className || ""}`), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -6300,7 +6435,7 @@ function Breadcrumbs(props) {
     return index === displayItems.length - 1;
   }
   const showSeparatorBefore = (index) => props.showHome !== false || index > 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": propellerV2CoreUi.getLabel(props.labels, "breadcrumbAriaLabel", "Breadcrumb"), className: `propeller-breadcrumbs ${props.className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "propeller-breadcrumbs__list flex flex-wrap items-center text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": propellerV2CoreUi.getLabel(props.labels, "breadcrumbAriaLabel", "Breadcrumb"), className: cn(`propeller-breadcrumbs ${props.className || ""}`), children: /* @__PURE__ */ jsxRuntime.jsxs("ol", { className: "propeller-breadcrumbs__list flex flex-wrap items-center text-sm text-muted-foreground", children: [
     props.showHome !== false ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "propeller-breadcrumbs__item flex items-center", "data-home": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
       "a",
       {
@@ -6370,64 +6505,6 @@ function BreadcrumbsWithProvider(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsx(Breadcrumbs_default, { ...props });
 }
 var BreadcrumbsWithProvider_default = BreadcrumbsWithProvider;
-function CartBonusItems(rawProps) {
-  const props = useInfraProps(rawProps);
-  const items = props.bonusItems ?? props.cart?.bonusItems ?? [];
-  if (items.length === 0) return null;
-  const currency = props.currency ?? "\u20AC";
-  const money = (value) => propellerV2CoreUi.formatPrice(value, { symbol: currency });
-  const productName = (item) => propellerV2CoreUi.getLocalizedValue(item.product?.names, props.language, "Product");
-  const productImage = (item) => item.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-cart-bonus-items ${props.className || "mt-2"}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-cart-bonus-items__title text-lg font-semibold mb-3", children: propellerV2CoreUi.getLabel(props.labels, "title", "Bonus items") }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cart-bonus-items__list space-y-4", children: items.map((item) => {
-      const img = productImage(item);
-      const name = productName(item);
-      const total = props.includeTax ? item.totalPriceNet : item.totalPrice;
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "propeller-cart-bonus-item flex items-center gap-4 bg-card p-4 rounded-container shadow-sm border border-border",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cart-bonus-item__media w-20 h-20 flex-shrink-0 bg-surface-hover rounded-control overflow-hidden flex items-center justify-center", children: img ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: "propeller-cart-bonus-item__image w-full h-full object-contain p-1", src: img, alt: name }) : /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                className: "propeller-cart-bonus-item__image-placeholder w-8 h-8 text-foreground-subtle",
-                strokeWidth: 1.5,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    d: "M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909M3.75 21h16.5A2.25 2.25 0 0022.5 18.75V5.25A2.25 2.25 0 0020.25 3H3.75A2.25 2.25 0 001.5 5.25v13.5A2.25 2.25 0 003.75 21z"
-                  }
-                )
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-bonus-item__body flex-1 min-w-0", children: [
-              item.product?.sku ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "propeller-cart-bonus-item__sku font-mono text-xs text-foreground-subtle", children: [
-                propellerV2CoreUi.getLabel(props.labels, "sku", "SKU"),
-                ": ",
-                item.product.sku
-              ] }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-cart-bonus-item__title font-semibold text-sm md:text-base text-foreground line-clamp-2", children: name })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-bonus-item__qty text-sm text-muted-foreground whitespace-nowrap", children: [
-              item.quantity,
-              " \xD7"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cart-bonus-item__price font-semibold text-foreground whitespace-nowrap", children: money(total) })
-          ]
-        },
-        item.itemId
-      );
-    }) })
-  ] });
-}
-var CartBonusItems_default = CartBonusItems;
 
 // src/composables/shared/utils/preselect.ts
 function pickPreselected(items, stored, keyOf) {
@@ -6441,7 +6518,7 @@ function CartCarriers(props) {
   const carriers = props.cart?.carriers || [];
   function formatCarrierPrice(price) {
     if (props.formatPrice) return props.formatPrice(price);
-    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function handleSelect(carrier) {
     setSelectedName(carrier.name);
@@ -6525,7 +6602,7 @@ function ItemStock(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: hasInventory() ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-item-stock flex flex-wrap items-center gap-1.5 ${props.className || ""}`,
+      className: cn(`propeller-item-stock flex flex-wrap items-center gap-1.5 ${props.className || ""}`),
       "data-available": isAvailable() ? "true" : "false",
       "data-stock": getStockStatusData(),
       children: [
@@ -6638,7 +6715,7 @@ function CartItem(rawProps) {
   function getFormattedPrice() {
     const item = props.cartItem;
     const price = props.includeTax ? item?.totalSumNet || 0 : item?.totalSum || 0;
-    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function isBundleItem() {
     return !!props.cartItem.bundle;
@@ -6649,7 +6726,7 @@ function CartItem(rawProps) {
   function getBundlePrice2() {
     const price = props.cartItem.bundle?.price?.net;
     if (price === void 0 || price === null) return "";
-    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function getBundleLeaderName() {
     const items = props.cartItem.bundle?.items;
@@ -6665,7 +6742,7 @@ function CartItem(rawProps) {
     if (!leader) return "";
     const price = leader.price?.net;
     if (price === void 0 || price === null) return "";
-    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function getBundleNonLeaders2() {
     const items = props.cartItem.bundle?.items;
@@ -6678,7 +6755,7 @@ function CartItem(rawProps) {
   function getBundleItemPrice(bundleItem) {
     const price = bundleItem.price?.net;
     if (price === void 0 || price === null) return "";
-    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function getCrossupsellName(item) {
     const product = item?.productTo || item?.clusterTo;
@@ -6771,7 +6848,7 @@ function CartItem(rawProps) {
     if (!price) return "";
     const value = props.includeTax ? price.net : price.gross;
     if (value === void 0 || value === null) return "";
-    return propellerV2CoreUi.formatPrice(value, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(value, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   async function handleAddCrossupsellToCart(item) {
     if (!props.cartId || addingCrossupsellId) return;
@@ -6854,7 +6931,7 @@ function CartItem(rawProps) {
     return /* @__PURE__ */ jsxRuntime.jsx(CartItemContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `propeller-cart-item flex flex-wrap md:flex-nowrap items-start gap-4 ${props.cardFrame === false ? "" : "bg-card p-4 rounded-container shadow-sm border border-border"} ${props.className || ""}`,
+        className: cn(`propeller-cart-item flex flex-wrap md:flex-nowrap items-start gap-4 ${props.cardFrame === false ? "" : "bg-card p-4 rounded-container shadow-sm border border-border"} ${props.className || ""}`),
         "data-bundle": isBundleItem() ? "true" : "false",
         "data-loading": loading ? "true" : "false",
         children: rawProps.children
@@ -6864,7 +6941,7 @@ function CartItem(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsx(CartItemContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-cart-item flex flex-wrap md:flex-nowrap items-start gap-4 ${props.cardFrame === false ? "" : "bg-card p-4 rounded-container shadow-sm border border-border"} ${props.className || ""}`,
+      className: cn(`propeller-cart-item flex flex-wrap md:flex-nowrap items-start gap-4 ${props.cardFrame === false ? "" : "bg-card p-4 rounded-container shadow-sm border border-border"} ${props.className || ""}`),
       "data-bundle": isBundleItem() ? "true" : "false",
       "data-loading": loading ? "true" : "false",
       children: [
@@ -7011,7 +7088,7 @@ function CartItemChildItems(props = {}) {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle hidden sm:inline", children: "-" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-subtle text-xs self-center", children: child.product.sku }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 border-b border-dotted border-border mx-1 mb-1" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: propellerV2CoreUi.formatPrice(child.totalSum, { symbol: resolved.currency ?? "\u20AC" }) })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: propellerV2CoreUi.formatPrice(child.totalSum, { symbol: resolved.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(resolved.language) }) })
     ] }, idx))
   ] });
 }
@@ -7252,7 +7329,7 @@ function CartIconAndSidebar(rawProps) {
   const CartBonusItemsImpl = props.cartBonusItemsComponent ?? CartBonusItems_default;
   const CartItemImpl = props.cartItemComponent ?? CartItem_default;
   const currencySymbol = props.currency ?? "\u20AC";
-  const money = (value) => value === void 0 || value === null ? "" : propellerV2CoreUi.formatPrice(value, { symbol: currencySymbol });
+  const money = (value) => value === void 0 || value === null ? "" : propellerV2CoreUi.formatPrice(value, { symbol: currencySymbol, locale: propellerV2CoreUi.localeForLanguage(props.language) });
   const { requestAuthorization } = useCart({
     graphqlClient: props.graphqlClient,
     user: props.user ?? null,
@@ -7273,6 +7350,9 @@ function CartIconAndSidebar(rawProps) {
   const useTax = !!props.includeTax;
   const totalRaw = useTax ? props.cart?.total?.totalNet : props.cart?.total?.totalGross;
   const totalPrice = totalRaw === void 0 || totalRaw === null ? money(0) : money(totalRaw);
+  function totalLabel(key) {
+    return useTax ? propellerV2CoreUi.getLabel(props.labels, key, "Total") : propellerV2CoreUi.getLabel(props.labels, "totalExclVat", "Total excl. VAT");
+  }
   const sidebarTitle = props.cartSidebarTitle || props.labels?.["cartSidebarTitle"] || "Shopping cart";
   const purchaserPAC = findPurchaserPAC(props.user, props.companyId);
   const totalGross = props.cart?.total?.totalGross ?? 0;
@@ -7336,7 +7416,7 @@ function CartIconAndSidebar(rawProps) {
               type: "button",
               onClick: () => handleIconClick(),
               "aria-label": propellerV2CoreUi.getLabel(props.labels, "cartIconLabel", "Shopping cart"),
-              className: `propeller-cart-icon__trigger relative inline-flex items-center justify-center p-2 rounded-control transition-colors text-foreground${props.iconClassName ? " " + props.iconClassName : ""}`,
+              className: cn(`propeller-cart-icon__trigger relative inline-flex items-center justify-center p-2 rounded-control transition-colors text-foreground${props.iconClassName ? " " + props.iconClassName : ""}`),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "svg",
@@ -7362,7 +7442,7 @@ function CartIconAndSidebar(rawProps) {
           ),
           props.showTotals && isHovered && totalItems > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__popover absolute top-full right-0 mt-1 z-40 bg-popover border border-border rounded-container shadow-lg px-3 py-2 min-w-[140px] text-sm whitespace-nowrap", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__popover-label text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "totalLabel", "Total") }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__popover-label text-muted-foreground", children: totalLabel("totalLabel") }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__popover-total font-semibold text-foreground", children: totalPrice })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__popover-count text-xs text-foreground-subtle mt-0.5", children: [
@@ -7388,7 +7468,7 @@ function CartIconAndSidebar(rawProps) {
         "aria-modal": "true",
         "aria-label": sidebarTitle,
         "data-open": sidebarOpen ? "true" : "false",
-        className: `propeller-cart-icon__sidebar fixed inset-y-0 right-0 z-[70] w-full max-w-md bg-card shadow-2xl transform transition-transform duration-300 ease-in-out border-l border-border${sidebarOpen ? " translate-x-0" : " translate-x-full"}${props.sidebarClassName ? " " + props.sidebarClassName : ""}`,
+        className: cn(`propeller-cart-icon__sidebar fixed inset-y-0 right-0 z-[70] w-full max-w-md bg-card shadow-2xl transform transition-transform duration-300 ease-in-out border-l border-border${sidebarOpen ? " translate-x-0" : " translate-x-full"}${props.sidebarClassName ? " " + props.sidebarClassName : ""}`),
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col h-full", children: isMounted ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__sidebar-header flex items-center justify-between px-5 py-4 border-b border-border", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -7517,7 +7597,7 @@ function CartIconAndSidebar(rawProps) {
           " ",
           items.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__sidebar-footer px-5 py-4 border-t border-border space-y-3 bg-surface-hover", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__total-row flex justify-between items-center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__total-label text-sm font-medium text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "total", "Total") }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__total-label text-sm font-medium text-muted-foreground", children: totalLabel("total") }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__total-value text-base font-bold text-foreground", children: totalPrice })
             ] }),
             showCheckoutButton && !showRequestAuthorizationButton ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -7759,7 +7839,7 @@ function CartPaymethods(rawProps) {
   });
   function formatMethodPrice(price) {
     if (props.formatPrice) return props.formatPrice(price);
-    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function methodName(method) {
     const code = (method.code || "").toLowerCase();
@@ -7845,7 +7925,7 @@ function CartSummary(rawProps) {
     if (props.formatPrice) {
       return props.formatPrice(price);
     }
-    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function subtotal() {
     return props.cart?.total?.subTotal || 0;
@@ -7924,83 +8004,96 @@ function CartSummary(rawProps) {
       setRequestLoading(false);
     }
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary w-full bg-card space-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-cart-summary__title text-xl font-bold mb-4", children: title() }),
-    showSubtotal() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "subtotal", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "subtotal", "Subtotal:") }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(subtotal()) })
-    ] }) : null,
-    showDiscount() && hasDiscount() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-success", "data-row": "discount", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "discount", "Discount:") }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "propeller-cart-summary__value", children: [
-        "-",
-        formatItemPrice(discountAmount())
-      ] })
-    ] }) : null,
-    hasTransactionCosts() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "transaction-costs", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "transactionCosts", "Transaction costs:") }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(transactionCosts()) })
-    ] }) : null,
-    showShippingCosts() && hasShippingCosts() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "shipping-costs", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "shippingCosts", "Shipping costs:") }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(shippingCosts()) })
-    ] }) : null,
-    showTotalExclVat() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground pt-2 border-t", "data-row": "total-excl-vat", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "totalExclVat", "Total excl. VAT:") }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(totalExclVat()) })
-    ] }) : null,
-    showVATs() && taxLevels().length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: taxLevels()?.map((tax, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground text-sm", "data-row": "vat-line", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "propeller-cart-summary__label", children: [
-        tax.taxPercentage,
-        "% ",
-        propellerV2CoreUi.getLabel(props.labels, "vat", "VAT"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(Number(tax.price)) })
-    ] }, index)) }) : null,
-    showTotalVat() && totalVat() > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground text-sm", "data-row": "total-vat", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "totalVat", "Total VAT:") }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(totalVat()) })
-    ] }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row propeller-cart-summary__row--total flex justify-between text-xl font-bold pt-4 border-t text-foreground mt-2", "data-row": "total", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "total", "Total:") }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(totalInclVat()) })
-    ] }),
-    showCheckoutButton() && !showRequestAuthorizationButton() ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: "propeller-cart-summary__checkout-btn block w-full bg-secondary text-secondary-foreground text-center py-3 rounded-container hover:bg-secondary/90 transition font-semibold mt-4",
-          onClick: (event) => handleCheckoutClick(),
-          children: propellerV2CoreUi.getLabel(props.labels, "checkoutButton", "Continue to Checkout")
-        }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        // Padding, radius and shadow to match ActionCode, which sits directly
+        // under this panel on the cart page. Without them the summary painted
+        // a card background with its text against the edges and a full-bleed
+        // checkout button — the same column, two different card treatments.
+        "propeller-cart-summary w-full bg-card p-6 rounded-container shadow space-y-3",
+        props.className
       ),
-      " ",
-      !!props.onRequestQuoteClick && showRequestQuoteButton() ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: "propeller-cart-summary__quote-btn block w-full bg-card border border-secondary text-secondary text-center py-3 rounded-container hover:bg-secondary/5 transition font-semibold mt-2",
-          onClick: (event) => props.onRequestQuoteClick && props.onRequestQuoteClick(props.cart),
-          children: propellerV2CoreUi.getLabel(props.labels, "requestQuoteButton", "Request a Quote")
-        }
-      ) : null
-    ] }) : null,
-    showRequestAuthorizationButton() ? /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        className: "propeller-cart-summary__authorization-btn block w-full bg-secondary text-secondary-foreground text-center py-3 rounded-container hover:bg-secondary/90 transition font-semibold mt-4 disabled:opacity-50 disabled:cursor-not-allowed",
-        onClick: (event) => handleRequestAuthorizationClick(),
-        disabled: requestLoading,
-        children: [
-          requestLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: propellerV2CoreUi.getLabel(props.labels, "requestingAuthorization", "Requesting...") }) : null,
-          !requestLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: propellerV2CoreUi.getLabel(props.labels, "requestAuthorizationButton", "Request Authorization") }) : null
-        ]
-      }
-    ) : null
-  ] });
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-cart-summary__title text-xl font-bold mb-4", children: title() }),
+        showSubtotal() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "subtotal", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "subtotal", "Subtotal:") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(subtotal()) })
+        ] }) : null,
+        showDiscount() && hasDiscount() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-success", "data-row": "discount", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "discount", "Discount:") }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "propeller-cart-summary__value", children: [
+            "-",
+            formatItemPrice(discountAmount())
+          ] })
+        ] }) : null,
+        hasTransactionCosts() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "transaction-costs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "transactionCosts", "Transaction costs:") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(transactionCosts()) })
+        ] }) : null,
+        showShippingCosts() && hasShippingCosts() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground", "data-row": "shipping-costs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "shippingCosts", "Shipping costs:") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(shippingCosts()) })
+        ] }) : null,
+        showTotalExclVat() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground pt-2 border-t", "data-row": "total-excl-vat", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "totalExclVat", "Total excl. VAT:") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(totalExclVat()) })
+        ] }) : null,
+        showVATs() && taxLevels().length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: taxLevels()?.map((tax, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground text-sm", "data-row": "vat-line", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "propeller-cart-summary__label", children: [
+            tax.taxPercentage,
+            "% ",
+            propellerV2CoreUi.getLabel(props.labels, "vat", "VAT"),
+            ":"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(Number(tax.price)) })
+        ] }, index)) }) : null,
+        showTotalVat() && totalVat() > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row flex justify-between text-muted-foreground text-sm", "data-row": "total-vat", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "totalVat", "Total VAT:") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(totalVat()) })
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-summary__row propeller-cart-summary__row--total flex justify-between text-xl font-bold pt-4 border-t text-foreground mt-2", "data-row": "total", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__label", children: propellerV2CoreUi.getLabel(props.labels, "total", "Total:") }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-summary__value", children: formatItemPrice(totalInclVat()) })
+        ] }),
+        showCheckoutButton() && !showRequestAuthorizationButton() ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "propeller-cart-summary__checkout-btn block w-full bg-secondary text-secondary-foreground text-center py-3 rounded-container hover:bg-secondary/90 transition font-semibold mt-4",
+              onClick: (event) => handleCheckoutClick(),
+              children: propellerV2CoreUi.getLabel(props.labels, "checkoutButton", "Continue to Checkout")
+            }
+          ),
+          " ",
+          !!props.onRequestQuoteClick && showRequestQuoteButton() ? /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "propeller-cart-summary__quote-btn block w-full bg-card border border-secondary text-secondary text-center py-3 rounded-container hover:bg-secondary/5 transition font-semibold mt-2",
+              onClick: (event) => props.onRequestQuoteClick && props.onRequestQuoteClick(props.cart),
+              children: propellerV2CoreUi.getLabel(props.labels, "requestQuoteButton", "Request a Quote")
+            }
+          ) : null
+        ] }) : null,
+        showRequestAuthorizationButton() ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "propeller-cart-summary__authorization-btn block w-full bg-secondary text-secondary-foreground text-center py-3 rounded-container hover:bg-secondary/90 transition font-semibold mt-4 disabled:opacity-50 disabled:cursor-not-allowed",
+            onClick: (event) => handleRequestAuthorizationClick(),
+            disabled: requestLoading,
+            children: [
+              requestLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: propellerV2CoreUi.getLabel(props.labels, "requestingAuthorization", "Requesting...") }) : null,
+              !requestLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: propellerV2CoreUi.getLabel(props.labels, "requestAuthorizationButton", "Request Authorization") }) : null
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
 }
 var CartSummary_default = CartSummary;
 function CategoryDescription(props) {
@@ -8020,7 +8113,7 @@ function CategoryDescription(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !!html ? /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-category-description mb-6 ${props.className || ""}`,
+      className: cn(`propeller-category-description mb-6 ${props.className || ""}`),
       "data-expanded": expanded ? "true" : "false",
       "data-truncatable": shouldTruncate ? "true" : "false",
       children: [
@@ -8050,7 +8143,7 @@ function CategoryShortDescription(props) {
     (d) => d.language === props.language
   );
   const html = match?.value || "";
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !!html ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-category-short-description mb-6 ${props.className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !!html ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(`propeller-category-short-description mb-6 ${props.className || ""}`), children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: "propeller-category-short-description__content prose prose-slate max-w-none text-muted-foreground",
@@ -8140,7 +8233,7 @@ function ClusterCard(rawProps) {
   const useTax = props.includeTax !== void 0 ? !!props.includeTax : false;
   const priceObj = contentHidden ? void 0 : cluster?.defaultProduct?.price;
   const priceValue = useTax ? priceObj?.net : priceObj?.gross;
-  const clusterPrice = props.showPrice === false ? "" : propellerV2CoreUi.formatPrice(priceValue, { symbol: props.currency ?? "\u20AC" });
+  const clusterPrice = props.showPrice === false ? "" : propellerV2CoreUi.formatPrice(priceValue, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   function handleClusterClick(e) {
     if (props.onClusterClick) {
       e.preventDefault();
@@ -8185,7 +8278,7 @@ function ClusterCard(rawProps) {
     return /* @__PURE__ */ jsxRuntime.jsx(ClusterCardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `propeller-cluster-card group relative flex h-full overflow-hidden rounded-container border border-border bg-card shadow-sm transition-all duration-200 hover:shadow-md hover:border-secondary/20 ${isRow ? "flex-row flex-wrap md:flex-nowrap items-center" : "flex-col"} ${props.className ?? ""}`,
+        className: cn(`propeller-cluster-card group relative flex h-full overflow-hidden rounded-container border border-border bg-card shadow-sm transition-all duration-200 hover:shadow-md hover:border-secondary/20 ${isRow ? "flex-row flex-wrap md:flex-nowrap items-center" : "flex-col"} ${props.className ?? ""}`),
         "data-cluster-id": cluster.clusterId,
         "data-layout": isRow ? "row" : "grid",
         children: rawProps.children
@@ -8195,7 +8288,7 @@ function ClusterCard(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsx(ClusterCardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-cluster-card group relative flex h-full overflow-hidden rounded-container border border-border bg-card shadow-sm transition-all duration-200 hover:shadow-md hover:border-secondary/20 ${isRow ? "flex-row flex-wrap md:flex-nowrap items-center" : "flex-col"} ${props.className || ""}`,
+      className: cn(`propeller-cluster-card group relative flex h-full overflow-hidden rounded-container border border-border bg-card shadow-sm transition-all duration-200 hover:shadow-md hover:border-secondary/20 ${isRow ? "flex-row flex-wrap md:flex-nowrap items-center" : "flex-col"} ${props.className || ""}`),
       "data-layout": isRow ? "row" : "grid",
       children: [
         props.showImage !== false ? /* @__PURE__ */ jsxRuntime.jsx(ClusterCardImage, {}) : null,
@@ -8487,7 +8580,7 @@ function MachineCard(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: `propeller-machine-card group relative flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background ${props.className ?? ""}`,
+      className: cn(`propeller-machine-card group relative flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background ${props.className ?? ""}`),
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         "a",
         {
@@ -8548,7 +8641,7 @@ function LoginToOrderButton(props) {
     "button",
     {
       type: "button",
-      className: `propeller-login-to-order inline-flex items-center justify-center gap-2 h-10 px-4 w-full rounded-control bg-primary text-primary-foreground text-sm font-medium hover:opacity-90 transition-opacity ${props.className || ""}`,
+      className: cn(`propeller-login-to-order inline-flex items-center justify-center gap-2 h-10 px-4 w-full rounded-control bg-primary text-primary-foreground text-sm font-medium hover:opacity-90 transition-opacity ${props.className || ""}`),
       onClick: () => {
         if (props.onLoginClick) props.onLoginClick();
       },
@@ -8566,7 +8659,7 @@ function ProductPriceDisplay(props) {
   }
   function formatPrice17(value) {
     if (value === null || value === void 0) return "";
-    return propellerV2CoreUi.formatPrice(value, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(value, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function getOptionsTotal(useNet) {
     const options = props.options || [];
@@ -8609,7 +8702,7 @@ function ProductPriceDisplay(props) {
   function getSecondaryTaxLabel() {
     return props.includeTax ? propellerV2CoreUi.getLabel(props.labels, "exclTax", "excl. VAT") : propellerV2CoreUi.getLabel(props.labels, "inclTax", "incl. VAT");
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-price ${props.className || ""}`, "data-hidden": isHidden2() ? "true" : "false", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-price ${props.className || ""}`), "data-hidden": isHidden2() ? "true" : "false", children: [
     isHidden2() && props.showLoginPrompt !== false ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-product-price__login-prompt text-sm text-muted-foreground italic", children: propellerV2CoreUi.getLabel(props.labels, "loginToSeePrices", "Log in to see prices") }) : null,
     !isHidden2() && !!getLeadingPrice() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-price__content flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-price__primary flex items-baseline gap-2", children: [
@@ -8655,6 +8748,11 @@ var RESOLVE_SPEC2 = {
   includeTax: { infra: "includeTax" },
   portalMode: { infra: "portalMode" },
   configuration: { infra: "configuration" },
+  // Same entry ClusterCard has always had. Without it a shop priced in
+  // anything but euros had no route to the cards at all: the grid resolved the
+  // currency and then dropped it, and the card fell through to the package
+  // default on every price it rendered.
+  currency: { infra: "currency", default: "\u20AC" },
   columns: { grid: "columns", default: 3 },
   showPrice: { grid: "showPrice" },
   showStock: { grid: "showStock" },
@@ -8756,7 +8854,7 @@ function ProductCardRoot(rawProps) {
     return /* @__PURE__ */ jsxRuntime.jsx(ProductCardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `propeller-product-card group relative flex h-full overflow-hidden rounded-container border border-border bg-card shadow-sm transition-all duration-200 hover:shadow-md hover:border-secondary/20 ${isRow ? "flex-row flex-wrap md:flex-nowrap items-center" : "flex-col"} ${props.className || ""}`,
+        className: cn(`propeller-product-card group relative flex h-full overflow-hidden rounded-container border border-border bg-card shadow-sm transition-all duration-200 hover:shadow-md hover:border-secondary/20 ${isRow ? "flex-row flex-wrap md:flex-nowrap items-center" : "flex-col"} ${props.className || ""}`),
         "data-layout": isRow ? "row" : "grid",
         children: rawProps.children
       }
@@ -8765,7 +8863,7 @@ function ProductCardRoot(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsx(ProductCardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-product-card group relative flex h-full overflow-hidden rounded-container border border-border bg-card shadow-sm transition-all duration-200 hover:shadow-md hover:border-secondary/20 ${isRow ? "flex-row flex-wrap md:flex-nowrap items-center" : "flex-col"} ${props.className || ""}`,
+      className: cn(`propeller-product-card group relative flex h-full overflow-hidden rounded-container border border-border bg-card shadow-sm transition-all duration-200 hover:shadow-md hover:border-secondary/20 ${isRow ? "flex-row flex-wrap md:flex-nowrap items-center" : "flex-col"} ${props.className || ""}`),
       "data-layout": isRow ? "row" : "grid",
       children: [
         props.showImage !== false ? /* @__PURE__ */ jsxRuntime.jsx(ProductCardImage, {}) : null,
@@ -8989,7 +9087,8 @@ function ProductCardPrice(props) {
       {
         price: product.price,
         includeTax: derived.useTax,
-        labels: resolved.priceLabels
+        labels: resolved.priceLabels,
+        currency: resolved.currency
       }
     ) });
   }
@@ -9000,6 +9099,8 @@ function ProductCardPrice(props) {
       includeTax: derived.useTax,
       priceSize: props.priceSize ?? "text-base sm:text-lg",
       labels: resolved.priceLabels,
+      currency: resolved.currency,
+      language: resolved.language,
       portalMode: resolved.portalMode,
       user: resolved.user,
       showLoginPrompt: false
@@ -9212,7 +9313,7 @@ function ProductGrid(rawProps) {
     return /* @__PURE__ */ jsxRuntime.jsx(ProductGridConfigProvider, { value: gridConfig, children: /* @__PURE__ */ jsxRuntime.jsx(ProductGridSearchContext.Provider, { value: compoundCtx, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `propeller-product-grid w-full ${props.className || ""}`,
+        className: cn(`propeller-product-grid w-full ${props.className || ""}`),
         "data-loading": getIsLoading() ? "true" : "false",
         "data-mode": "compound",
         children: rawProps.children
@@ -9222,7 +9323,7 @@ function ProductGrid(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsx(ProductGridConfigProvider, { value: gridConfig, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-product-grid w-full ${props.className || ""}`,
+      className: cn(`propeller-product-grid w-full ${props.className || ""}`),
       "data-loading": getIsLoading() ? "true" : "false",
       children: [
         getIsLoading() ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-product-grid__skeleton-grid ${getGridColsClass()}`, children: getSkeletonItems()?.map((_, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9325,7 +9426,7 @@ function ProductGridItems(props) {
   const gridClass = cols === 1 ? "flex flex-col gap-4" : cols === 2 ? "grid grid-cols-2 gap-3 sm:gap-6 auto-rows-fr" : cols === 4 ? "grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-6 auto-rows-fr" : cols === 5 ? "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3 sm:gap-6 auto-rows-fr" : cols === 6 ? "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3 sm:gap-6 auto-rows-fr" : "grid grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-6 auto-rows-fr";
   if (isLoading) {
     const skeletonCount = cols === 2 ? 4 : cols === 4 ? 8 : cols === 5 ? 10 : cols === 6 ? 12 : 6;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-product-grid__skeleton-grid ${gridClass} ${props.className ?? ""}`, children: Array.from({ length: skeletonCount }).map((_, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(`propeller-product-grid__skeleton-grid ${gridClass} ${props.className ?? ""}`), children: Array.from({ length: skeletonCount }).map((_, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: "propeller-product-grid__skeleton-card flex flex-col overflow-hidden rounded-container border border-border bg-card shadow-sm",
@@ -9347,7 +9448,7 @@ function ProductGridItems(props) {
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "propeller-product-grid__empty-message mt-1 text-sm text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "noProductsHelp", "Try adjusting your filters or search term.") })
     ] }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-product-grid__grid ${gridClass} ${props.className ?? ""}`, children: items.map((item, idx) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(`propeller-product-grid__grid ${gridClass} ${props.className ?? ""}`), children: items.map((item, idx) => {
     const isCluster = "clusterId" in item && !!item.clusterId;
     const key = item.productId || item.clusterId || idx;
     return /* @__PURE__ */ jsxRuntime.jsxs(React6__namespace.Fragment, { children: [
@@ -9405,6 +9506,7 @@ ProductGridCompound.Pagination = ProductGridPagination;
 var ProductGrid_default = ProductGridCompound;
 function GridFilters(rawProps) {
   const props = useInfraProps(rawProps);
+  const currencySymbol = props.currency ?? "\u20AC";
   const [selectedFilters, setSelectedFilters] = React6.useState(
     () => ({ ...props.activeTextFilters || {} })
   );
@@ -9608,7 +9710,7 @@ function GridFilters(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-grid-filters space-y-4 ${props.isMobile ? "pb-8" : "sticky top-24"} ${isPending ? "opacity-50 pointer-events-none" : ""} ${props.className || ""}`,
+      className: cn(`propeller-grid-filters space-y-4 ${props.isMobile ? "pb-8" : "sticky top-24"} ${isPending ? "opacity-50 pointer-events-none" : ""} ${props.className || ""}`),
       "data-mobile": props.isMobile ? "true" : "false",
       "data-pending": isPending ? "true" : "false",
       children: [
@@ -9621,7 +9723,7 @@ function GridFilters(rawProps) {
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-grid-filters__price-currency absolute left-2.5 top-1/2 -translate-y-1/2 text-xs text-foreground-subtle pointer-events-none", children: "\u20AC" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-grid-filters__price-currency absolute left-2.5 top-1/2 -translate-y-1/2 text-xs text-foreground-subtle pointer-events-none", children: currencySymbol }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "input",
                   {
@@ -9640,7 +9742,7 @@ function GridFilters(rawProps) {
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-grid-filters__price-separator text-foreground-subtle text-sm select-none", children: "\u2013" }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-grid-filters__price-currency absolute left-2.5 top-1/2 -translate-y-1/2 text-xs text-foreground-subtle pointer-events-none", children: "\u20AC" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-grid-filters__price-currency absolute left-2.5 top-1/2 -translate-y-1/2 text-xs text-foreground-subtle pointer-events-none", children: currencySymbol }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "input",
                   {
@@ -9948,6 +10050,7 @@ var DEFAULT_LABELS = {
 };
 function GridToolbar(rawProps) {
   const props = useInfraProps(rawProps);
+  const currencySymbol = props.currency ?? "\u20AC";
   const [currentSortField, setCurrentSortField] = React6.useState(
     propellerSdkV2.ProductSortField.CATEGORY_ORDER
   );
@@ -10032,7 +10135,7 @@ function GridToolbar(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-grid-toolbar ${props.className || ""}`,
+      className: cn(`propeller-grid-toolbar ${props.className || ""}`),
       "data-view-mode": currentViewMode,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-grid-toolbar__bar flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-4", children: [
@@ -10160,9 +10263,11 @@ function GridToolbar(rawProps) {
               },
               children: [
                 getLabel59("price"),
-                ": \u20AC",
+                ": ",
+                currencySymbol,
                 props.priceFilterMin ?? 0,
-                " \u2013 \u20AC",
+                " \u2013 ",
+                currencySymbol,
                 props.priceFilterMax ?? "\u221E",
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-grid-toolbar__filter-badge-remove", children: "\xD7" })
               ]
@@ -10271,7 +10376,7 @@ function GridPagination(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: `propeller-grid-pagination ${props.className || ""}`,
+      className: cn(`propeller-grid-pagination ${props.className || ""}`),
       "data-variant": variant,
       children: showPagination ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         variant === "compact" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-grid-pagination__compact flex justify-center items-center gap-2", children: [
@@ -10649,7 +10754,7 @@ function ClusterConfigurator(props) {
       initFromProduct(props.defaultProduct);
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-cluster-configurator ${props.className || ""}`, children: !!props.config?.settings?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cluster-configurator__content flex flex-col gap-6", children: settingsWithValues?.map((setting) => /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(`propeller-cluster-configurator ${props.className || ""}`), children: !!props.config?.settings?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cluster-configurator__content flex flex-col gap-6", children: settingsWithValues?.map((setting) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: "propeller-cluster-configurator__group",
@@ -10798,7 +10903,7 @@ function ClusterInfo(rawProps) {
       props.onClusterLoaded(fetchedCluster);
     }
   }, [fetchedCluster]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-cluster-info ${props.className || ""}`, "data-loading": loading ? "true" : "false", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-cluster-info ${props.className || ""}`), "data-loading": loading ? "true" : "false", children: [
     loading && !props.cluster ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cluster-info__skeleton animate-pulse space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cluster-info__skeleton-line h-4 bg-surface-hover rounded w-1/4" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cluster-info__skeleton-line h-8 bg-surface-hover rounded w-3/4" })
@@ -10813,8 +10918,8 @@ function ClusterInfo(rawProps) {
   ] });
 }
 var ClusterInfo_default = ClusterInfo;
-function formatPrice9(price, currency) {
-  return propellerV2CoreUi.formatPrice(price, { symbol: currency });
+function formatPrice9(price, currency, language) {
+  return propellerV2CoreUi.formatPrice(price, { symbol: currency, locale: propellerV2CoreUi.localeForLanguage(language) });
 }
 function getProductName2(product, language) {
   return propellerV2CoreUi.getLocalizedValue(product.names, language, `Product ${product.productId}`);
@@ -10841,7 +10946,7 @@ function ClusterOptions(rawProps) {
       const products = (option.products || []).map((p) => ({
         productId: p.productId,
         productIdStr: p.productId.toString(),
-        label: hidePrices ? getProductName2(p, language) : `${getProductName2(p, language)} \u2014 ${formatPrice9(p.price?.gross || 0, props.currency ?? "\u20AC")}`
+        label: hidePrices ? getProductName2(p, language) : `${getProductName2(p, language)} \u2014 ${formatPrice9(p.price?.gross || 0, props.currency ?? "\u20AC", language)}`
       }));
       let previewImageUrl = "";
       let previewName = "";
@@ -10853,7 +10958,7 @@ function ClusterOptions(rawProps) {
         if (selectedProduct) {
           previewImageUrl = getProductImageUrl4(selectedProduct);
           previewName = getProductName2(selectedProduct, language);
-          previewPrice = hidePrices ? "" : formatPrice9(selectedProduct.price?.gross || 0, props.currency ?? "\u20AC");
+          previewPrice = hidePrices ? "" : formatPrice9(selectedProduct.price?.gross || 0, props.currency ?? "\u20AC", props.language);
         }
       }
       const isRequired = option.isRequired === propellerSdkV2.YesNo.Y;
@@ -10889,7 +10994,7 @@ function ClusterOptions(rawProps) {
     }
   }
   const renderedOptions = getOptionsForRender();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-cluster-options ${props.className || ""}`, children: renderedOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cluster-options__content flex flex-col gap-6", children: renderedOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(`propeller-cluster-options ${props.className || ""}`), children: renderedOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-cluster-options__content flex flex-col gap-6", children: renderedOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: "propeller-cluster-options__group",
@@ -11342,7 +11447,7 @@ function FavoriteListItem(rawProps) {
     if (!priceObj) return "";
     const value = useTax ? priceObj.net : priceObj.gross;
     if (!value && value !== 0) return "";
-    return propellerV2CoreUi.formatPrice(value, { symbol: currency });
+    return propellerV2CoreUi.formatPrice(value, { symbol: currency, locale: propellerV2CoreUi.localeForLanguage(props.language) });
   })();
   function handleItemClick(e) {
     if (props.onItemClick) {
@@ -11382,7 +11487,7 @@ function FavoriteListItem(rawProps) {
       {
         onClick: (e) => handleItemClick(e),
         "data-type": isProduct ? "product" : "cluster",
-        className: `propeller-favorite-list-item flex flex-row items-center gap-4 rounded-container border border-border bg-card p-4 transition-colors hover:border-secondary/20 hover:shadow-sm cursor-pointer ${props.className || ""}`,
+        className: cn(`propeller-favorite-list-item flex flex-row items-center gap-4 rounded-container border border-border bg-card p-4 transition-colors hover:border-secondary/20 hover:shadow-sm cursor-pointer ${props.className || ""}`),
         children: rawProps.children
       }
     ) });
@@ -11392,7 +11497,7 @@ function FavoriteListItem(rawProps) {
     {
       onClick: (e) => handleItemClick(e),
       "data-type": isProduct ? "product" : "cluster",
-      className: `propeller-favorite-list-item flex flex-row items-center gap-4 rounded-container border border-border bg-card p-4 transition-colors hover:border-secondary/20 hover:shadow-sm cursor-pointer ${props.className || ""}`,
+      className: cn(`propeller-favorite-list-item flex flex-row items-center gap-4 rounded-container border border-border bg-card p-4 transition-colors hover:border-secondary/20 hover:shadow-sm cursor-pointer ${props.className || ""}`),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(FavoriteListItemImage, {}),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-favorite-list-item__body flex flex-col gap-0.5 min-w-0 flex-1", children: [
@@ -11906,7 +12011,7 @@ function FavoriteListDetails(rawProps) {
       fetchList();
     }
   }, [props.favoriteListId]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-favorite-list-details ${props.className || ""}`, "data-loading": loading ? "true" : "false", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-favorite-list-details ${props.className || ""}`), "data-loading": loading ? "true" : "false", children: [
     loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-favorite-list-details__skeleton space-y-4", children: [1, 2, 3]?.map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -12351,7 +12456,7 @@ function FavoriteLists(rawProps) {
     setNewSetAsDefault(false);
     closeCreateModal();
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-favorite-lists ${props.className || ""}`, "data-loading": loading ? "true" : "false", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-favorite-lists ${props.className || ""}`), "data-loading": loading ? "true" : "false", children: [
     props.allowFavoriteListCreate !== false && !loading && displayedLists.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-favorite-lists__toolbar flex justify-end mb-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -12874,7 +12979,7 @@ function ForgotPassword(rawProps) {
 }
 var ForgotPassword_default = ForgotPassword;
 function GridTitle(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-grid-title mb-8 ${props.className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-grid-title__row flex items-baseline gap-3 mb-3", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(`propeller-grid-title mb-8 ${props.className || ""}`), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-grid-title__row flex items-baseline gap-3 mb-3", children: [
     props.headingLevel === "h2" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-grid-title__heading text-3xl sm:text-4xl font-bold tracking-tight", children: props.title }) : null,
     props.headingLevel !== "h2" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "propeller-grid-title__heading text-3xl sm:text-4xl font-bold tracking-tight", children: props.title }) : null
   ] }) });
@@ -12917,12 +13022,12 @@ function ItemsOverview(rawProps) {
   const showPrice = props.showPrice !== void 0 ? props.showPrice : true;
   const items = props.cart?.items ?? [];
   const currencySymbol = props.currency ?? "\u20AC";
-  const money = (value) => value === void 0 || value === null ? "" : propellerV2CoreUi.formatPrice(value, { symbol: currencySymbol });
+  const money = (value) => value === void 0 || value === null ? "" : propellerV2CoreUi.formatPrice(value, { symbol: currencySymbol, locale: propellerV2CoreUi.localeForLanguage(props.language) });
   function formatItemPrice(price) {
     if (props.formatPrice) {
       return props.formatPrice(price);
     }
-    return propellerV2CoreUi.formatPrice(price || 0, { symbol: currencySymbol });
+    return propellerV2CoreUi.formatPrice(price || 0, { symbol: currencySymbol, locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function lineTotal(item) {
     return (useTax ? item.totalSumNet : item.totalSum) || 0;
@@ -13281,7 +13386,7 @@ function Menu(rawProps) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `propeller-menu ${props.className || ""}`,
+        className: cn(`propeller-menu ${props.className || ""}`),
         "data-variant": props.menuStyle || "custom",
         "data-loading": isLoading ? "true" : "false",
         children: customMenu
@@ -13291,7 +13396,7 @@ function Menu(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-menu ${props.className || ""}`,
+      className: cn(`propeller-menu ${props.className || ""}`),
       "data-variant": getMenuStyle(),
       "data-loading": isLoading ? "true" : "false",
       children: [
@@ -13437,7 +13542,7 @@ function OrderActions(rawProps) {
     // (the bug screenshot showed "Order / confirmation / (PDF)" on three lines).
     // `whitespace-nowrap` on the buttons is the belt-and-braces guarantee that
     // text never wraps even in narrow containers without flex sizing.
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-order-actions flex-shrink-0 ${props.className || ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-order-actions flex-shrink-0 ${props.className || ""}`), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-actions__actions flex flex-row items-center gap-3 flex-shrink-0", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -13525,20 +13630,21 @@ var OrderActions_default = OrderActions;
 function getProductName3(orderItem, language) {
   return propellerV2CoreUi.getLocalizedValue(orderItem?.product?.names, language, "") || orderItem?.name || "Unknown Product";
 }
-function getClusterUrl(orderItem, language) {
+function getClusterUrl(orderItem, language, urls) {
   const cluster = orderItem?.product?.cluster;
   if (!cluster) return "";
   const id = cluster.clusterId;
   const slug = propellerV2CoreUi.getLocalizedValue(cluster.slugs, language, "");
   if (!id || !slug) return "";
-  return `/cluster/${id}/${slug}`;
+  return urls?.getClusterUrl?.(cluster, language) || `/cluster/${id}/${slug}`;
 }
-function getProductUrl(orderItem, language) {
-  const cu = getClusterUrl(orderItem, language);
+function getProductUrl(orderItem, language, urls) {
+  const cu = getClusterUrl(orderItem, language, urls);
   if (cu) return cu;
-  const id = orderItem?.product?.productId;
-  const slug = propellerV2CoreUi.getLocalizedValue(orderItem?.product?.slugs, language, "");
-  if (id && slug) return `/product/${id}/${slug}`;
+  const product = orderItem?.product;
+  const id = product?.productId;
+  const slug = propellerV2CoreUi.getLocalizedValue(product?.slugs, language, "");
+  if (id && slug) return urls?.getProductUrl?.(product, language) || `/product/${id}/${slug}`;
   return "";
 }
 function OrderItemCard(props) {
@@ -13555,7 +13661,7 @@ function OrderItemCard(props) {
   const productName = getProductName3(item, props.language);
   const productSku = item?.product?.sku || item?.sku || "";
   const productImage = item?.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "";
-  const productUrl = getProductUrl(item, props.language);
+  const productUrl = getProductUrl(item, props.language, props.configuration?.urls);
   const quantity = item?.quantity || 0;
   const priceTotal = item?.priceTotal || 0;
   const discount = item?.discount || 0;
@@ -13568,7 +13674,7 @@ function OrderItemCard(props) {
       return props.formatPrice(price);
     }
     if (!price && price !== 0) return "-";
-    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   const discountDisplay = discountPercentage > 0 ? `${formatItemPrice(discount)} (${discountPercentage.toFixed(2).replace(".", ",")}%)` : formatItemPrice(discount);
   return /* @__PURE__ */ jsxRuntime.jsxs("tbody", { className: "propeller-order-item-card", children: [
@@ -13687,7 +13793,7 @@ function OrderBonusItems(rawProps) {
   const bonusItems = propellerV2CoreUi.getNettedBonusItems(allItems);
   if (bonusItems.length === 0) return null;
   const OrderItemCardImpl = props.orderItemCardComponent ?? OrderItemCard_default;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-order-bonus-items ${props.className || "mb-8"}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-order-bonus-items ${props.className || "mb-8"}`), children: [
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-order-bonus-items__title text-lg font-bold mb-3 text-foreground", children: propellerV2CoreUi.getLabel(props.labels, "title", "Bonus items") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-order-bonus-items__table bg-card rounded-container shadow overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full", children: bonusItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
       OrderItemCardImpl,
@@ -13733,7 +13839,7 @@ function OrderList(rawProps) {
   function formatPrice17(price) {
     if (props.formatPrice) return props.formatPrice(price);
     if (!price) return "-";
-    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function getStatusColor(status) {
     if (props.getStatusColor) return props.getStatusColor(status);
@@ -13777,7 +13883,7 @@ function OrderList(rawProps) {
     }
     return fields;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-order-list ${props.className || ""}`, "data-loading": loading ? "true" : "false", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-order-list ${props.className || ""}`), "data-loading": loading ? "true" : "false", children: [
     props.enableSearch && searchFields().length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-list__filters mb-6 bg-card p-4 rounded-container shadow space-y-4", children: [
       searchFields().includes("term") ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-order-list__search-field w-full", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "propeller-order-list__filter-label block text-sm font-medium text-muted-foreground capitalize mb-1", children: getColumnLabel("term") }),
@@ -14162,7 +14268,31 @@ function OrderList(rawProps) {
           ) })
         ] })
       ] }) : null
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-order-list__empty${props.flat ? "" : " bg-card rounded-container shadow"} p-8 text-center`, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: propellerV2CoreUi.getLabel(props.labels, "noOrders", "No orders found.") }) }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-order-list__loading p-8 text-center text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "loading", "Loading orders...") })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-order-list__empty${props.flat ? "" : " bg-card rounded-container shadow"} p-8 text-center`, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: propellerV2CoreUi.getLabel(props.labels, "noOrders", "No orders found.") }) }) }) : (
+      // A centred line of text collapsed the list to one row and then
+      // snapped back, which is what made a language switch on the account
+      // pages look broken. Skeleton rows hold the layout instead.
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: `propeller-order-list__loading${props.flat ? "" : " bg-card rounded-container shadow"} p-4`,
+          "aria-busy": "true",
+          "aria-label": propellerV2CoreUi.getLabel(props.labels, "loading", "Loading orders..."),
+          children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "propeller-order-list__skeleton-row flex items-center gap-4 py-4 border-b border-border last:border-b-0 animate-pulse",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-order-list__skeleton-line h-4 bg-surface-hover rounded w-24" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-order-list__skeleton-line h-4 bg-surface-hover rounded w-32" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-order-list__skeleton-line h-4 bg-surface-hover rounded w-20 ml-auto" })
+              ]
+            },
+            index
+          ))
+        }
+      )
+    )
   ] });
 }
 var OrderList_default = OrderList;
@@ -14203,7 +14333,7 @@ function QuickOrderInner(props) {
   } = props;
   const user = props.user ?? null;
   const graphqlClient = props.graphqlClient;
-  const displayPrice = (n) => props.formatPrice ? props.formatPrice(n) : propellerV2CoreUi.formatPrice(n, { symbol: currency });
+  const displayPrice = (n) => props.formatPrice ? props.formatPrice(n) : propellerV2CoreUi.formatPrice(n, { symbol: currency, locale: propellerV2CoreUi.localeForLanguage(props.language) });
   const L = (key, fallback) => propellerV2CoreUi.getLabel(labels, key, fallback);
   const { submitting, searchProducts, submit } = useQuickOrder({
     graphqlClient,
@@ -14367,6 +14497,7 @@ function QuickOrderInner(props) {
           target: "_blank",
           rel: "noopener nofollow",
           className: "text-primary hover:underline text-sm inline-block mb-4",
+          onClick: () => props.onTemplateDownload?.(),
           children: L("downloadTemplate", "Download XLSX template")
         }
       ) : null,
@@ -14530,7 +14661,7 @@ function OrderShipments(props) {
     const code = tat.code || "";
     return `${baseUrl}${code}`;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `order-shipments ${props.className || ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`order-shipments ${props.className || ""}`), children: [
     shipments.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold", children: propellerV2CoreUi.getLabel(props.labels, "title", "Shipping details") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto rounded-lg border border-border bg-card shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
@@ -14736,7 +14867,7 @@ function OrderSummary(props) {
     if (props.formatPrice) {
       return props.formatPrice(price);
     }
-    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function numericDate(dateString) {
     const d = new Date(dateString);
@@ -14844,7 +14975,7 @@ function OrderTotals(props) {
   const postageData = props.order?.postageData;
   function formatItemPrice(price) {
     if (props.formatPrice) return props.formatPrice(price);
-    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   const subtotal = total?.gross || 0;
   const hasDiscount = !!total && total.discountType !== propellerSdkV2.OrderDiscountType.N && total.discountValue > 0;
@@ -14931,7 +15062,7 @@ function PriceToggle(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-price-toggle flex items-center gap-2 ${props.className || ""}`,
+      className: cn(`propeller-price-toggle flex items-center gap-2 ${props.className || ""}`),
       "data-state": isOn ? "on" : "off",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-price-toggle__label hidden sm:inline text-xs", children: label }),
@@ -15009,7 +15140,7 @@ function ProductBulkPrices(props) {
   function getPrice(tier) {
     const value = includeTax ? tier.net : tier.gross;
     if (value === null || value === void 0) return "";
-    return propellerV2CoreUi.formatPrice(value, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(value, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   function getQuantityLabel(tier, index) {
     const discount = tier.discount;
@@ -15020,13 +15151,14 @@ function ProductBulkPrices(props) {
     if (nextQty) return `${qty}\u2013${nextQty - 1}`;
     return `${qty}+`;
   }
+  const title = props.labels?.title ?? "Volume pricing";
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !isHidden2 && hasItems ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-product-bulk-prices ${props.className || ""}`,
+      className: cn(`propeller-product-bulk-prices ${props.className || ""}`),
       "data-include-tax": includeTax ? "true" : "false",
       children: [
-        propellerV2CoreUi.getLabel(props.labels, "title", "Volume pricing") ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-product-bulk-prices__title text-base font-semibold text-foreground mb-3", children: propellerV2CoreUi.getLabel(props.labels, "title", "Volume pricing") }) : null,
+        title ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-product-bulk-prices__title text-base font-semibold text-foreground mb-3", children: title }) : null,
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-bulk-prices__table-wrapper overflow-hidden rounded-container border border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "propeller-product-bulk-prices__table w-full text-sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "propeller-product-bulk-prices__thead bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("th", { className: "propeller-product-bulk-prices__th propeller-product-bulk-prices__th--quantity px-4 py-2 text-left font-medium text-muted-foreground", children: propellerV2CoreUi.getLabel(props.labels, "quantityFrom", "Qty from") }),
@@ -15073,7 +15205,7 @@ function ProductBundles(rawProps) {
   const props = useInfraProps(rawProps);
   const language = props.language;
   const currencySymbol = props.currency ?? "\u20AC";
-  const money = (value) => propellerV2CoreUi.formatPrice(value, { symbol: currencySymbol });
+  const money = (value) => propellerV2CoreUi.formatPrice(value, { symbol: currencySymbol, locale: propellerV2CoreUi.localeForLanguage(props.language) });
   const [isMounted, setIsMounted] = React6.useState(false);
   const [addingBundleId, setAddingBundleId] = React6.useState(null);
   const [lastAddedBundle, setLastAddedBundle] = React6.useState(null);
@@ -15170,7 +15302,7 @@ function ProductBundles(rawProps) {
   React6.useEffect(() => {
     fetchBundles(props.productId);
   }, [props.productId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isMounted && !isLoading && bundles.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-bundles ${props.className || "mb-12"}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isMounted && !isLoading && bundles.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-bundles ${props.className || "mb-12"}`), children: [
     bundles.map((bundle, bundleIdx) => {
       const bundlePrice = getBundlePrice(bundle, includeTax);
       const originalPrice = getOriginalPrice(bundle, includeTax);
@@ -15264,7 +15396,7 @@ function ProductBundles(rawProps) {
                     onClick: () => handleAddToCart(bundle),
                     disabled: addingBundleId === bundle.id,
                     "data-loading": addingBundleId === bundle.id ? "true" : "false",
-                    children: addingBundleId === bundle.id ? propellerV2CoreUi.getLabel(props.labels, "adding", "Adding...") : propellerV2CoreUi.getLabel(props.labels, "addToCart", "In cart")
+                    children: addingBundleId === bundle.id ? propellerV2CoreUi.getLabel(props.labels, "adding", "Adding...") : propellerV2CoreUi.getLabel(props.labels, "addToCart", "Add to cart")
                   }
                 )
               ] }) : props.showLoginPrompt !== false ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-bundles__login-prompt text-center text-sm text-muted-foreground py-2", children: propellerV2CoreUi.getLabel(
@@ -15469,7 +15601,7 @@ function ProductDescription(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !!html ? /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-product-description ${props.className || ""}`,
+      className: cn(`propeller-product-description ${props.className || ""}`),
       "data-expanded": expanded ? "true" : "false",
       "data-truncatable": shouldTruncate ? "true" : "false",
       children: [
@@ -15508,7 +15640,7 @@ function ProductDownloads(props) {
     const match = alts.find((a) => a.language === lang);
     return match?.value || alts?.[0]?.value || "Download";
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-downloads ${props.className || ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-downloads ${props.className || ""}`), children: [
     hasItems ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-product-downloads__title text-base font-semibold text-foreground mb-3", children: propellerV2CoreUi.getLabel(props.labels, "title", "Downloads") }) : null,
     hasItems ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "propeller-product-downloads__list space-y-2", children: items.map((doc, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "propeller-product-downloads__item", children: !!getDocumentUrl(doc) ? /* @__PURE__ */ jsxRuntime.jsxs(
       "a",
@@ -15579,7 +15711,7 @@ function ProductGallery(props) {
     if (images.length === 0) return;
     setSelectedIndex((idx) => (idx + 1) % images.length);
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-gallery ${props.className || ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-gallery ${props.className || ""}`), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-gallery__stage relative aspect-square bg-card overflow-hidden", children: [
       images.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-gallery__empty flex h-full w-full items-center justify-center bg-surface-hover", children: /* @__PURE__ */ jsxRuntime.jsx(
         "svg",
@@ -15914,13 +16046,13 @@ function ProductInfo(rawProps) {
       }
     };
     if (rawProps.children !== void 0) {
-      return /* @__PURE__ */ jsxRuntime.jsx(ProductInfoContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(ProductGridConfigProvider, { value: pdpConfig, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-info ${props.className || ""}`, children: [
+      return /* @__PURE__ */ jsxRuntime.jsx(ProductInfoContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(ProductGridConfigProvider, { value: pdpConfig, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-info ${props.className || ""}`), children: [
         props.beforeContent ? props.beforeContent(product) : null,
         rawProps.children,
         props.afterContent ? props.afterContent(product) : null
       ] }) }) });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(ProductInfoContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(ProductGridConfigProvider, { value: pdpConfig, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-info ${props.className || ""}`, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(ProductInfoContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(ProductGridConfigProvider, { value: pdpConfig, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-info ${props.className || ""}`), children: [
       props.beforeContent ? props.beforeContent(product) : null,
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-info__media relative", children: [
@@ -15942,7 +16074,7 @@ function ProductInfo(rawProps) {
       props.afterContent ? props.afterContent(product) : null
     ] }) }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-info ${props.className || ""}`, "data-loading": loading ? "true" : "false", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-info ${props.className || ""}`), "data-loading": loading ? "true" : "false", children: [
     loading && !props.product ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-info__skeleton animate-pulse space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-info__skeleton-line h-4 bg-surface-hover rounded w-1/4" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-info__skeleton-line h-8 bg-surface-hover rounded w-3/4" })
@@ -16218,7 +16350,7 @@ function ProductShortDescription(props) {
     "div",
     {
       dangerouslySetInnerHTML: { __html: html },
-      className: `propeller-product-short-description prose prose-slate max-w-none text-muted-foreground ${props.className || ""}`
+      className: cn(`propeller-product-short-description prose prose-slate max-w-none text-muted-foreground ${props.className || ""}`)
     }
   ) : null });
 }
@@ -16385,7 +16517,7 @@ function ProductSlider(rawProps) {
   }, [sliderId, items().length]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     " ",
-    !(isCrossUpsellMode() && !isLoading && items().length === 0) ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-slider ${props.containerClassName || "mb-12"}`, "data-loading": isLoading ? "true" : "false", children: [
+    !(isCrossUpsellMode() && !isLoading && items().length === 0) ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-slider ${props.containerClassName || "mb-12"}`), "data-loading": isLoading ? "true" : "false", children: [
       sliderTitle() || items().length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-slider__header flex items-center justify-between mb-6", children: [
         sliderTitle() ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-product-slider__title text-2xl font-bold", children: sliderTitle() }) : null,
         items().length > desktopCount() ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-slider__nav flex gap-2", children: [
@@ -16573,7 +16705,7 @@ function ProductSpecifications(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !loading && (hasPublicAttributes() || props.packageDescription || hasSlotContent) ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-product-specifications ${props.className || ""}`,
+      className: cn(`propeller-product-specifications ${props.className || ""}`),
       "data-layout": props.layout === "list" ? "list" : "table",
       "data-grouped": props.grouping ? "true" : "false",
       children: [
@@ -16654,7 +16786,7 @@ function ProductVideos(props) {
     }
     return uri;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `propeller-product-videos ${props.className || ""}`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(`propeller-product-videos ${props.className || ""}`), children: [
     hasItems ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "propeller-product-videos__title text-base font-semibold text-foreground mb-3", children: propellerV2CoreUi.getLabel(props.labels, "title", "Videos") }) : null,
     hasItems ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-product-videos__list space-y-4", children: items.map((video, index) => /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -16752,7 +16884,7 @@ function ProductTabs(rawProps) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.product ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `propeller-product-tabs ${props.className || ""}`,
+      className: cn(`propeller-product-tabs ${props.className || ""}`),
       "data-active-tab": activeTab,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-product-tabs__desktop hidden md:block", children: [
@@ -17058,7 +17190,7 @@ function PurchaseAuthorizationConfigurator(rawProps) {
     onPurchaseAuthorizationDelete: props.onPurchaseAuthorizationDelete,
     afterPurchaseAuthorizationDelete: props.afterPurchaseAuthorizationDelete
   });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-purchase-authorization-configurator ${props.className || ""}`, children: isAuthManager ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(`propeller-purchase-authorization-configurator ${props.className || ""}`), children: isAuthManager ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold", children: propellerV2CoreUi.getLabel(props.labels, "title", "Purchase Authorization Settings") }),
@@ -17403,7 +17535,7 @@ function PurchaseAuthorizationRequests(rawProps) {
   }
   function formatPrice17(price) {
     if (props.formatPrice) return props.formatPrice(price);
-    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   const columnLabelKeys = {
     date: ["colDate", "Date"],
@@ -17425,7 +17557,7 @@ function PurchaseAuthorizationRequests(rawProps) {
     if (fromBundle) return fromBundle;
     return item?.product?.sku || "";
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `propeller-purchase-authorization-requests ${props.className || ""}`, children: isAuthManager ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-purchase-authorization-requests__content space-y-4", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(`propeller-purchase-authorization-requests ${props.className || ""}`), children: isAuthManager ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-purchase-authorization-requests__content space-y-4", children: [
     !props.hideTitle ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "propeller-purchase-authorization-requests__title text-xl font-semibold", children: propellerV2CoreUi.getLabel(props.labels, "title", "Authorization Requests") }) : null,
     loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 border-4 border-primary border-t-transparent rounded-full animate-spin" }) }) : null,
     !loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -18624,12 +18756,12 @@ function RegisterForm(rawProps) {
   ] });
 }
 var RegisterForm_default = RegisterForm;
-function mapToSearchBarResult(item, language) {
+function mapToSearchBarResult(item, language, urls) {
   const isCluster = "clusterId" in item;
   const displayItem = isCluster ? item.defaultProduct : item;
   const id = isCluster ? item.clusterId : item.productId;
   const slug = propellerV2CoreUi.getLocalizedValue(item.slugs, language, "");
-  const url = isCluster ? "/cluster/" + id + "/" + slug : "/product/" + id + "/" + slug;
+  const url = isCluster ? urls?.getClusterUrl?.(item, language) || "/cluster/" + id + "/" + slug : urls?.getProductUrl?.(item, language) || "/product/" + id + "/" + slug;
   const priceNet = displayItem?.price?.net || 0;
   const priceGross = displayItem?.price?.gross || 0;
   const localizedName = language && item.names?.find((n) => n.language === language)?.value || item.names?.[0]?.value || "Product";
@@ -18669,13 +18801,19 @@ function SearchBar(rawProps) {
     applyOrderlists: props.applyOrderlists,
     productTrackAttributes: props.productTrackAttributes
   });
-  const results = searchResults.slice(0, maxResults).map((item) => mapToSearchBarResult(item, props.language));
+  const results = searchResults.slice(0, maxResults).map(
+    (item) => mapToSearchBarResult(
+      item,
+      props.language,
+      props.configuration?.urls
+    )
+  );
   const itemsFound = searchItemsFound;
   function formatItemPrice(price) {
     if (props.formatPrice) {
       return props.formatPrice(price);
     }
-    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC" });
+    return propellerV2CoreUi.formatPrice(price || 0, { symbol: props.currency ?? "\u20AC", locale: propellerV2CoreUi.localeForLanguage(props.language) });
   }
   const useTax = !!props.includeTax;
   function leadingPrice(result) {
@@ -18745,7 +18883,7 @@ function SearchBar(rawProps) {
     {
       ref: containerRef,
       "data-search-bar": true,
-      className: `propeller-search-bar ${props.containerClassName || "relative flex-1 max-w-2xl mx-8"}`,
+      className: cn(`propeller-search-bar ${props.containerClassName || "relative flex-1 max-w-2xl mx-8"}`),
       "data-open": showDropdown ? "true" : "false",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("form", { className: "propeller-search-bar__form", onSubmit: (e) => handleSubmit(e), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-search-bar__input-wrapper relative", children: [
@@ -18774,7 +18912,14 @@ function SearchBar(rawProps) {
             {
               type: "search",
               autoComplete: "off",
-              className: "propeller-search-bar__input w-full pl-10 pr-10 py-2 bg-white/95 border border-white/20 rounded-container focus:outline-none focus:ring-2 focus:ring-secondary placeholder:text-muted-foreground",
+              className: cn(
+                // Themed surface + border rather than the white-on-white the
+                // boilerplate's dark header band happened to make work: on a
+                // light header `bg-white/95 border-white/20` rendered as an
+                // invisible input.
+                "propeller-search-bar__input w-full pl-10 pr-10 py-2 bg-card border border-input rounded-container focus:outline-none focus:ring-2 focus:ring-secondary placeholder:text-muted-foreground",
+                props.inputClassName
+              ),
               placeholder: props.placeholder || "Search products...",
               value: localTerm,
               onChange: (e) => handleInputChange(e.target.value)