@propeller-commerce/propeller-v2-vue-ui 0.3.26 → 0.3.27

package/dist/index.js

@@ -2,7 +2,7 @@ import { h as createServices, H as isContact, J as isCustomer, M as ok, j as err
 import { C, a, f, i, m, t, u, A, F, G, I, K, L, N, P, Q, R, S, T } from "./index-BN8nyGRL.js";
 import { u as useInfraProps, n as usePropellerDeps, a as PropellerScopeKey, j as _sfc_main$W, d as _sfc_main$X, e as _sfc_main$Y, m as usePropellerContext, h as _sfc_main$Z, i as _sfc_main$_, l as _sfc_main$$ } from "./ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js";
 import { _, b, c, f as f2, g, k, P as P2, p, t as t2, o, q } from "./ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js";
-import { provide, inject, ref, unref, computed, watch, markRaw, defineComponent, reactive, renderSlot, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode, onMounted, onUnmounted, withModifiers, renderList, normalizeClass, createBlock, resolveDynamicComponent, withCtx, normalizeStyle, createVNode, createStaticVNode, withKeys, mergeProps, nextTick } from "vue";
+import { provide, inject, ref, unref, computed, watch, markRaw, defineComponent, reactive, renderSlot, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode, onMounted, onUnmounted, withModifiers, renderList, normalizeClass, createBlock, resolveDynamicComponent, withCtx, normalizeStyle, createVNode, createStaticVNode, withKeys, mergeProps, nextTick, createSlots, normalizeProps, guardReactiveProps } from "vue";
 import { YesNo, AddressType, CartService, CartStatus, CartAddressType, Gender, PurchaseRole, CrossupsellType, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSortField, ProductSearchableField, ProductStatus, SortOrder, AttributeType, OrderSortField, OrderType, BundleCondition } from "@propeller-commerce/propeller-sdk-v2";
 const ProductGridInjectionKey = /* @__PURE__ */ Symbol("propeller-product-grid");
 function provideProductGridConfig(value) {
@@ -3095,7 +3095,7 @@ const _hoisted_19$p = {
   key: 2,
   class: "propeller-login-form__footer flex flex-col gap-2 text-sm pt-3 text-center"
 };
-const _hoisted_20$m = { class: "propeller-login-form__register text-xs text-muted-foreground" };
+const _hoisted_20$n = { class: "propeller-login-form__register text-xs text-muted-foreground" };
 const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "LoginForm",
   props: {
@@ -3369,7 +3369,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
               })
             }, toDisplayString(getLabel$1("forgotPassword", "Forgot Password?")), 1)
           ]) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_20$m, [
+          createElementVNode("div", _hoisted_20$n, [
             createTextVNode(toDisplayString(getLabel$1("noAccount", "Don't have an account?")), 1),
             __props.displayRegisterLink !== false ? renderSlot(_ctx.$slots, "registerLink", {
               key: 0,
@@ -3424,13 +3424,13 @@ const _hoisted_16$q = { class: "propeller-account-menu__user-name font-medium te
 const _hoisted_17$q = { class: "propeller-account-menu__nav" };
 const _hoisted_18$o = { class: "propeller-account-menu__list space-y-0.5" };
 const _hoisted_19$o = ["onClick"];
-const _hoisted_20$l = { class: "propeller-account-menu__logout-wrapper mt-3 pt-3 border-t border-border" };
-const _hoisted_21$j = {
+const _hoisted_20$m = { class: "propeller-account-menu__logout-wrapper mt-3 pt-3 border-t border-border" };
+const _hoisted_21$k = {
   key: 1,
   class: "propeller-account-menu__login-cta text-center py-4"
 };
-const _hoisted_22$j = { class: "propeller-account-menu__login-title text-lg font-semibold mb-2" };
-const _hoisted_23$j = { class: "propeller-account-menu__login-subtitle text-sm text-muted-foreground mb-4" };
+const _hoisted_22$k = { class: "propeller-account-menu__login-title text-lg font-semibold mb-2" };
+const _hoisted_23$k = { class: "propeller-account-menu__login-subtitle text-sm text-muted-foreground mb-4" };
 const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "AccountIconAndMenu",
   props: {
@@ -3664,7 +3664,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                     }), 128))
                   ])
                 ]),
-                createElementVNode("div", _hoisted_20$l, [
+                createElementVNode("div", _hoisted_20$m, [
                   createElementVNode("button", {
                     type: "button",
                     class: "propeller-account-menu__logout-btn flex w-full items-center gap-3 px-3 py-2 text-sm font-medium text-primary hover:bg-secondary/5 rounded-[var(--radius-control)] transition-colors",
@@ -3694,9 +3694,9 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                   onGuestCheckoutClick: (event) => handleGuestCheckoutClick(),
                   accountHeaderLoginForm: __props.accountHeaderLoginForm
                 }, null, 40, ["graphqlClient", "cart", "title", "subtitle", "buttonText", "displayForgotPasswordLink", "displayRegisterLink", "displayGuestCheckoutLink", "labels", "onLoginSubmit", "loginLoading", "loginError", "beforeLogin", "afterLogin", "onForgotPasswordClick", "onRegisterClick", "onGuestCheckoutClick", "accountHeaderLoginForm"])) : createCommentVNode("", true),
-                __props.accountHeaderLoginForm === false ? (openBlock(), createElementBlock("div", _hoisted_21$j, [
-                  createElementVNode("h4", _hoisted_22$j, toDisplayString(getMenuTitle()), 1),
-                  createElementVNode("p", _hoisted_23$j, toDisplayString(getLabel$1("loginSubtitle", "Login to access your account")), 1),
+                __props.accountHeaderLoginForm === false ? (openBlock(), createElementBlock("div", _hoisted_21$k, [
+                  createElementVNode("h4", _hoisted_22$k, toDisplayString(getMenuTitle()), 1),
+                  createElementVNode("p", _hoisted_23$k, toDisplayString(getLabel$1("loginSubtitle", "Login to access your account")), 1),
                   createElementVNode("button", {
                     type: "button",
                     class: "propeller-account-menu__login-btn w-full inline-flex justify-center items-center px-4 py-2 rounded-[var(--radius-control)] bg-secondary text-primary-foreground text-sm font-medium hover:bg-secondary/90 transition-colors",
@@ -3953,23 +3953,23 @@ const _hoisted_19$n = {
   class: "h-5 w-5",
   strokeWidth: 2
 };
-const _hoisted_20$k = { class: "propeller-add-to-cart__modal-body px-6 py-5" };
-const _hoisted_21$i = { class: "propeller-add-to-cart__modal-product flex items-start gap-4" };
-const _hoisted_22$i = ["src", "alt"];
-const _hoisted_23$i = {
+const _hoisted_20$l = { class: "propeller-add-to-cart__modal-body px-6 py-5" };
+const _hoisted_21$j = { class: "propeller-add-to-cart__modal-product flex items-start gap-4" };
+const _hoisted_22$j = ["src", "alt"];
+const _hoisted_23$j = {
   key: 1,
   class: "propeller-add-to-cart__modal-image-placeholder w-16 h-16 flex items-center justify-center rounded border border-border-subtle flex-shrink-0 bg-surface-hover"
 };
-const _hoisted_24$h = {
+const _hoisted_24$i = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   class: "w-8 h-8 text-foreground-subtle",
   strokeWidth: 1.5
 };
-const _hoisted_25$h = { class: "flex-1 min-w-0" };
-const _hoisted_26$h = ["href"];
-const _hoisted_27$h = {
+const _hoisted_25$i = { class: "flex-1 min-w-0" };
+const _hoisted_26$i = ["href"];
+const _hoisted_27$i = {
   key: 0,
   class: "propeller-add-to-cart__modal-sku text-xs text-foreground-subtle mt-0.5"
 };
@@ -4344,16 +4344,16 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                 ])]))
               ])
             ]),
-            createElementVNode("div", _hoisted_20$k, [
-              createElementVNode("div", _hoisted_21$i, [
+            createElementVNode("div", _hoisted_20$l, [
+              createElementVNode("div", _hoisted_21$j, [
                 !!getModalImageUrl() ? (openBlock(), createElementBlock("img", {
                   key: 0,
                   class: "propeller-add-to-cart__modal-image w-16 h-16 object-contain rounded border border-border-subtle flex-shrink-0",
                   src: getModalImageUrl(),
                   alt: getModalName()
-                }, null, 8, _hoisted_22$i)) : createCommentVNode("", true),
-                !getModalImageUrl() ? (openBlock(), createElementBlock("div", _hoisted_23$i, [
-                  (openBlock(), createElementBlock("svg", _hoisted_24$h, [..._cache[17] || (_cache[17] = [
+                }, null, 8, _hoisted_22$j)) : createCommentVNode("", true),
+                !getModalImageUrl() ? (openBlock(), createElementBlock("div", _hoisted_23$j, [
+                  (openBlock(), createElementBlock("svg", _hoisted_24$i, [..._cache[17] || (_cache[17] = [
                     createElementVNode("path", {
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
@@ -4361,12 +4361,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                     }, null, -1)
                   ])]))
                 ])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_25$h, [
+                createElementVNode("div", _hoisted_25$i, [
                   createElementVNode("a", {
                     class: "propeller-add-to-cart__modal-product-title text-sm font-medium text-secondary leading-tight hover:underline line-clamp-2",
                     href: getProductUrl()
-                  }, toDisplayString(getModalName()), 9, _hoisted_26$h),
-                  !!getModalSku() ? (openBlock(), createElementBlock("p", _hoisted_27$h, " SKU: " + toDisplayString(getModalSku()), 1)) : createCommentVNode("", true),
+                  }, toDisplayString(getModalName()), 9, _hoisted_26$i),
+                  !!getModalSku() ? (openBlock(), createElementBlock("p", _hoisted_27$i, " SKU: " + toDisplayString(getModalSku()), 1)) : createCommentVNode("", true),
                   getModalSurcharges().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_28$h, [
                     createElementVNode("span", _hoisted_29$h, toDisplayString(getLabel$1("surcharges", "Additional surcharges:")), 1),
                     createElementVNode("ul", _hoisted_30$g, [
@@ -4482,7 +4482,7 @@ const _hoisted_16$o = { class: "propeller-add-to-favorite__select-label text-xs
 const _hoisted_17$o = ["value"];
 const _hoisted_18$m = ["value"];
 const _hoisted_19$m = ["disabled"];
-const _hoisted_20$j = {
+const _hoisted_20$k = {
   key: 2,
   class: "propeller-add-to-favorite__empty py-4 text-center text-muted-foreground text-sm"
 };
@@ -4753,7 +4753,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                   ], 64))
                 ], 8, _hoisted_19$m)
               ])) : createCommentVNode("", true),
-              getMemberLists().length === 0 && getNonMemberLists().length === 0 ? (openBlock(), createElementBlock("div", _hoisted_20$j, toDisplayString(getLabel$1(
+              getMemberLists().length === 0 && getNonMemberLists().length === 0 ? (openBlock(), createElementBlock("div", _hoisted_20$k, toDisplayString(getLabel$1(
                 "noLists",
                 "You have no favorite lists. Create one in your account first."
               )), 1)) : createCommentVNode("", true)
@@ -4804,14 +4804,14 @@ const _hoisted_16$n = {
 const _hoisted_17$n = { class: "space-y-4" };
 const _hoisted_18$l = { class: "grid grid-cols-2 gap-4" };
 const _hoisted_19$l = { class: "block text-sm font-medium mb-1" };
-const _hoisted_20$i = ["value"];
-const _hoisted_21$h = { value: "M" };
-const _hoisted_22$h = { value: "F" };
-const _hoisted_23$h = { value: "U" };
-const _hoisted_24$g = { class: "block text-sm font-medium mb-1" };
-const _hoisted_25$g = ["value"];
-const _hoisted_26$g = { class: "grid grid-cols-3 gap-4" };
-const _hoisted_27$g = { class: "block text-sm font-medium mb-1" };
+const _hoisted_20$j = ["value"];
+const _hoisted_21$i = { value: "M" };
+const _hoisted_22$i = { value: "F" };
+const _hoisted_23$i = { value: "U" };
+const _hoisted_24$h = { class: "block text-sm font-medium mb-1" };
+const _hoisted_25$h = ["value"];
+const _hoisted_26$h = { class: "grid grid-cols-3 gap-4" };
+const _hoisted_27$h = { class: "block text-sm font-medium mb-1" };
 const _hoisted_28$g = ["value"];
 const _hoisted_29$g = { class: "block text-sm font-medium mb-1" };
 const _hoisted_30$f = ["value"];
@@ -5221,13 +5221,13 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                       editGender.value = e.target.value;
                     })
                   }, [
-                    createElementVNode("option", _hoisted_21$h, toDisplayString(getLabel$1("genderMale", "Male")), 1),
-                    createElementVNode("option", _hoisted_22$h, toDisplayString(getLabel$1("genderFemale", "Female")), 1),
-                    createElementVNode("option", _hoisted_23$h, toDisplayString(getLabel$1("genderOther", "Other")), 1)
-                  ], 40, _hoisted_20$i)
+                    createElementVNode("option", _hoisted_21$i, toDisplayString(getLabel$1("genderMale", "Male")), 1),
+                    createElementVNode("option", _hoisted_22$i, toDisplayString(getLabel$1("genderFemale", "Female")), 1),
+                    createElementVNode("option", _hoisted_23$i, toDisplayString(getLabel$1("genderOther", "Other")), 1)
+                  ], 40, _hoisted_20$j)
                 ]),
                 createElementVNode("div", null, [
-                  createElementVNode("label", _hoisted_24$g, toDisplayString(getLabel$1("company", "Company")), 1),
+                  createElementVNode("label", _hoisted_24$h, toDisplayString(getLabel$1("company", "Company")), 1),
                   createElementVNode("input", {
                     type: "text",
                     class: "propeller-address-card__input w-full h-10 px-3 rounded-[var(--radius-control)] border border-input",
@@ -5235,12 +5235,12 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                     onChange: _cache[4] || (_cache[4] = async (e) => {
                       editCompany.value = e.target.value;
                     })
-                  }, null, 40, _hoisted_25$g)
+                  }, null, 40, _hoisted_25$h)
                 ])
               ]),
-              createElementVNode("div", _hoisted_26$g, [
+              createElementVNode("div", _hoisted_26$h, [
                 createElementVNode("div", null, [
-                  createElementVNode("label", _hoisted_27$g, toDisplayString(getLabel$1("firstName", "First Name")) + " *", 1),
+                  createElementVNode("label", _hoisted_27$h, toDisplayString(getLabel$1("firstName", "First Name")) + " *", 1),
                   createElementVNode("input", {
                     type: "text",
                     class: "propeller-address-card__input w-full h-10 px-3 rounded-[var(--radius-control)] border border-input",
@@ -6135,14 +6135,14 @@ const _hoisted_16$m = { class: "font-semibold text-foreground" };
 const _hoisted_17$m = { class: "font-semibold text-foreground" };
 const _hoisted_18$k = { class: "font-medium" };
 const _hoisted_19$k = { class: "font-semibold text-foreground" };
-const _hoisted_20$h = { class: "propeller-cart-item__options mt-3 space-y-1.5 border-l-2 border-border pl-3" };
-const _hoisted_21$g = { class: "propeller-cart-item__options-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-1" };
-const _hoisted_22$g = { class: "font-medium" };
-const _hoisted_23$g = { class: "text-foreground-subtle text-xs self-center" };
-const _hoisted_24$f = { class: "font-semibold text-foreground" };
-const _hoisted_25$f = { class: "propeller-cart-item__notes mt-3" };
-const _hoisted_26$f = { class: "propeller-cart-item__notes-label text-xs font-medium text-muted-foreground block mb-1" };
-const _hoisted_27$f = ["value", "placeholder"];
+const _hoisted_20$i = { class: "propeller-cart-item__options mt-3 space-y-1.5 border-l-2 border-border pl-3" };
+const _hoisted_21$h = { class: "propeller-cart-item__options-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-1" };
+const _hoisted_22$h = { class: "font-medium" };
+const _hoisted_23$h = { class: "text-foreground-subtle text-xs self-center" };
+const _hoisted_24$g = { class: "font-semibold text-foreground" };
+const _hoisted_25$g = { class: "propeller-cart-item__notes mt-3" };
+const _hoisted_26$g = { class: "propeller-cart-item__notes-label text-xs font-medium text-muted-foreground block mb-1" };
+const _hoisted_27$g = ["value", "placeholder"];
 const _hoisted_28$f = { class: "propeller-cart-item__crossupsells mt-3 pt-3 border-t border-border" };
 const _hoisted_29$f = { class: "propeller-cart-item__crossupsells-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2" };
 const _hoisted_30$e = { class: "flex flex-col gap-2" };
@@ -6631,18 +6631,18 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             cartItem: __props.cartItem,
             childItems: __props.cartItem.childItems
           }, () => [
-            createElementVNode("div", _hoisted_20$h, [
-              createElementVNode("p", _hoisted_21$g, toDisplayString(getLabel$1("includedOptions", "Included Options:")), 1),
+            createElementVNode("div", _hoisted_20$i, [
+              createElementVNode("p", _hoisted_21$h, toDisplayString(getLabel$1("includedOptions", "Included Options:")), 1),
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.cartItem.childItems || [], (child, idx) => {
                 return openBlock(), createElementBlock("div", {
                   key: idx,
                   class: "propeller-cart-item__option flex flex-wrap gap-x-2 text-sm text-muted-foreground"
                 }, [
-                  createElementVNode("span", _hoisted_22$g, toDisplayString(child.product.names?.[0]?.value || "Option"), 1),
+                  createElementVNode("span", _hoisted_22$h, toDisplayString(child.product.names?.[0]?.value || "Option"), 1),
                   _cache[10] || (_cache[10] = createElementVNode("span", { class: "text-foreground-subtle hidden sm:inline" }, "-", -1)),
-                  createElementVNode("span", _hoisted_23$g, toDisplayString(child.product.sku), 1),
+                  createElementVNode("span", _hoisted_23$h, toDisplayString(child.product.sku), 1),
                   _cache[11] || (_cache[11] = createElementVNode("div", { class: "flex-1 border-b border-dotted border-input mx-1 mb-1" }, null, -1)),
-                  createElementVNode("span", _hoisted_24$f, toDisplayString(getChildItemPrice(child)), 1)
+                  createElementVNode("span", _hoisted_24$g, toDisplayString(getChildItemPrice(child)), 1)
                 ]);
               }), 128))
             ])
@@ -6653,15 +6653,15 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             notes: notes.value,
             onNoteChange: (value) => handleNoteChange(value)
           }, () => [
-            createElementVNode("div", _hoisted_25$f, [
-              createElementVNode("label", _hoisted_26$f, toDisplayString(getLabel$1("notes", "Notes")), 1),
+            createElementVNode("div", _hoisted_25$g, [
+              createElementVNode("label", _hoisted_26$g, toDisplayString(getLabel$1("notes", "Notes")), 1),
               createElementVNode("textarea", {
                 class: "propeller-cart-item__notes-input w-full text-sm border border-input rounded-[var(--radius-control)] px-3 py-2 focus:ring-2 focus:ring-secondary focus:border-transparent resize-none",
                 value: notes.value,
                 onChange: _cache[1] || (_cache[1] = async (e) => handleNoteChange(e.target.value)),
                 placeholder: getLabel$1("notesPlaceholder", "Add a note for this item..."),
                 rows: 2
-              }, null, 40, _hoisted_27$f)
+              }, null, 40, _hoisted_27$g)
             ])
           ]) : createCommentVNode("", true),
           getVisibleCrossupsells().length > 0 ? renderSlot(_ctx.$slots, "crossupsells", {
@@ -6875,21 +6875,21 @@ const _hoisted_18$j = {
   strokeWidth: 2
 };
 const _hoisted_19$j = { class: "propeller-cart-icon__sidebar-body flex-1 overflow-y-auto px-5 py-4 space-y-4" };
-const _hoisted_20$g = {
+const _hoisted_20$h = {
   key: 0,
   class: "propeller-cart-icon__empty flex flex-col items-center justify-center h-full text-center space-y-4 py-16"
 };
-const _hoisted_21$f = {
+const _hoisted_21$g = {
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24",
   class: "propeller-cart-icon__empty-icon w-12 h-12 text-foreground-subtle",
   strokeWidth: 1.5
 };
-const _hoisted_22$f = { class: "propeller-cart-icon__empty-message text-sm text-muted-foreground" };
-const _hoisted_23$f = { class: "propeller-cart-icon__item-media w-20 h-20 flex-shrink-0 bg-surface-hover rounded-[var(--radius-control)] overflow-hidden border border-border-subtle flex items-center justify-center" };
-const _hoisted_24$e = ["src", "alt"];
-const _hoisted_25$e = {
+const _hoisted_22$g = { class: "propeller-cart-icon__empty-message text-sm text-muted-foreground" };
+const _hoisted_23$g = { class: "propeller-cart-icon__item-media w-20 h-20 flex-shrink-0 bg-surface-hover rounded-[var(--radius-control)] overflow-hidden border border-border-subtle flex items-center justify-center" };
+const _hoisted_24$f = ["src", "alt"];
+const _hoisted_25$f = {
   key: 1,
   fill: "none",
   viewBox: "0 0 24 24",
@@ -6897,11 +6897,11 @@ const _hoisted_25$e = {
   class: "w-8 h-8 text-foreground-subtle",
   strokeWidth: 1.5
 };
-const _hoisted_26$e = {
+const _hoisted_26$f = {
   key: 0,
   class: "propeller-cart-icon__item-name text-sm font-medium line-clamp-2"
 };
-const _hoisted_27$e = ["href"];
+const _hoisted_27$f = ["href"];
 const _hoisted_28$e = {
   key: 0,
   class: "propeller-cart-icon__sidebar-footer px-5 py-4 border-t border-border space-y-3 bg-surface-hover"
@@ -7144,15 +7144,15 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                 ], 8, _hoisted_17$l)
               ]),
               createElementVNode("div", _hoisted_19$j, [
-                getItems().length === 0 ? (openBlock(), createElementBlock("div", _hoisted_20$g, [
-                  (openBlock(), createElementBlock("svg", _hoisted_21$f, [..._cache[14] || (_cache[14] = [
+                getItems().length === 0 ? (openBlock(), createElementBlock("div", _hoisted_20$h, [
+                  (openBlock(), createElementBlock("svg", _hoisted_21$g, [..._cache[14] || (_cache[14] = [
                     createElementVNode("path", {
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       d: "M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007z"
                     }, null, -1)
                   ])])),
-                  createElementVNode("p", _hoisted_22$f, toDisplayString(getLabel$1("emptyCart", "Your cart is empty.")), 1),
+                  createElementVNode("p", _hoisted_22$g, toDisplayString(getLabel$1("emptyCart", "Your cart is empty.")), 1),
                   createElementVNode("button", {
                     type: "button",
                     class: "propeller-cart-icon__empty-action text-sm text-secondary hover:underline",
@@ -7180,14 +7180,14 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                     className: "propeller-cart-icon__item"
                   }, {
                     image: withCtx(({ cartItem: rowCartItem }) => [
-                      createElementVNode("div", _hoisted_23$f, [
+                      createElementVNode("div", _hoisted_23$g, [
                         !!rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url ? (openBlock(), createElementBlock("img", {
                           key: 0,
                           class: "propeller-cart-icon__item-image w-full h-full object-contain p-2",
                           src: rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url,
                           alt: rowCartItem.product?.names?.[0]?.value || "Product"
-                        }, null, 8, _hoisted_24$e)) : createCommentVNode("", true),
-                        !rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url ? (openBlock(), createElementBlock("svg", _hoisted_25$e, [..._cache[15] || (_cache[15] = [
+                        }, null, 8, _hoisted_24$f)) : createCommentVNode("", true),
+                        !rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url ? (openBlock(), createElementBlock("svg", _hoisted_25$f, [..._cache[15] || (_cache[15] = [
                           createElementVNode("path", {
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
@@ -7197,13 +7197,13 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                       ])
                     ]),
                     title: withCtx(({ isBundle, name, bundleName, productUrl }) => [
-                      isBundle ? (openBlock(), createElementBlock("span", _hoisted_26$e, toDisplayString(bundleName), 1)) : createCommentVNode("", true),
+                      isBundle ? (openBlock(), createElementBlock("span", _hoisted_26$f, toDisplayString(bundleName), 1)) : createCommentVNode("", true),
                       !isBundle ? (openBlock(), createElementBlock("a", {
                         key: 1,
                         class: "propeller-cart-icon__item-name text-sm font-medium hover:text-primary line-clamp-2",
                         href: productUrl,
                         onClick: _cache[6] || (_cache[6] = (_e) => closeSidebar())
-                      }, toDisplayString(name), 9, _hoisted_27$e)) : createCommentVNode("", true)
+                      }, toDisplayString(name), 9, _hoisted_27$f)) : createCommentVNode("", true)
                     ]),
                     _: 1
                   }, 40, ["cartItem", "cartId", "graphqlClient", "user", "language", "configuration", "companyId", "onTitleClick"]);
@@ -7317,23 +7317,23 @@ const _hoisted_18$i = {
   class: "flex justify-between"
 };
 const _hoisted_19$i = { class: "font-medium" };
-const _hoisted_20$f = {
+const _hoisted_20$g = {
   key: 2,
   class: "flex justify-between"
 };
-const _hoisted_21$e = { class: "font-medium" };
-const _hoisted_22$e = { class: "space-y-4 mt-6" };
-const _hoisted_23$e = {
+const _hoisted_21$f = { class: "font-medium" };
+const _hoisted_22$f = { class: "space-y-4 mt-6" };
+const _hoisted_23$f = {
   key: 0,
   class: "space-y-2"
 };
-const _hoisted_24$d = { class: "text-sm font-medium" };
-const _hoisted_25$d = ["value", "placeholder"];
-const _hoisted_26$d = {
+const _hoisted_24$e = { class: "text-sm font-medium" };
+const _hoisted_25$e = ["value", "placeholder"];
+const _hoisted_26$e = {
   key: 1,
   class: "space-y-2"
 };
-const _hoisted_27$d = { class: "text-sm font-medium" };
+const _hoisted_27$e = { class: "text-sm font-medium" };
 const _hoisted_28$d = ["value", "placeholder"];
 const _hoisted_29$d = {
   key: 2,
@@ -7494,14 +7494,14 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             createElementVNode("span", _hoisted_19$i, toDisplayString(getLabel$1("carrier", "Carrier:")), 1),
             createElementVNode("span", null, toDisplayString(carrierName.value), 1)
           ])) : createCommentVNode("", true),
-          requestDate.value ? (openBlock(), createElementBlock("div", _hoisted_20$f, [
-            createElementVNode("span", _hoisted_21$e, toDisplayString(getLabel$1("deliveryDate", "Delivery Date:")), 1),
+          requestDate.value ? (openBlock(), createElementBlock("div", _hoisted_20$g, [
+            createElementVNode("span", _hoisted_21$f, toDisplayString(getLabel$1("deliveryDate", "Delivery Date:")), 1),
             createElementVNode("span", null, toDisplayString(requestDate.value), 1)
           ])) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_22$e, [
-          showReference.value ? (openBlock(), createElementBlock("div", _hoisted_23$e, [
-            createElementVNode("label", _hoisted_24$d, toDisplayString(getLabel$1("referenceLabel", "Reference (Optional)")), 1),
+        createElementVNode("div", _hoisted_22$f, [
+          showReference.value ? (openBlock(), createElementBlock("div", _hoisted_23$f, [
+            createElementVNode("label", _hoisted_24$e, toDisplayString(getLabel$1("referenceLabel", "Reference (Optional)")), 1),
             createElementVNode("input", {
               type: "text",
               class: "propeller-cart-overview__input flex w-full rounded-[var(--radius-control)] border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-secondary",
@@ -7511,10 +7511,10 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               )),
               placeholder: getLabel$1("referencePlaceholder", "Your reference number"),
               maxLength: 255
-            }, null, 40, _hoisted_25$d)
+            }, null, 40, _hoisted_25$e)
           ])) : createCommentVNode("", true),
-          showNotes.value ? (openBlock(), createElementBlock("div", _hoisted_26$d, [
-            createElementVNode("label", _hoisted_27$d, toDisplayString(getLabel$1("notesLabel", "Order Notes (Optional)")), 1),
+          showNotes.value ? (openBlock(), createElementBlock("div", _hoisted_26$e, [
+            createElementVNode("label", _hoisted_27$e, toDisplayString(getLabel$1("notesLabel", "Order Notes (Optional)")), 1),
             createElementVNode("textarea", {
               class: "propeller-cart-overview__textarea flex w-full rounded-[var(--radius-control)] border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-secondary min-h-[80px]",
               value: notes.value,
@@ -7725,13 +7725,13 @@ const _hoisted_17$j = {
 };
 const _hoisted_18$h = { class: "propeller-cart-summary__label" };
 const _hoisted_19$h = { class: "propeller-cart-summary__value" };
-const _hoisted_20$e = {
+const _hoisted_20$f = {
   class: "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"
 };
-const _hoisted_21$d = { class: "propeller-cart-summary__label" };
-const _hoisted_22$d = { class: "propeller-cart-summary__value" };
-const _hoisted_23$d = ["disabled"];
+const _hoisted_21$e = { class: "propeller-cart-summary__label" };
+const _hoisted_22$e = { class: "propeller-cart-summary__value" };
+const _hoisted_23$e = ["disabled"];
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CartSummary",
   props: {
@@ -7913,9 +7913,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           createElementVNode("span", _hoisted_18$h, toDisplayString(getLabel$1("totalVat", "Total VAT:")), 1),
           createElementVNode("span", _hoisted_19$h, toDisplayString(formatItemPrice(totalVat.value)), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_20$e, [
-          createElementVNode("span", _hoisted_21$d, toDisplayString(getLabel$1("total", "Total:")), 1),
-          createElementVNode("span", _hoisted_22$d, toDisplayString(formatItemPrice(totalInclVat.value)), 1)
+        createElementVNode("div", _hoisted_20$f, [
+          createElementVNode("span", _hoisted_21$e, toDisplayString(getLabel$1("total", "Total:")), 1),
+          createElementVNode("span", _hoisted_22$e, toDisplayString(formatItemPrice(totalInclVat.value)), 1)
         ]),
         showCheckoutButton.value && !showRequestAuthorizationButton.value ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
           createElementVNode("button", {
@@ -7943,7 +7943,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           !requestLoading.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(toDisplayString(getLabel$1("requestAuthorizationButton", "Request Authorization")), 1)
           ], 64)) : createCommentVNode("", true)
-        ], 8, _hoisted_23$d)) : createCommentVNode("", true)
+        ], 8, _hoisted_23$e)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -8158,17 +8158,17 @@ const _hoisted_17$i = {
 };
 const _hoisted_18$g = { class: "propeller-cluster-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
 const _hoisted_19$g = ["href"];
-const _hoisted_20$d = { class: "propeller-cluster-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
-const _hoisted_21$c = { class: "propeller-cluster-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_22$c = ["href"];
-const _hoisted_23$c = {
+const _hoisted_20$e = { class: "propeller-cluster-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
+const _hoisted_21$d = { class: "propeller-cluster-card__sku font-mono text-xs text-foreground-subtle" };
+const _hoisted_22$d = ["href"];
+const _hoisted_23$d = {
   key: 2,
   class: "hidden md:block"
 };
-const _hoisted_24$c = { class: "propeller-cluster-card__labels flex flex-col gap-0.5" };
-const _hoisted_25$c = { class: "propeller-cluster-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_26$c = { class: "propeller-cluster-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_27$c = {
+const _hoisted_24$d = { class: "propeller-cluster-card__labels flex flex-col gap-0.5" };
+const _hoisted_25$d = { class: "propeller-cluster-card__manufacturer text-xs text-muted-foreground" };
+const _hoisted_26$d = { class: "propeller-cluster-card__description line-clamp-2 text-xs text-muted-foreground" };
+const _hoisted_27$d = {
   key: 6,
   class: "mt-auto hidden md:block"
 };
@@ -8552,13 +8552,13 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           ])
         ], 64)) : createCommentVNode("", true),
         !isRow() ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createElementVNode("div", _hoisted_20$d, [
+          createElementVNode("div", _hoisted_20$e, [
             __props.showSku !== false && !!getClusterSku$1() ? renderSlot(_ctx.$slots, "sku", {
               key: 0,
               cluster: __props.cluster,
               sku: getClusterSku$1()
             }, () => [
-              createElementVNode("div", _hoisted_21$c, toDisplayString(getClusterSku$1()), 1)
+              createElementVNode("div", _hoisted_21$d, toDisplayString(getClusterSku$1()), 1)
             ]) : createCommentVNode("", true),
             __props.showName !== false ? renderSlot(_ctx.$slots, getClusterName(), {
               key: 1,
@@ -8571,9 +8571,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 class: "propeller-cluster-card__title text-sm font-medium leading-tight text-foreground transition-colors hover:text-primary line-clamp-2",
                 href: getClusterUrl(),
                 onClick: _cache[4] || (_cache[4] = async (e) => handleClusterClick(e))
-              }, toDisplayString(getClusterName()), 9, _hoisted_22$c)
+              }, toDisplayString(getClusterName()), 9, _hoisted_22$d)
             ]) : createCommentVNode("", true),
-            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? (openBlock(), createElementBlock("div", _hoisted_23$c, [
+            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? (openBlock(), createElementBlock("div", _hoisted_23$d, [
               renderSlot(_ctx.$slots, "stock", {
                 cluster: __props.cluster,
                 inventory: __props.cluster.defaultProduct?.inventory,
@@ -8600,7 +8600,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               cluster: __props.cluster,
               values: computedTextLabels()
             }, () => [
-              createElementVNode("div", _hoisted_24$c, [
+              createElementVNode("div", _hoisted_24$d, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(computedTextLabels(), (item, index) => {
                   return openBlock(), createElementBlock("div", {
                     key: index,
@@ -8614,16 +8614,16 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               cluster: __props.cluster,
               manufacturer: getClusterManufacturer()
             }, () => [
-              createElementVNode("div", _hoisted_25$c, toDisplayString(getClusterManufacturer()), 1)
+              createElementVNode("div", _hoisted_25$d, toDisplayString(getClusterManufacturer()), 1)
             ]) : createCommentVNode("", true),
             __props.showShortDescription && !!getClusterShortDescription() ? renderSlot(_ctx.$slots, "shortDescription", {
               key: 5,
               cluster: __props.cluster,
               text: getClusterShortDescription()
             }, () => [
-              createElementVNode("p", _hoisted_26$c, toDisplayString(getClusterShortDescription()), 1)
+              createElementVNode("p", _hoisted_26$d, toDisplayString(getClusterShortDescription()), 1)
             ]) : createCommentVNode("", true),
-            !!getClusterPrice() ? (openBlock(), createElementBlock("div", _hoisted_27$c, [
+            !!getClusterPrice() ? (openBlock(), createElementBlock("div", _hoisted_27$d, [
               renderSlot(_ctx.$slots, "price", {
                 cluster: __props.cluster,
                 price: __props.cluster.defaultProduct?.price,
@@ -9931,7 +9931,7 @@ const _hoisted_17$g = {
 };
 const _hoisted_18$e = { class: "propeller-favorite-list-item__price text-base font-bold text-foreground whitespace-nowrap flex-shrink-0" };
 const _hoisted_19$e = ["href"];
-const _hoisted_20$c = ["title"];
+const _hoisted_20$d = ["title"];
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "FavoriteListItem",
   props: {
@@ -10214,7 +10214,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                 createElementVNode("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
                 createElementVNode("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
               ], -1)
-            ])], 8, _hoisted_20$c)) : createCommentVNode("", true)
+            ])], 8, _hoisted_20$d)) : createCommentVNode("", true)
           ])
         ])
       ], 10, _hoisted_1$t);
@@ -10421,14 +10421,14 @@ const _hoisted_19$d = {
   for: "favorite-list-select-all-floating",
   class: "text-sm font-medium cursor-pointer select-none"
 };
-const _hoisted_20$b = { class: "propeller-favorite-list-details__floating-bar-count text-sm text-foreground-subtle ml-3" };
-const _hoisted_21$b = { class: "propeller-favorite-list-details__floating-bar-actions flex items-center gap-3" };
-const _hoisted_22$b = ["disabled"];
-const _hoisted_23$b = ["disabled"];
-const _hoisted_24$b = { class: "propeller-favorite-list-details__modal-header border-b border-border px-6 py-4" };
-const _hoisted_25$b = { class: "propeller-favorite-list-details__modal-title text-lg font-bold" };
-const _hoisted_26$b = { class: "propeller-favorite-list-details__modal-body px-6 py-4 space-y-4" };
-const _hoisted_27$b = { class: "propeller-favorite-list-details__search-input-wrapper relative" };
+const _hoisted_20$c = { class: "propeller-favorite-list-details__floating-bar-count text-sm text-foreground-subtle ml-3" };
+const _hoisted_21$c = { class: "propeller-favorite-list-details__floating-bar-actions flex items-center gap-3" };
+const _hoisted_22$c = ["disabled"];
+const _hoisted_23$c = ["disabled"];
+const _hoisted_24$c = { class: "propeller-favorite-list-details__modal-header border-b border-border px-6 py-4" };
+const _hoisted_25$c = { class: "propeller-favorite-list-details__modal-title text-lg font-bold" };
+const _hoisted_26$c = { class: "propeller-favorite-list-details__modal-body px-6 py-4 space-y-4" };
+const _hoisted_27$c = { class: "propeller-favorite-list-details__search-input-wrapper relative" };
 const _hoisted_28$b = ["placeholder", "value"];
 const _hoisted_29$b = ["aria-label"];
 const _hoisted_30$a = { class: "propeller-favorite-list-details__search-results max-h-80 overflow-y-auto" };
@@ -10959,15 +10959,15 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 onChange: _cache[2] || (_cache[2] = ($event) => togglePageSelectAll())
               }, null, 40, _hoisted_18$d),
               createElementVNode("label", _hoisted_19$d, toDisplayString(getLabel$1("selectAll", "Select all")), 1),
-              createElementVNode("span", _hoisted_20$b, toDisplayString(selectedIds.value.size) + " " + toDisplayString(getLabel$1("ofWord", "of")) + " " + toDisplayString(allItems.value.length) + " " + toDisplayString(getLabel$1("itemsSelected", "items selected")), 1)
+              createElementVNode("span", _hoisted_20$c, toDisplayString(selectedIds.value.size) + " " + toDisplayString(getLabel$1("ofWord", "of")) + " " + toDisplayString(allItems.value.length) + " " + toDisplayString(getLabel$1("itemsSelected", "items selected")), 1)
             ]),
-            createElementVNode("div", _hoisted_21$b, [
+            createElementVNode("div", _hoisted_21$c, [
               createElementVNode("button", {
                 type: "button",
                 class: "propeller-favorite-list-details__bulk-remove-btn inline-flex items-center justify-center rounded-[var(--radius-control)] border border-border bg-transparent px-4 py-2 text-sm font-medium text-secondary transition-colors hover:bg-surface-hover disabled:opacity-50",
                 disabled: bulkBusy.value,
                 onClick: _cache[3] || (_cache[3] = ($event) => handleBulkRemove())
-              }, toDisplayString(getLabel$1("removeFromList", "Remove from this list")), 9, _hoisted_22$b),
+              }, toDisplayString(getLabel$1("removeFromList", "Remove from this list")), 9, _hoisted_22$c),
               createElementVNode("button", {
                 type: "button",
                 class: "propeller-favorite-list-details__bulk-add-btn inline-flex items-center justify-center gap-2 rounded-[var(--radius-control)] bg-secondary px-6 py-2 text-sm font-medium text-secondary-foreground transition-colors hover:bg-secondary/90 disabled:opacity-50",
@@ -10998,7 +10998,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   createElementVNode("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })
                 ], -1)),
                 createTextVNode(" " + toDisplayString(getLabel$1("addToCart", "Add to cart")), 1)
-              ], 8, _hoisted_23$b)
+              ], 8, _hoisted_23$c)
             ])
           ])
         ])) : createCommentVNode("", true),
@@ -11012,11 +11012,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             onClick: _cache[8] || (_cache[8] = withModifiers(() => {
             }, ["stop"]))
           }, [
-            createElementVNode("div", _hoisted_24$b, [
-              createElementVNode("h2", _hoisted_25$b, toDisplayString(getLabel$1("addProductModalTitle", "Add product to list")), 1)
+            createElementVNode("div", _hoisted_24$c, [
+              createElementVNode("h2", _hoisted_25$c, toDisplayString(getLabel$1("addProductModalTitle", "Add product to list")), 1)
             ]),
-            createElementVNode("div", _hoisted_26$b, [
-              createElementVNode("div", _hoisted_27$b, [
+            createElementVNode("div", _hoisted_26$c, [
+              createElementVNode("div", _hoisted_27$c, [
                 _cache[14] || (_cache[14] = createElementVNode("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   width: "16",
@@ -11177,26 +11177,26 @@ const _hoisted_19$c = {
   key: 0,
   class: "propeller-favorite-lists__default-badge inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-primary/10 text-primary"
 };
-const _hoisted_20$a = { class: "propeller-favorite-lists__meta flex items-center gap-4 text-sm text-muted-foreground" };
-const _hoisted_21$a = {
+const _hoisted_20$b = { class: "propeller-favorite-lists__meta flex items-center gap-4 text-sm text-muted-foreground" };
+const _hoisted_21$b = {
   key: 0,
   class: "flex items-center gap-1"
 };
-const _hoisted_22$a = {
+const _hoisted_22$b = {
   key: 1,
   class: "flex items-center gap-1"
 };
-const _hoisted_23$a = {
+const _hoisted_23$b = {
   key: 0,
   class: "propeller-favorite-lists__actions flex gap-2"
 };
-const _hoisted_24$a = ["title", "onClick"];
-const _hoisted_25$a = ["title", "onClick"];
-const _hoisted_26$a = {
+const _hoisted_24$b = ["title", "onClick"];
+const _hoisted_25$b = ["title", "onClick"];
+const _hoisted_26$b = {
   key: 1,
   class: "propeller-favorite-lists__empty border border-border rounded-[var(--radius-container)] p-12 text-center space-y-4"
 };
-const _hoisted_27$a = { class: "propeller-favorite-lists__empty-title text-lg font-medium" };
+const _hoisted_27$b = { class: "propeller-favorite-lists__empty-title text-lg font-medium" };
 const _hoisted_28$a = { class: "propeller-favorite-lists__empty-message text-muted-foreground" };
 const _hoisted_29$a = {
   key: 3,
@@ -11451,8 +11451,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                         createElementVNode("span", _hoisted_18$c, toDisplayString(list.name), 1),
                         __props.showDefaultIndicator !== false && list.isDefault ? (openBlock(), createElementBlock("span", _hoisted_19$c, toDisplayString(getLabel$1("defaultBadge", "Default")), 1)) : createCommentVNode("", true)
                       ]),
-                      createElementVNode("div", _hoisted_20$a, [
-                        __props.showLastModified !== false ? (openBlock(), createElementBlock("div", _hoisted_21$a, [
+                      createElementVNode("div", _hoisted_20$b, [
+                        __props.showLastModified !== false ? (openBlock(), createElementBlock("div", _hoisted_21$b, [
                           _cache[15] || (_cache[15] = createElementVNode("svg", {
                             xmlns: "http://www.w3.org/2000/svg",
                             width: "16",
@@ -11493,7 +11493,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                           ], -1)),
                           createTextVNode(toDisplayString(getLabel$1("lastModified", "Last modified")) + ": " + toDisplayString(formatDate(list.updatedAt)), 1)
                         ])) : createCommentVNode("", true),
-                        __props.showItemsCount !== false ? (openBlock(), createElementBlock("div", _hoisted_22$a, [
+                        __props.showItemsCount !== false ? (openBlock(), createElementBlock("div", _hoisted_22$b, [
                           _cache[16] || (_cache[16] = createElementVNode("svg", {
                             xmlns: "http://www.w3.org/2000/svg",
                             width: "16",
@@ -11520,7 +11520,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                       ])
                     ])) : createCommentVNode("", true)
                   ]),
-                  __props.showActions !== false && unref(editingListId) !== String(list.id) ? (openBlock(), createElementBlock("div", _hoisted_23$a, [
+                  __props.showActions !== false && unref(editingListId) !== String(list.id) ? (openBlock(), createElementBlock("div", _hoisted_23$b, [
                     createElementVNode("button", {
                       title: getLabel$1("editTooltip", "Edit"),
                       class: "propeller-favorite-lists__edit-btn h-8 w-8 p-0 inline-flex items-center justify-center rounded-[var(--radius-control)] text-muted-foreground hover:text-muted-foreground hover:bg-surface-hover",
@@ -11543,7 +11543,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                         createElementVNode("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
                         createElementVNode("path", { d: "m15 5 4 4" })
                       ], -1)
-                    ])], 8, _hoisted_24$a),
+                    ])], 8, _hoisted_24$b),
                     createElementVNode("button", {
                       title: getLabel$1("deleteTooltip", "Delete"),
                       class: "propeller-favorite-lists__delete-btn h-8 w-8 p-0 inline-flex items-center justify-center rounded-[var(--radius-control)] text-destructive hover:text-destructive hover:bg-destructive/10",
@@ -11567,13 +11567,13 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                         createElementVNode("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
                         createElementVNode("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
                       ], -1)
-                    ])], 8, _hoisted_25$a)
+                    ])], 8, _hoisted_25$b)
                   ])) : createCommentVNode("", true)
                 ])
               ], 10, _hoisted_5$n);
             }), 128))
           ])) : createCommentVNode("", true),
-          displayedLists.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_26$a, [
+          displayedLists.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_26$b, [
             _cache[19] || (_cache[19] = createElementVNode("div", { class: "propeller-favorite-lists__empty-icon-wrapper bg-surface-hover p-4 rounded-full w-16 h-16 flex items-center justify-center mx-auto" }, [
               createElementVNode("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -11591,7 +11591,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               ])
             ], -1)),
             createElementVNode("div", null, [
-              createElementVNode("p", _hoisted_27$a, toDisplayString(getLabel$1("noLists", "No favorite lists")), 1),
+              createElementVNode("p", _hoisted_27$b, toDisplayString(getLabel$1("noLists", "No favorite lists")), 1),
               createElementVNode("p", _hoisted_28$a, toDisplayString(getLabel$1(
                 "noListsDescription",
                 "Start by creating a new list to save your items."
@@ -12735,29 +12735,29 @@ const _hoisted_16$b = {
 const _hoisted_17$b = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-1" };
 const _hoisted_18$a = { class: "flex justify-between items-start gap-2" };
 const _hoisted_19$a = ["onClick"];
-const _hoisted_20$9 = {
+const _hoisted_20$a = {
   key: 1,
   class: "propeller-items-overview__item-title font-medium text-sm leading-tight line-clamp-2"
 };
-const _hoisted_21$9 = {
+const _hoisted_21$a = {
   key: 2,
   class: "propeller-items-overview__item-price font-semibold text-sm text-foreground whitespace-nowrap"
 };
-const _hoisted_22$9 = {
+const _hoisted_22$a = {
   key: 0,
   class: "propeller-items-overview__item-sku text-xs text-muted-foreground mt-0.5"
 };
-const _hoisted_23$9 = {
+const _hoisted_23$a = {
   key: 1,
   class: "propeller-items-overview__item-surcharges mt-1 text-xs text-muted-foreground"
 };
-const _hoisted_24$9 = { class: "font-medium" };
-const _hoisted_25$9 = { class: "propeller-items-overview__item-surcharges-list mt-0.5" };
-const _hoisted_26$9 = {
+const _hoisted_24$a = { class: "font-medium" };
+const _hoisted_25$a = { class: "propeller-items-overview__item-surcharges-list mt-0.5" };
+const _hoisted_26$a = {
   key: 2,
   class: "propeller-items-overview__item-options mt-1.5 space-y-1 border-l-2 border-border-subtle pl-2"
 };
-const _hoisted_27$9 = { class: "line-clamp-1" };
+const _hoisted_27$a = { class: "line-clamp-1" };
 const _hoisted_28$9 = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
 const _hoisted_29$9 = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-1" };
 const _hoisted_30$8 = ["data-in-stock"];
@@ -12969,13 +12969,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                         class: "propeller-items-overview__item-title font-medium text-sm leading-tight cursor-pointer hover:text-secondary transition-colors line-clamp-2",
                         onClick: async (event) => handleItemNameClick(item)
                       }, toDisplayString(getItemName(item)), 9, _hoisted_19$a)) : createCommentVNode("", true),
-                      !itemNameClickable.value ? (openBlock(), createElementBlock("p", _hoisted_20$9, toDisplayString(getItemName(item)), 1)) : createCommentVNode("", true),
-                      showPrice.value ? (openBlock(), createElementBlock("span", _hoisted_21$9, toDisplayString(formatItemPrice(getItemTotalPrice(item))), 1)) : createCommentVNode("", true)
+                      !itemNameClickable.value ? (openBlock(), createElementBlock("p", _hoisted_20$a, toDisplayString(getItemName(item)), 1)) : createCommentVNode("", true),
+                      showPrice.value ? (openBlock(), createElementBlock("span", _hoisted_21$a, toDisplayString(formatItemPrice(getItemTotalPrice(item))), 1)) : createCommentVNode("", true)
                     ]),
-                    showSku.value && getItemSku(item) ? (openBlock(), createElementBlock("p", _hoisted_22$9, " SKU: " + toDisplayString(getItemSku(item)), 1)) : createCommentVNode("", true),
-                    getItemSurcharges(item).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23$9, [
-                      createElementVNode("span", _hoisted_24$9, toDisplayString(getLabel$1("surcharges", "Additional surcharges:")), 1),
-                      createElementVNode("ul", _hoisted_25$9, [
+                    showSku.value && getItemSku(item) ? (openBlock(), createElementBlock("p", _hoisted_22$a, " SKU: " + toDisplayString(getItemSku(item)), 1)) : createCommentVNode("", true),
+                    getItemSurcharges(item).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_23$a, [
+                      createElementVNode("span", _hoisted_24$a, toDisplayString(getLabel$1("surcharges", "Additional surcharges:")), 1),
+                      createElementVNode("ul", _hoisted_25$a, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(getItemSurcharges(item), (line, idx) => {
                           return openBlock(), createElementBlock("li", {
                             key: idx,
@@ -12984,13 +12984,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                         }), 128))
                       ])
                     ])) : createCommentVNode("", true),
-                    getItemChildItems(item).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_26$9, [
+                    getItemChildItems(item).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_26$a, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(getItemChildItems(item), (child, idx) => {
                         return openBlock(), createElementBlock("div", {
                           key: idx,
                           class: "propeller-items-overview__item-option flex justify-between items-center text-xs text-muted-foreground"
                         }, [
-                          createElementVNode("span", _hoisted_27$9, toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
+                          createElementVNode("span", _hoisted_27$a, toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
                           createElementVNode("span", _hoisted_28$9, toDisplayString(formatItemPrice(child.totalSum || 0)), 1)
                         ]);
                       }), 128))
@@ -13065,18 +13065,18 @@ const _hoisted_16$a = {
 const _hoisted_17$a = ["href", "onClick"];
 const _hoisted_18$9 = { class: "propeller-menu__label" };
 const _hoisted_19$9 = { class: "propeller-menu__tabs flex items-center border-b border-border" };
-const _hoisted_20$8 = ["data-active", "onMouseenter", "onClick"];
-const _hoisted_21$8 = { class: "propeller-menu__label" };
-const _hoisted_22$8 = ["onMouseenter"];
-const _hoisted_23$8 = { class: "propeller-menu__panel-grid grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" };
-const _hoisted_24$8 = ["href", "onClick"];
-const _hoisted_25$8 = { class: "propeller-menu__label" };
-const _hoisted_26$8 = {
+const _hoisted_20$9 = ["data-active", "onMouseenter", "onClick"];
+const _hoisted_21$9 = { class: "propeller-menu__label" };
+const _hoisted_22$9 = ["onMouseenter"];
+const _hoisted_23$9 = { class: "propeller-menu__panel-grid grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" };
+const _hoisted_24$9 = ["href", "onClick"];
+const _hoisted_25$9 = { class: "propeller-menu__label" };
+const _hoisted_26$9 = {
   key: 0,
   class: "propeller-menu__list mt-2 space-y-1",
   "data-level": "3"
 };
-const _hoisted_27$8 = ["href", "onClick"];
+const _hoisted_27$9 = ["href", "onClick"];
 const _hoisted_28$8 = { class: "propeller-menu__label" };
 const _hoisted_29$8 = {
   class: "propeller-menu__list divide-y divide-border",
@@ -13313,8 +13313,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 onClick: async (e) => handleItemClick(l1, e),
                 class: normalizeClass(`propeller-menu__tab px-5 py-3 text-sm font-medium transition-colors border-b-2 ${hoveredL1Id.value === l1.categoryId ? "border-primary text-primary" : "border-transparent text-foreground hover:text-primary hover:border-primary/50"}`)
               }, [
-                createElementVNode("span", _hoisted_21$8, toDisplayString(getCategoryName(l1)), 1)
-              ], 42, _hoisted_20$8);
+                createElementVNode("span", _hoisted_21$9, toDisplayString(getCategoryName(l1)), 1)
+              ], 42, _hoisted_20$9);
             }), 128))
           ]),
           (openBlock(true), createElementBlock(Fragment, null, renderList(menuCategories.value, (l1, idx) => {
@@ -13325,7 +13325,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 onMouseenter: async (event) => setHoveredL1(l1.categoryId),
                 onMouseleave: _cache[0] || (_cache[0] = async (event) => setHoveredL1(null))
               }, [
-                createElementVNode("div", _hoisted_23$8, [
+                createElementVNode("div", _hoisted_23$9, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(getSubCategories(l1), (l2, idx2) => {
                     return openBlock(), createElementBlock("div", {
                       key: `l2-${l2.categoryId}-${idx2}`,
@@ -13337,9 +13337,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                         href: getCategoryUrl(l2),
                         onClick: async (e) => handleItemClick(l2, e)
                       }, [
-                        createElementVNode("span", _hoisted_25$8, toDisplayString(getCategoryName(l2)), 1)
-                      ], 8, _hoisted_24$8),
-                      getSubCategories(l2).length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_26$8, [
+                        createElementVNode("span", _hoisted_25$9, toDisplayString(getCategoryName(l2)), 1)
+                      ], 8, _hoisted_24$9),
+                      getSubCategories(l2).length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_26$9, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(getSubCategories(l2), (l3, idx3) => {
                           return openBlock(), createElementBlock("li", {
                             key: `l3-${l3.categoryId}-${idx3}`,
@@ -13352,14 +13352,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                               onClick: async (e) => handleItemClick(l3, e)
                             }, [
                               createElementVNode("span", _hoisted_28$8, toDisplayString(getCategoryName(l3)), 1)
-                            ], 8, _hoisted_27$8)
+                            ], 8, _hoisted_27$9)
                           ]);
                         }), 128))
                       ])) : createCommentVNode("", true)
                     ]);
                   }), 128))
                 ])
-              ], 40, _hoisted_22$8)) : createCommentVNode("", true)
+              ], 40, _hoisted_22$9)) : createCommentVNode("", true)
             ], 64);
           }), 128))
         ], 2)) : createCommentVNode("", true),
@@ -13739,17 +13739,17 @@ const _hoisted_17$9 = {
 };
 const _hoisted_18$8 = ["value"];
 const _hoisted_19$8 = { value: "" };
-const _hoisted_20$7 = ["value"];
-const _hoisted_21$7 = ["value"];
-const _hoisted_22$7 = { value: "" };
-const _hoisted_23$7 = ["value"];
-const _hoisted_24$7 = {
+const _hoisted_20$8 = ["value"];
+const _hoisted_21$8 = ["value"];
+const _hoisted_22$8 = { value: "" };
+const _hoisted_23$8 = ["value"];
+const _hoisted_24$8 = {
   key: 4,
   class: "flex space-x-2"
 };
-const _hoisted_25$7 = ["value"];
-const _hoisted_26$7 = { value: "" };
-const _hoisted_27$7 = ["value"];
+const _hoisted_25$8 = ["value"];
+const _hoisted_26$8 = { value: "" };
+const _hoisted_27$8 = ["value"];
 const _hoisted_28$7 = { class: "propeller-order-list__filter-actions flex justify-end space-x-2" };
 const _hoisted_29$7 = {
   key: 0,
@@ -14095,7 +14095,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                       return openBlock(), createElementBlock("option", {
                         key: sortField,
                         value: sortField
-                      }, toDisplayString(getLabel$1(sortField, sortField)), 9, _hoisted_20$7);
+                      }, toDisplayString(getLabel$1(sortField, sortField)), 9, _hoisted_20$8);
                     }), 128))
                   ], 40, _hoisted_18$8),
                   createElementVNode("select", {
@@ -14112,16 +14112,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                       };
                     })
                   }, [
-                    createElementVNode("option", _hoisted_22$7, toDisplayString(getLabel$1("sortOrderOption", "Order")), 1),
+                    createElementVNode("option", _hoisted_22$8, toDisplayString(getLabel$1("sortOrderOption", "Order")), 1),
                     (openBlock(true), createElementBlock(Fragment, null, renderList(Object.values(unref(SortOrder)), (order, index2) => {
                       return openBlock(), createElementBlock("option", {
                         key: order,
                         value: order
-                      }, toDisplayString(getLabel$1(order, order)), 9, _hoisted_23$7);
+                      }, toDisplayString(getLabel$1(order, order)), 9, _hoisted_23$8);
                     }), 128))
-                  ], 40, _hoisted_21$7)
+                  ], 40, _hoisted_21$8)
                 ])) : createCommentVNode("", true),
-                field === "type" ? (openBlock(), createElementBlock("div", _hoisted_24$7, [
+                field === "type" ? (openBlock(), createElementBlock("div", _hoisted_24$8, [
                   createElementVNode("select", {
                     class: "propeller-order-list__filter-input block w-full rounded-[var(--radius-control)] border-input shadow-sm focus:border-primary focus:ring-primary sm:text-sm p-2 border",
                     value: unref(searchForm).type || "",
@@ -14132,14 +14132,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                       };
                     })
                   }, [
-                    createElementVNode("option", _hoisted_26$7, toDisplayString(getLabel$1("typeOption", "Type")), 1),
+                    createElementVNode("option", _hoisted_26$8, toDisplayString(getLabel$1("typeOption", "Type")), 1),
                     (openBlock(true), createElementBlock(Fragment, null, renderList(Object.values(unref(OrderType)), (type, index2) => {
                       return openBlock(), createElementBlock("option", {
                         key: type,
                         value: type
-                      }, toDisplayString(getLabel$1(type, type)), 9, _hoisted_27$7);
+                      }, toDisplayString(getLabel$1(type, type)), 9, _hoisted_27$8);
                     }), 128))
-                  ], 40, _hoisted_25$7)
+                  ], 40, _hoisted_25$8)
                 ])) : createCommentVNode("", true)
               ]);
             }), 128))
@@ -14305,20 +14305,20 @@ const _hoisted_16$8 = { class: "px-4 py-3 text-muted-foreground" };
 const _hoisted_17$8 = { class: "px-4 py-3 text-muted-foreground" };
 const _hoisted_18$7 = { class: "px-4 py-3 text-right" };
 const _hoisted_19$7 = ["onClick"];
-const _hoisted_20$6 = { class: "flex items-center justify-between px-6 py-4 border-b" };
-const _hoisted_21$6 = { class: "text-lg font-semibold" };
-const _hoisted_22$6 = {
+const _hoisted_20$7 = { class: "flex items-center justify-between px-6 py-4 border-b" };
+const _hoisted_21$7 = { class: "text-lg font-semibold" };
+const _hoisted_22$7 = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   class: "h-5 w-5",
   strokeWidth: 2
 };
-const _hoisted_23$6 = { class: "px-6 py-4 space-y-4" };
-const _hoisted_24$6 = { class: "grid grid-cols-2 gap-4 text-sm" };
-const _hoisted_25$6 = { class: "font-medium text-muted-foreground" };
-const _hoisted_26$6 = { class: "mt-0.5" };
-const _hoisted_27$6 = {
+const _hoisted_23$7 = { class: "px-6 py-4 space-y-4" };
+const _hoisted_24$7 = { class: "grid grid-cols-2 gap-4 text-sm" };
+const _hoisted_25$7 = { class: "font-medium text-muted-foreground" };
+const _hoisted_26$7 = { class: "mt-0.5" };
+const _hoisted_27$7 = {
   key: 0,
   class: "propeller-order-shipments__status inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary"
 };
@@ -14451,14 +14451,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             class: "propeller-order-shipments__modal-content relative z-10 w-full max-w-2xl max-h-[80vh] overflow-y-auto bg-card rounded-[var(--radius-container)] shadow-xl",
             onClick: _cache[2] || (_cache[2] = async (e) => e.stopPropagation())
           }, [
-            createElementVNode("div", _hoisted_20$6, [
-              createElementVNode("h3", _hoisted_21$6, toDisplayString(getLabel$1("modalTitle", "Shipment details")), 1),
+            createElementVNode("div", _hoisted_20$7, [
+              createElementVNode("h3", _hoisted_21$7, toDisplayString(getLabel$1("modalTitle", "Shipment details")), 1),
               createElementVNode("button", {
                 type: "button",
                 class: "text-muted-foreground hover:text-foreground transition-colors",
                 onClick: _cache[0] || (_cache[0] = async (event) => closeModal())
               }, [
-                (openBlock(), createElementBlock("svg", _hoisted_22$6, [..._cache[4] || (_cache[4] = [
+                (openBlock(), createElementBlock("svg", _hoisted_22$7, [..._cache[4] || (_cache[4] = [
                   createElementVNode("path", {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -14467,12 +14467,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 ])]))
               ])
             ]),
-            createElementVNode("div", _hoisted_23$6, [
-              createElementVNode("div", _hoisted_24$6, [
+            createElementVNode("div", _hoisted_23$7, [
+              createElementVNode("div", _hoisted_24$7, [
                 createElementVNode("div", null, [
-                  createElementVNode("span", _hoisted_25$6, toDisplayString(getLabel$1("labelStatus", "Status")), 1),
-                  createElementVNode("p", _hoisted_26$6, [
-                    !!activeShipment.value?.status ? (openBlock(), createElementBlock("span", _hoisted_27$6, toDisplayString(activeShipment.value?.status), 1)) : createCommentVNode("", true),
+                  createElementVNode("span", _hoisted_25$7, toDisplayString(getLabel$1("labelStatus", "Status")), 1),
+                  createElementVNode("p", _hoisted_26$7, [
+                    !!activeShipment.value?.status ? (openBlock(), createElementBlock("span", _hoisted_27$7, toDisplayString(activeShipment.value?.status), 1)) : createCommentVNode("", true),
                     !activeShipment.value?.status ? (openBlock(), createElementBlock("span", _hoisted_28$6, "-")) : createCommentVNode("", true)
                   ])
                 ]),
@@ -14699,20 +14699,20 @@ const _hoisted_19$6 = {
   key: 0,
   class: "propeller-product-bundles__original-price text-foreground-subtle line-through text-sm"
 };
-const _hoisted_20$5 = { class: "flex items-baseline gap-2" };
-const _hoisted_21$5 = { class: "propeller-product-bundles__price text-2xl font-bold text-foreground" };
-const _hoisted_22$5 = { class: "text-xs text-muted-foreground" };
-const _hoisted_23$5 = {
+const _hoisted_20$6 = { class: "flex items-baseline gap-2" };
+const _hoisted_21$6 = { class: "propeller-product-bundles__price text-2xl font-bold text-foreground" };
+const _hoisted_22$6 = { class: "text-xs text-muted-foreground" };
+const _hoisted_23$6 = {
   key: 1,
   class: "propeller-product-bundles__savings mt-2 inline-block bg-success/10 text-success text-sm font-medium px-3 py-1 rounded-[var(--radius-control)]"
 };
-const _hoisted_24$5 = ["onClick", "disabled", "data-loading"];
-const _hoisted_25$5 = {
+const _hoisted_24$6 = ["onClick", "disabled", "data-loading"];
+const _hoisted_25$6 = {
   key: 3,
   class: "propeller-product-bundles__login-prompt text-center text-sm text-muted-foreground py-2"
 };
-const _hoisted_26$5 = ["data-toast-type"];
-const _hoisted_27$5 = {
+const _hoisted_26$6 = ["data-toast-type"];
+const _hoisted_27$6 = {
   key: 0,
   fill: "none",
   viewBox: "0 0 24 24",
@@ -15019,9 +15019,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 !getHidePrices() ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                   createElementVNode("div", _hoisted_18$6, [
                     hasDiscount(bundle) ? (openBlock(), createElementBlock("span", _hoisted_19$6, toDisplayString(formatPrice$1(getOriginalPrice(bundle))), 1)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_20$5, [
-                      createElementVNode("span", _hoisted_21$5, toDisplayString(formatPrice$1(getBundlePrice(bundle))), 1),
-                      createElementVNode("span", _hoisted_22$5, [
+                    createElementVNode("div", _hoisted_20$6, [
+                      createElementVNode("span", _hoisted_21$6, toDisplayString(formatPrice$1(getBundlePrice(bundle))), 1),
+                      createElementVNode("span", _hoisted_22$6, [
                         getIncludeTax() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                           createTextVNode(toDisplayString(getLabel$1("inclTax", "incl. VAT")), 1)
                         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -15029,7 +15029,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                         ], 64))
                       ])
                     ]),
-                    hasDiscount(bundle) ? (openBlock(), createElementBlock("div", _hoisted_23$5, toDisplayString(getLabel$1("youSave", "Your savings: ")) + toDisplayString(formatPrice$1(
+                    hasDiscount(bundle) ? (openBlock(), createElementBlock("div", _hoisted_23$6, toDisplayString(getLabel$1("youSave", "Your savings: ")) + toDisplayString(formatPrice$1(
                       getOriginalPrice(bundle) - getBundlePrice(bundle)
                     )), 1)) : createCommentVNode("", true)
                   ]),
@@ -15044,9 +15044,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                       createTextVNode(toDisplayString(getLabel$1("addToCart", "In cart")), 1)
                     ], 64))
-                  ], 8, _hoisted_24$5)
+                  ], 8, _hoisted_24$6)
                 ], 64)) : createCommentVNode("", true),
-                getHidePrices() ? (openBlock(), createElementBlock("div", _hoisted_25$5, toDisplayString(getLabel$1(
+                getHidePrices() ? (openBlock(), createElementBlock("div", _hoisted_25$6, toDisplayString(getLabel$1(
                   "loginToSeePrices",
                   "Log in to see prices and add to cart"
                 )), 1)) : createCommentVNode("", true)
@@ -15062,7 +15062,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(`propeller-product-bundles__toast-icon flex-shrink-0 w-5 h-5 mt-0.5 ${toastType.value === "success" ? "text-success-foreground" : "text-destructive-foreground"}`)
           }, [
-            toastType.value === "success" ? (openBlock(), createElementBlock("svg", _hoisted_27$5, [..._cache[7] || (_cache[7] = [
+            toastType.value === "success" ? (openBlock(), createElementBlock("svg", _hoisted_27$6, [..._cache[7] || (_cache[7] = [
               createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -15093,7 +15093,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               }, null, -1)
             ])]))
           ], 2)
-        ], 10, _hoisted_26$5)) : createCommentVNode("", true),
+        ], 10, _hoisted_26$6)) : createCommentVNode("", true),
         modalVisible.value ? (openBlock(), createElementBlock("div", _hoisted_30$4, [
           createElementVNode("div", {
             class: "propeller-product-bundles__modal-backdrop fixed inset-0 bg-foreground/20",
@@ -15206,23 +15206,23 @@ const _hoisted_16$6 = { class: "propeller-product-card__price" };
 const _hoisted_17$6 = { class: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
 const _hoisted_18$5 = { class: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
 const _hoisted_19$5 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_20$4 = {
+const _hoisted_20$5 = {
   key: 0,
   class: "propeller-product-card__below-name"
 };
-const _hoisted_21$4 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
-const _hoisted_22$4 = {
+const _hoisted_21$5 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+const _hoisted_22$5 = {
   key: 3,
   class: "hidden md:block"
 };
-const _hoisted_23$4 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_24$4 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_25$4 = {
+const _hoisted_23$5 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
+const _hoisted_24$5 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
+const _hoisted_25$5 = {
   key: 6,
   class: "mt-auto hidden md:block"
 };
-const _hoisted_26$4 = { class: "propeller-product-card__price pt-1" };
-const _hoisted_27$4 = {
+const _hoisted_26$5 = { class: "propeller-product-card__price pt-1" };
+const _hoisted_27$5 = {
   key: 0,
   class: "propeller-product-card__footer-meta flex flex-wrap items-center justify-between gap-x-2 gap-y-1 px-3 pt-1 sm:px-4 md:hidden"
 };
@@ -15672,7 +15672,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               }, toDisplayString(getProductName()), 1)
             ]) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "belowName", { product: __props.product }, () => [
-              BelowNameImpl.value ? (openBlock(), createElementBlock("div", _hoisted_20$4, [
+              BelowNameImpl.value ? (openBlock(), createElementBlock("div", _hoisted_20$5, [
                 (openBlock(), createBlock(resolveDynamicComponent(BelowNameImpl.value), { product: __props.product }, null, 8, ["product"]))
               ])) : createCommentVNode("", true)
             ]),
@@ -15681,7 +15681,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               product: __props.product,
               values: computedTextLabels()
             }, () => [
-              createElementVNode("div", _hoisted_21$4, [
+              createElementVNode("div", _hoisted_21$5, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(computedTextLabels(), (item, index) => {
                   return openBlock(), createElementBlock("div", {
                     key: index,
@@ -15690,7 +15690,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 }), 128))
               ])
             ]) : createCommentVNode("", true),
-            props.showStock && !!props.product.inventory ? (openBlock(), createElementBlock("div", _hoisted_22$4, [
+            props.showStock && !!props.product.inventory ? (openBlock(), createElementBlock("div", _hoisted_22$5, [
               renderSlot(_ctx.$slots, "stock", {
                 product: __props.product,
                 inventory: __props.product.inventory,
@@ -15717,16 +15717,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               product: __props.product,
               manufacturer: getProductManufacturer()
             }, () => [
-              createElementVNode("div", _hoisted_23$4, toDisplayString(getProductManufacturer()), 1)
+              createElementVNode("div", _hoisted_23$5, toDisplayString(getProductManufacturer()), 1)
             ]) : createCommentVNode("", true),
             __props.showShortDescription && !!getProductShortDescription() ? renderSlot(_ctx.$slots, "shortDescription", {
               key: 5,
               product: __props.product,
               text: getProductShortDescription()
             }, () => [
-              createElementVNode("p", _hoisted_24$4, toDisplayString(getProductShortDescription()), 1)
+              createElementVNode("p", _hoisted_24$5, toDisplayString(getProductShortDescription()), 1)
             ]) : createCommentVNode("", true),
-            __props.showPrice !== false && !!__props.product?.price ? (openBlock(), createElementBlock("div", _hoisted_25$4, [
+            __props.showPrice !== false && !!__props.product?.price ? (openBlock(), createElementBlock("div", _hoisted_25$5, [
               renderSlot(_ctx.$slots, "price", {
                 product: __props.product,
                 price: __props.product.price,
@@ -15734,7 +15734,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 currency: __props.currency,
                 labels: props.priceLabels
               }, () => [
-                createElementVNode("div", _hoisted_26$4, [
+                createElementVNode("div", _hoisted_26$5, [
                   props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.product.price,
@@ -15752,7 +15752,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               ])
             ])) : createCommentVNode("", true)
           ]),
-          props.showStock && !!props.product.inventory || __props.showPrice !== false && !!__props.product?.price ? (openBlock(), createElementBlock("div", _hoisted_27$4, [
+          props.showStock && !!props.product.inventory || __props.showPrice !== false && !!__props.product?.price ? (openBlock(), createElementBlock("div", _hoisted_27$5, [
             props.showStock && !!props.product.inventory ? renderSlot(_ctx.$slots, "stock", {
               key: 0,
               product: __props.product,
@@ -17231,23 +17231,43 @@ const _hoisted_8$6 = {
 const _hoisted_9$6 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
 const _hoisted_10$6 = { class: "text-sm text-foreground" };
 const _hoisted_11$6 = {
+  key: 0,
+  class: "mb-6 overflow-hidden rounded-[var(--radius-container)] border border-border"
+};
+const _hoisted_12$6 = { class: "w-full text-sm" };
+const _hoisted_13$6 = { class: "divide-y divide-border" };
+const _hoisted_14$6 = {
+  key: 1,
+  class: "mb-6 space-y-3"
+};
+const _hoisted_15$5 = {
   key: 0,
   class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide mb-2"
 };
-const _hoisted_12$6 = {
+const _hoisted_16$5 = {
   key: 1,
   class: "overflow-hidden rounded-[var(--radius-container)] border border-border"
 };
-const _hoisted_13$6 = { class: "w-full text-sm" };
-const _hoisted_14$6 = { class: "divide-y divide-border" };
-const _hoisted_15$5 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
-const _hoisted_16$5 = { class: "px-4 py-2 text-muted-foreground" };
-const _hoisted_17$5 = {
+const _hoisted_17$5 = { class: "w-full text-sm" };
+const _hoisted_18$4 = { class: "divide-y divide-border" };
+const _hoisted_19$4 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
+const _hoisted_20$4 = { class: "px-4 py-2 text-muted-foreground" };
+const _hoisted_21$4 = {
   key: 2,
   class: "space-y-3"
 };
-const _hoisted_18$4 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
-const _hoisted_19$4 = { class: "text-sm text-foreground" };
+const _hoisted_22$4 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
+const _hoisted_23$4 = { class: "text-sm text-foreground" };
+const _hoisted_24$4 = {
+  key: 0,
+  class: "mb-6 overflow-hidden rounded-[var(--radius-container)] border border-border"
+};
+const _hoisted_25$4 = { class: "w-full text-sm" };
+const _hoisted_26$4 = { class: "divide-y divide-border" };
+const _hoisted_27$4 = {
+  key: 1,
+  class: "space-y-3"
+};
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ProductSpecifications",
   props: {
@@ -17264,6 +17284,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const infra = useInfraProps(props);
     const langRef = computed(() => infra.language || "NL");
+    const layoutMode = computed(
+      () => props.layout === "list" ? "list" : "table"
+    );
     const { attributes, loading, fetchSpecs } = useProductSpecs({
       graphqlClient: infra.graphqlClient,
       language: langRef
@@ -17343,7 +17366,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return getAttributes().length > 0;
     }
     return (_ctx, _cache) => {
-      return !unref(loading) && (hasPublicAttributes() || __props.packageDescription) ? (openBlock(), createElementBlock("div", {
+      return !unref(loading) && (hasPublicAttributes() || __props.packageDescription || !!_ctx.$slots.beforeSpecs || !!_ctx.$slots.afterSpecs) ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(`propeller-product-specifications ${__props.className || ""}`),
         "data-layout": __props.layout === "list" ? "list" : "table",
@@ -17354,6 +17377,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           __props.layout !== "list" ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
             createElementVNode("table", _hoisted_4$7, [
               createElementVNode("tbody", _hoisted_5$7, [
+                renderSlot(_ctx.$slots, "beforeSpecs", { layout: layoutMode.value }),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(getAttributes(), (attr, i2) => {
                   return openBlock(), createElementBlock("tr", {
                     key: i2,
@@ -17362,11 +17386,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     createElementVNode("td", _hoisted_6$7, toDisplayString(getAttributeLabel(attr)), 1),
                     createElementVNode("td", _hoisted_7$7, toDisplayString(getAttributeValue(attr)), 1)
                   ]);
-                }), 128))
+                }), 128)),
+                renderSlot(_ctx.$slots, "afterSpecs", { layout: layoutMode.value })
               ])
             ])
           ])) : createCommentVNode("", true),
           __props.layout === "list" ? (openBlock(), createElementBlock("div", _hoisted_8$6, [
+            renderSlot(_ctx.$slots, "beforeSpecs", { layout: layoutMode.value }),
             (openBlock(true), createElementBlock(Fragment, null, renderList(getAttributes(), (attr, i2) => {
               return openBlock(), createElementBlock("div", {
                 key: i2,
@@ -17375,43 +17401,68 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", _hoisted_9$6, toDisplayString(getAttributeLabel(attr)), 1),
                 createElementVNode("span", _hoisted_10$6, toDisplayString(getAttributeValue(attr)), 1)
               ]);
-            }), 128))
+            }), 128)),
+            renderSlot(_ctx.$slots, "afterSpecs", { layout: layoutMode.value })
           ])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
-        !!__props.grouping ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(getGroups(), (group, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: group,
-            class: "mb-6"
-          }, [
-            !!group ? (openBlock(), createElementBlock("h4", _hoisted_11$6, toDisplayString(group), 1)) : createCommentVNode("", true),
-            __props.layout !== "list" ? (openBlock(), createElementBlock("div", _hoisted_12$6, [
-              createElementVNode("table", _hoisted_13$6, [
-                createElementVNode("tbody", _hoisted_14$6, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(getAttributesByGroup(group), (attr, i2) => {
-                    return openBlock(), createElementBlock("tr", {
-                      key: i2,
-                      class: "propeller-product-specifications__row odd:bg-card even:bg-surface-hover/20"
-                    }, [
-                      createElementVNode("td", _hoisted_15$5, toDisplayString(getAttributeLabel(attr)), 1),
-                      createElementVNode("td", _hoisted_16$5, toDisplayString(getAttributeValue(attr)), 1)
-                    ]);
-                  }), 128))
+        !!__props.grouping ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          !!_ctx.$slots.beforeSpecs ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            layoutMode.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_11$6, [
+              createElementVNode("table", _hoisted_12$6, [
+                createElementVNode("tbody", _hoisted_13$6, [
+                  renderSlot(_ctx.$slots, "beforeSpecs", { layout: layoutMode.value })
                 ])
               ])
-            ])) : createCommentVNode("", true),
-            __props.layout === "list" ? (openBlock(), createElementBlock("div", _hoisted_17$5, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(getAttributesByGroup(group), (attr, i2) => {
-                return openBlock(), createElementBlock("div", {
-                  key: i2,
-                  class: "flex flex-col gap-0.5"
-                }, [
-                  createElementVNode("span", _hoisted_18$4, toDisplayString(getAttributeLabel(attr)), 1),
-                  createElementVNode("span", _hoisted_19$4, toDisplayString(getAttributeValue(attr)), 1)
-                ]);
-              }), 128))
-            ])) : createCommentVNode("", true)
-          ]);
-        }), 128)) : createCommentVNode("", true)
+            ])) : (openBlock(), createElementBlock("div", _hoisted_14$6, [
+              renderSlot(_ctx.$slots, "beforeSpecs", { layout: layoutMode.value })
+            ]))
+          ], 64)) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(getGroups(), (group, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: group,
+              class: "mb-6"
+            }, [
+              !!group ? (openBlock(), createElementBlock("h4", _hoisted_15$5, toDisplayString(group), 1)) : createCommentVNode("", true),
+              __props.layout !== "list" ? (openBlock(), createElementBlock("div", _hoisted_16$5, [
+                createElementVNode("table", _hoisted_17$5, [
+                  createElementVNode("tbody", _hoisted_18$4, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(getAttributesByGroup(group), (attr, i2) => {
+                      return openBlock(), createElementBlock("tr", {
+                        key: i2,
+                        class: "propeller-product-specifications__row odd:bg-card even:bg-surface-hover/20"
+                      }, [
+                        createElementVNode("td", _hoisted_19$4, toDisplayString(getAttributeLabel(attr)), 1),
+                        createElementVNode("td", _hoisted_20$4, toDisplayString(getAttributeValue(attr)), 1)
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ])) : createCommentVNode("", true),
+              __props.layout === "list" ? (openBlock(), createElementBlock("div", _hoisted_21$4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(getAttributesByGroup(group), (attr, i2) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: i2,
+                    class: "flex flex-col gap-0.5"
+                  }, [
+                    createElementVNode("span", _hoisted_22$4, toDisplayString(getAttributeLabel(attr)), 1),
+                    createElementVNode("span", _hoisted_23$4, toDisplayString(getAttributeValue(attr)), 1)
+                  ]);
+                }), 128))
+              ])) : createCommentVNode("", true)
+            ]);
+          }), 128)),
+          !!_ctx.$slots.afterSpecs ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            layoutMode.value === "table" ? (openBlock(), createElementBlock("div", _hoisted_24$4, [
+              createElementVNode("table", _hoisted_25$4, [
+                createElementVNode("tbody", _hoisted_26$4, [
+                  renderSlot(_ctx.$slots, "afterSpecs", { layout: layoutMode.value })
+                ])
+              ])
+            ])) : (openBlock(), createElementBlock("div", _hoisted_27$4, [
+              renderSlot(_ctx.$slots, "afterSpecs", { layout: layoutMode.value })
+            ]))
+          ], 64)) : createCommentVNode("", true)
+        ], 64)) : createCommentVNode("", true)
       ], 10, _hoisted_1$7)) : createCommentVNode("", true);
     };
   }
@@ -17599,7 +17650,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 layout: __props.specificationsLayout,
                 grouping: __props.specificationsGrouping,
                 "package-description": __props.specificationsPackageDescription
-              }, null, 8, ["attributes", "language", "layout", "grouping", "package-description"]))
+              }, createSlots({ _: 2 }, [
+                _ctx.$slots.specificationsBefore ? {
+                  name: "beforeSpecs",
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, "specificationsBefore", normalizeProps(guardReactiveProps(slotProps)))
+                  ]),
+                  key: "0"
+                } : void 0,
+                _ctx.$slots.specificationsAfter ? {
+                  name: "afterSpecs",
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, "specificationsAfter", normalizeProps(guardReactiveProps(slotProps)))
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1032, ["attributes", "language", "layout", "grouping", "package-description"]))
             ], 2)) : createCommentVNode("", true),
             isActive("downloads") && isTabVisible("downloads") ? (openBlock(), createBlock(resolveDynamicComponent(ProductDownloadsImpl.value), {
               key: 2,
@@ -17685,7 +17751,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 layout: __props.specificationsLayout,
                 grouping: __props.specificationsGrouping,
                 "package-description": __props.specificationsPackageDescription
-              }, null, 8, ["attributes", "language", "layout", "grouping", "package-description"]))
+              }, createSlots({ _: 2 }, [
+                _ctx.$slots.specificationsBefore ? {
+                  name: "beforeSpecs",
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, "specificationsBefore", normalizeProps(guardReactiveProps(slotProps)))
+                  ]),
+                  key: "0"
+                } : void 0,
+                _ctx.$slots.specificationsAfter ? {
+                  name: "afterSpecs",
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, "specificationsAfter", normalizeProps(guardReactiveProps(slotProps)))
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1032, ["attributes", "language", "layout", "grouping", "package-description"]))
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
           isTabVisible("downloads") ? (openBlock(), createElementBlock("div", _hoisted_14$5, [