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

package/dist/index.cjs

@@ -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__ */ vue.defineComponent({
   __name: "LoginForm",
   props: {
@@ -3369,7 +3369,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
               })
             }, vue.toDisplayString(getLabel("forgotPassword", "Forgot Password?")), 1)
           ]) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_20$m, [
+          vue.createElementVNode("div", _hoisted_20$n, [
             vue.createTextVNode(vue.toDisplayString(getLabel("noAccount", "Don't have an account?")), 1),
             __props.displayRegisterLink !== false ? vue.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__ */ vue.defineComponent({
   __name: "AccountIconAndMenu",
   props: {
@@ -3664,7 +3664,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                     }), 128))
                   ])
                 ]),
-                vue.createElementVNode("div", _hoisted_20$l, [
+                vue.createElementVNode("div", _hoisted_20$m, [
                   vue.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__ */ vue.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"])) : vue.createCommentVNode("", true),
-                __props.accountHeaderLoginForm === false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$j, [
-                  vue.createElementVNode("h4", _hoisted_22$j, vue.toDisplayString(getMenuTitle()), 1),
-                  vue.createElementVNode("p", _hoisted_23$j, vue.toDisplayString(getLabel("loginSubtitle", "Login to access your account")), 1),
+                __props.accountHeaderLoginForm === false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$k, [
+                  vue.createElementVNode("h4", _hoisted_22$k, vue.toDisplayString(getMenuTitle()), 1),
+                  vue.createElementVNode("p", _hoisted_23$k, vue.toDisplayString(getLabel("loginSubtitle", "Login to access your account")), 1),
                   vue.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,31 +3953,31 @@ 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"
 };
-const _hoisted_28$g = {
+const _hoisted_28$h = {
   key: 1,
   class: "propeller-add-to-cart__modal-surcharges mt-1 text-xs text-muted-foreground"
 };
-const _hoisted_29$g = { class: "font-medium" };
+const _hoisted_29$h = { class: "font-medium" };
 const _hoisted_30$g = { class: "propeller-add-to-cart__modal-surcharges-list mt-0.5" };
 const _hoisted_31$g = { class: "flex-shrink-0 text-right" };
 const _hoisted_32$f = { class: "propeller-add-to-cart__modal-quantity text-xs text-muted-foreground" };
@@ -4344,16 +4344,16 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                 ])]))
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_20$k, [
-              vue.createElementVNode("div", _hoisted_21$i, [
+            vue.createElementVNode("div", _hoisted_20$l, [
+              vue.createElementVNode("div", _hoisted_21$j, [
                 !!getModalImageUrl() ? (vue.openBlock(), vue.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)) : vue.createCommentVNode("", true),
-                !getModalImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$i, [
-                  (vue.openBlock(), vue.createElementBlock("svg", _hoisted_24$h, [..._cache[17] || (_cache[17] = [
+                }, null, 8, _hoisted_22$j)) : vue.createCommentVNode("", true),
+                !getModalImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$j, [
+                  (vue.openBlock(), vue.createElementBlock("svg", _hoisted_24$i, [..._cache[17] || (_cache[17] = [
                     vue.createElementVNode("path", {
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
@@ -4361,14 +4361,14 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                     }, null, -1)
                   ])]))
                 ])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", _hoisted_25$h, [
+                vue.createElementVNode("div", _hoisted_25$i, [
                   vue.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()
-                  }, vue.toDisplayString(getModalName()), 9, _hoisted_26$h),
-                  !!getModalSku() ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_27$h, " SKU: " + vue.toDisplayString(getModalSku()), 1)) : vue.createCommentVNode("", true),
-                  getModalSurcharges().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$g, [
-                    vue.createElementVNode("span", _hoisted_29$g, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
+                  }, vue.toDisplayString(getModalName()), 9, _hoisted_26$i),
+                  !!getModalSku() ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_27$i, " SKU: " + vue.toDisplayString(getModalSku()), 1)) : vue.createCommentVNode("", true),
+                  getModalSurcharges().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$h, [
+                    vue.createElementVNode("span", _hoisted_29$h, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
                     vue.createElementVNode("ul", _hoisted_30$g, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getModalSurcharges(), (line, idx) => {
                         return vue.openBlock(), vue.createElementBlock("li", {
@@ -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__ */ vue.defineComponent({
                   ], 64))
                 ], 8, _hoisted_19$m)
               ])) : vue.createCommentVNode("", true),
-              getMemberLists().length === 0 && getNonMemberLists().length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$j, vue.toDisplayString(getLabel(
+              getMemberLists().length === 0 && getNonMemberLists().length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$k, vue.toDisplayString(getLabel(
                 "noLists",
                 "You have no favorite lists. Create one in your account first."
               )), 1)) : vue.createCommentVNode("", true)
@@ -4804,16 +4804,16 @@ 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_28$f = ["value"];
-const _hoisted_29$f = { 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"];
 const _hoisted_31$f = { class: "block text-sm font-medium mb-1" };
 const _hoisted_32$e = ["value"];
@@ -5221,13 +5221,13 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
                       editGender.value = e.target.value;
                     })
                   }, [
-                    vue.createElementVNode("option", _hoisted_21$h, vue.toDisplayString(getLabel("genderMale", "Male")), 1),
-                    vue.createElementVNode("option", _hoisted_22$h, vue.toDisplayString(getLabel("genderFemale", "Female")), 1),
-                    vue.createElementVNode("option", _hoisted_23$h, vue.toDisplayString(getLabel("genderOther", "Other")), 1)
-                  ], 40, _hoisted_20$i)
+                    vue.createElementVNode("option", _hoisted_21$i, vue.toDisplayString(getLabel("genderMale", "Male")), 1),
+                    vue.createElementVNode("option", _hoisted_22$i, vue.toDisplayString(getLabel("genderFemale", "Female")), 1),
+                    vue.createElementVNode("option", _hoisted_23$i, vue.toDisplayString(getLabel("genderOther", "Other")), 1)
+                  ], 40, _hoisted_20$j)
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_24$g, vue.toDisplayString(getLabel("company", "Company")), 1),
+                  vue.createElementVNode("label", _hoisted_24$h, vue.toDisplayString(getLabel("company", "Company")), 1),
                   vue.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__ */ vue.defineComponent({
                     onChange: _cache[4] || (_cache[4] = async (e) => {
                       editCompany.value = e.target.value;
                     })
-                  }, null, 40, _hoisted_25$g)
+                  }, null, 40, _hoisted_25$h)
                 ])
               ]),
-              vue.createElementVNode("div", _hoisted_26$g, [
+              vue.createElementVNode("div", _hoisted_26$h, [
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_27$g, vue.toDisplayString(getLabel("firstName", "First Name")) + " *", 1),
+                  vue.createElementVNode("label", _hoisted_27$h, vue.toDisplayString(getLabel("firstName", "First Name")) + " *", 1),
                   vue.createElementVNode("input", {
                     type: "text",
                     class: "propeller-address-card__input w-full h-10 px-3 rounded-[var(--radius-control)] border border-input",
@@ -5249,10 +5249,10 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
                       editFirstName.value = e.target.value;
                     }),
                     required: true
-                  }, null, 40, _hoisted_28$f)
+                  }, null, 40, _hoisted_28$g)
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_29$f, vue.toDisplayString(getLabel("middleName", "Middle Name")), 1),
+                  vue.createElementVNode("label", _hoisted_29$g, vue.toDisplayString(getLabel("middleName", "Middle Name")), 1),
                   vue.createElementVNode("input", {
                     type: "text",
                     class: "propeller-address-card__input w-full h-10 px-3 rounded-[var(--radius-control)] border border-input",
@@ -6135,16 +6135,16 @@ 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_28$e = { class: "propeller-cart-item__crossupsells mt-3 pt-3 border-t border-border" };
-const _hoisted_29$e = { class: "propeller-cart-item__crossupsells-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2" };
+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" };
 const _hoisted_31$e = ["href", "onClick"];
 const _hoisted_32$d = ["src", "alt"];
@@ -6631,18 +6631,18 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             cartItem: __props.cartItem,
             childItems: __props.cartItem.childItems
           }, () => [
-            vue.createElementVNode("div", _hoisted_20$h, [
-              vue.createElementVNode("p", _hoisted_21$g, vue.toDisplayString(getLabel("includedOptions", "Included Options:")), 1),
+            vue.createElementVNode("div", _hoisted_20$i, [
+              vue.createElementVNode("p", _hoisted_21$h, vue.toDisplayString(getLabel("includedOptions", "Included Options:")), 1),
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.cartItem.childItems || [], (child, idx) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: idx,
                   class: "propeller-cart-item__option flex flex-wrap gap-x-2 text-sm text-muted-foreground"
                 }, [
-                  vue.createElementVNode("span", _hoisted_22$g, vue.toDisplayString(child.product.names?.[0]?.value || "Option"), 1),
+                  vue.createElementVNode("span", _hoisted_22$h, vue.toDisplayString(child.product.names?.[0]?.value || "Option"), 1),
                   _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "text-foreground-subtle hidden sm:inline" }, "-", -1)),
-                  vue.createElementVNode("span", _hoisted_23$g, vue.toDisplayString(child.product.sku), 1),
+                  vue.createElementVNode("span", _hoisted_23$h, vue.toDisplayString(child.product.sku), 1),
                   _cache[11] || (_cache[11] = vue.createElementVNode("div", { class: "flex-1 border-b border-dotted border-input mx-1 mb-1" }, null, -1)),
-                  vue.createElementVNode("span", _hoisted_24$f, vue.toDisplayString(getChildItemPrice(child)), 1)
+                  vue.createElementVNode("span", _hoisted_24$g, vue.toDisplayString(getChildItemPrice(child)), 1)
                 ]);
               }), 128))
             ])
@@ -6653,15 +6653,15 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             notes: notes.value,
             onNoteChange: (value) => handleNoteChange(value)
           }, () => [
-            vue.createElementVNode("div", _hoisted_25$f, [
-              vue.createElementVNode("label", _hoisted_26$f, vue.toDisplayString(getLabel("notes", "Notes")), 1),
+            vue.createElementVNode("div", _hoisted_25$g, [
+              vue.createElementVNode("label", _hoisted_26$g, vue.toDisplayString(getLabel("notes", "Notes")), 1),
               vue.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("notesPlaceholder", "Add a note for this item..."),
                 rows: 2
-              }, null, 40, _hoisted_27$f)
+              }, null, 40, _hoisted_27$g)
             ])
           ]) : vue.createCommentVNode("", true),
           getVisibleCrossupsells().length > 0 ? vue.renderSlot(_ctx.$slots, "crossupsells", {
@@ -6669,8 +6669,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             cartItem: __props.cartItem,
             crossupsells: getVisibleCrossupsells()
           }, () => [
-            vue.createElementVNode("div", _hoisted_28$e, [
-              vue.createElementVNode("p", _hoisted_29$e, vue.toDisplayString(getLabel("crossupsellTitle", "You might also like")), 1),
+            vue.createElementVNode("div", _hoisted_28$f, [
+              vue.createElementVNode("p", _hoisted_29$f, vue.toDisplayString(getLabel("crossupsellTitle", "You might also like")), 1),
               vue.createElementVNode("div", _hoisted_30$e, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getVisibleCrossupsells(), (item, idx) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
@@ -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,16 +6897,16 @@ 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_28$d = {
+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"
 };
-const _hoisted_29$d = { class: "propeller-cart-icon__total-row flex justify-between items-center" };
+const _hoisted_29$e = { class: "propeller-cart-icon__total-row flex justify-between items-center" };
 const _hoisted_30$d = { class: "propeller-cart-icon__total-label text-sm font-medium text-muted-foreground" };
 const _hoisted_31$d = { class: "propeller-cart-icon__total-value text-base font-bold text-foreground" };
 const _hoisted_32$c = ["disabled"];
@@ -7144,15 +7144,15 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                 ], 8, _hoisted_17$l)
               ]),
               vue.createElementVNode("div", _hoisted_19$j, [
-                getItems().length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$g, [
-                  (vue.openBlock(), vue.createElementBlock("svg", _hoisted_21$f, [..._cache[14] || (_cache[14] = [
+                getItems().length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$h, [
+                  (vue.openBlock(), vue.createElementBlock("svg", _hoisted_21$g, [..._cache[14] || (_cache[14] = [
                     vue.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)
                   ])])),
-                  vue.createElementVNode("p", _hoisted_22$f, vue.toDisplayString(getLabel("emptyCart", "Your cart is empty.")), 1),
+                  vue.createElementVNode("p", _hoisted_22$g, vue.toDisplayString(getLabel("emptyCart", "Your cart is empty.")), 1),
                   vue.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__ */ vue.defineComponent({
                     className: "propeller-cart-icon__item"
                   }, {
                     image: vue.withCtx(({ cartItem: rowCartItem }) => [
-                      vue.createElementVNode("div", _hoisted_23$f, [
+                      vue.createElementVNode("div", _hoisted_23$g, [
                         !!rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url ? (vue.openBlock(), vue.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)) : vue.createCommentVNode("", true),
-                        !rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_25$e, [..._cache[15] || (_cache[15] = [
+                        }, null, 8, _hoisted_24$f)) : vue.createCommentVNode("", true),
+                        !rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_25$f, [..._cache[15] || (_cache[15] = [
                           vue.createElementVNode("path", {
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
@@ -7197,13 +7197,13 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                       ])
                     ]),
                     title: vue.withCtx(({ isBundle, name, bundleName, productUrl }) => [
-                      isBundle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_26$e, vue.toDisplayString(bundleName), 1)) : vue.createCommentVNode("", true),
+                      isBundle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_26$f, vue.toDisplayString(bundleName), 1)) : vue.createCommentVNode("", true),
                       !isBundle ? (vue.openBlock(), vue.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())
-                      }, vue.toDisplayString(name), 9, _hoisted_27$e)) : vue.createCommentVNode("", true)
+                      }, vue.toDisplayString(name), 9, _hoisted_27$f)) : vue.createCommentVNode("", true)
                     ]),
                     _: 1
                   }, 40, ["cartItem", "cartId", "graphqlClient", "user", "language", "configuration", "companyId", "onTitleClick"]);
@@ -7214,8 +7214,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                   className: "mt-4"
                 }, null, 8, ["cart"]))
               ]),
-              getItems().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$d, [
-                vue.createElementVNode("div", _hoisted_29$d, [
+              getItems().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$e, [
+                vue.createElementVNode("div", _hoisted_29$e, [
                   vue.createElementVNode("span", _hoisted_30$d, vue.toDisplayString(getLabel("total", "Total")), 1),
                   vue.createElementVNode("span", _hoisted_31$d, vue.toDisplayString(getTotalPrice()), 1)
                 ]),
@@ -7317,25 +7317,25 @@ 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_28$c = ["value", "placeholder"];
-const _hoisted_29$c = {
+const _hoisted_27$e = { class: "text-sm font-medium" };
+const _hoisted_28$d = ["value", "placeholder"];
+const _hoisted_29$d = {
   key: 2,
   class: "flex items-center space-x-2 pt-2"
 };
@@ -7494,14 +7494,14 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("span", _hoisted_19$i, vue.toDisplayString(getLabel("carrier", "Carrier:")), 1),
             vue.createElementVNode("span", null, vue.toDisplayString(carrierName.value), 1)
           ])) : vue.createCommentVNode("", true),
-          requestDate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$f, [
-            vue.createElementVNode("span", _hoisted_21$e, vue.toDisplayString(getLabel("deliveryDate", "Delivery Date:")), 1),
+          requestDate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$g, [
+            vue.createElementVNode("span", _hoisted_21$f, vue.toDisplayString(getLabel("deliveryDate", "Delivery Date:")), 1),
             vue.createElementVNode("span", null, vue.toDisplayString(requestDate.value), 1)
           ])) : vue.createCommentVNode("", true)
         ]),
-        vue.createElementVNode("div", _hoisted_22$e, [
-          showReference.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$e, [
-            vue.createElementVNode("label", _hoisted_24$d, vue.toDisplayString(getLabel("referenceLabel", "Reference (Optional)")), 1),
+        vue.createElementVNode("div", _hoisted_22$f, [
+          showReference.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$f, [
+            vue.createElementVNode("label", _hoisted_24$e, vue.toDisplayString(getLabel("referenceLabel", "Reference (Optional)")), 1),
             vue.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__ */ vue.defineComponent({
               )),
               placeholder: getLabel("referencePlaceholder", "Your reference number"),
               maxLength: 255
-            }, null, 40, _hoisted_25$d)
+            }, null, 40, _hoisted_25$e)
           ])) : vue.createCommentVNode("", true),
-          showNotes.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$d, [
-            vue.createElementVNode("label", _hoisted_27$d, vue.toDisplayString(getLabel("notesLabel", "Order Notes (Optional)")), 1),
+          showNotes.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$e, [
+            vue.createElementVNode("label", _hoisted_27$e, vue.toDisplayString(getLabel("notesLabel", "Order Notes (Optional)")), 1),
             vue.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,
@@ -7523,9 +7523,9 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               )),
               placeholder: getLabel("notesPlaceholder", "Special instructions or comments"),
               maxLength: 255
-            }, null, 40, _hoisted_28$c)
+            }, null, 40, _hoisted_28$d)
           ])) : vue.createCommentVNode("", true),
-          showTermsAndConditions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$c, [
+          showTermsAndConditions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$d, [
             vue.createElementVNode("input", {
               type: "checkbox",
               id: "cart-overview-terms",
@@ -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__ */ vue.defineComponent({
   __name: "CartSummary",
   props: {
@@ -7913,9 +7913,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("span", _hoisted_18$h, vue.toDisplayString(getLabel("totalVat", "Total VAT:")), 1),
           vue.createElementVNode("span", _hoisted_19$h, vue.toDisplayString(formatItemPrice(totalVat.value)), 1)
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_20$e, [
-          vue.createElementVNode("span", _hoisted_21$d, vue.toDisplayString(getLabel("total", "Total:")), 1),
-          vue.createElementVNode("span", _hoisted_22$d, vue.toDisplayString(formatItemPrice(totalInclVat.value)), 1)
+        vue.createElementVNode("div", _hoisted_20$f, [
+          vue.createElementVNode("span", _hoisted_21$e, vue.toDisplayString(getLabel("total", "Total:")), 1),
+          vue.createElementVNode("span", _hoisted_22$e, vue.toDisplayString(formatItemPrice(totalInclVat.value)), 1)
         ]),
         showCheckoutButton.value && !showRequestAuthorizationButton.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 6 }, [
           vue.createElementVNode("button", {
@@ -7943,7 +7943,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
           !requestLoading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createTextVNode(vue.toDisplayString(getLabel("requestAuthorizationButton", "Request Authorization")), 1)
           ], 64)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_23$d)) : vue.createCommentVNode("", true)
+        ], 8, _hoisted_23$e)) : vue.createCommentVNode("", true)
       ]);
     };
   }
@@ -8158,22 +8158,22 @@ 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"
 };
-const _hoisted_28$b = { class: "propeller-cluster-card__price pt-1" };
-const _hoisted_29$b = {
+const _hoisted_28$c = { class: "propeller-cluster-card__price pt-1" };
+const _hoisted_29$c = {
   key: 1,
   class: "font-bold text-foreground text-base sm:text-lg"
 };
@@ -8552,13 +8552,13 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
           ])
         ], 64)) : vue.createCommentVNode("", true),
         !isRow() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          vue.createElementVNode("div", _hoisted_20$d, [
+          vue.createElementVNode("div", _hoisted_20$e, [
             __props.showSku !== false && !!getClusterSku() ? vue.renderSlot(_ctx.$slots, "sku", {
               key: 0,
               cluster: __props.cluster,
               sku: getClusterSku()
             }, () => [
-              vue.createElementVNode("div", _hoisted_21$c, vue.toDisplayString(getClusterSku()), 1)
+              vue.createElementVNode("div", _hoisted_21$d, vue.toDisplayString(getClusterSku()), 1)
             ]) : vue.createCommentVNode("", true),
             __props.showName !== false ? vue.renderSlot(_ctx.$slots, getClusterName(), {
               key: 1,
@@ -8571,9 +8571,9 @@ const _sfc_main$C = /* @__PURE__ */ vue.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))
-              }, vue.toDisplayString(getClusterName()), 9, _hoisted_22$c)
+              }, vue.toDisplayString(getClusterName()), 9, _hoisted_22$d)
             ]) : vue.createCommentVNode("", true),
-            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$c, [
+            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$d, [
               vue.renderSlot(_ctx.$slots, "stock", {
                 cluster: __props.cluster,
                 inventory: __props.cluster.defaultProduct?.inventory,
@@ -8600,7 +8600,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
               cluster: __props.cluster,
               values: computedTextLabels()
             }, () => [
-              vue.createElementVNode("div", _hoisted_24$c, [
+              vue.createElementVNode("div", _hoisted_24$d, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedTextLabels(), (item, index2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: index2,
@@ -8614,16 +8614,16 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
               cluster: __props.cluster,
               manufacturer: getClusterManufacturer()
             }, () => [
-              vue.createElementVNode("div", _hoisted_25$c, vue.toDisplayString(getClusterManufacturer()), 1)
+              vue.createElementVNode("div", _hoisted_25$d, vue.toDisplayString(getClusterManufacturer()), 1)
             ]) : vue.createCommentVNode("", true),
             __props.showShortDescription && !!getClusterShortDescription() ? vue.renderSlot(_ctx.$slots, "shortDescription", {
               key: 5,
               cluster: __props.cluster,
               text: getClusterShortDescription()
             }, () => [
-              vue.createElementVNode("p", _hoisted_26$c, vue.toDisplayString(getClusterShortDescription()), 1)
+              vue.createElementVNode("p", _hoisted_26$d, vue.toDisplayString(getClusterShortDescription()), 1)
             ]) : vue.createCommentVNode("", true),
-            !!getClusterPrice() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$c, [
+            !!getClusterPrice() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$d, [
               vue.renderSlot(_ctx.$slots, "price", {
                 cluster: __props.cluster,
                 price: __props.cluster.defaultProduct?.price,
@@ -8631,14 +8631,14 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                 currency: __props.currency,
                 labels: __props.labels
               }, () => [
-                vue.createElementVNode("div", _hoisted_28$b, [
+                vue.createElementVNode("div", _hoisted_28$c, [
                   props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.cluster.defaultProduct?.price,
                     "include-tax": resolvedIncludeTax.value,
                     currency: __props.currency,
                     labels: __props.labels
-                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_29$b, vue.toDisplayString(getClusterPrice()), 1))
+                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_29$c, vue.toDisplayString(getClusterPrice()), 1))
                 ])
               ])
             ])) : vue.createCommentVNode("", true)
@@ -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__ */ vue.defineComponent({
   __name: "FavoriteListItem",
   props: {
@@ -10214,7 +10214,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
                 vue.createElementVNode("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
               ], -1)
-            ])], 8, _hoisted_20$c)) : vue.createCommentVNode("", true)
+            ])], 8, _hoisted_20$d)) : vue.createCommentVNode("", true)
           ])
         ])
       ], 10, _hoisted_1$t);
@@ -10421,16 +10421,16 @@ 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_28$a = ["placeholder", "value"];
-const _hoisted_29$a = ["aria-label"];
+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" };
 const _hoisted_31$a = {
   key: 0,
@@ -10959,15 +10959,15 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                 onChange: _cache[2] || (_cache[2] = ($event) => togglePageSelectAll())
               }, null, 40, _hoisted_18$d),
               vue.createElementVNode("label", _hoisted_19$d, vue.toDisplayString(getLabel("selectAll", "Select all")), 1),
-              vue.createElementVNode("span", _hoisted_20$b, vue.toDisplayString(selectedIds.value.size) + " " + vue.toDisplayString(getLabel("ofWord", "of")) + " " + vue.toDisplayString(allItems.value.length) + " " + vue.toDisplayString(getLabel("itemsSelected", "items selected")), 1)
+              vue.createElementVNode("span", _hoisted_20$c, vue.toDisplayString(selectedIds.value.size) + " " + vue.toDisplayString(getLabel("ofWord", "of")) + " " + vue.toDisplayString(allItems.value.length) + " " + vue.toDisplayString(getLabel("itemsSelected", "items selected")), 1)
             ]),
-            vue.createElementVNode("div", _hoisted_21$b, [
+            vue.createElementVNode("div", _hoisted_21$c, [
               vue.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())
-              }, vue.toDisplayString(getLabel("removeFromList", "Remove from this list")), 9, _hoisted_22$b),
+              }, vue.toDisplayString(getLabel("removeFromList", "Remove from this list")), 9, _hoisted_22$c),
               vue.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__ */ vue.defineComponent({
                   vue.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)),
                 vue.createTextVNode(" " + vue.toDisplayString(getLabel("addToCart", "Add to cart")), 1)
-              ], 8, _hoisted_23$b)
+              ], 8, _hoisted_23$c)
             ])
           ])
         ])) : vue.createCommentVNode("", true),
@@ -11012,11 +11012,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[8] || (_cache[8] = vue.withModifiers(() => {
             }, ["stop"]))
           }, [
-            vue.createElementVNode("div", _hoisted_24$b, [
-              vue.createElementVNode("h2", _hoisted_25$b, vue.toDisplayString(getLabel("addProductModalTitle", "Add product to list")), 1)
+            vue.createElementVNode("div", _hoisted_24$c, [
+              vue.createElementVNode("h2", _hoisted_25$c, vue.toDisplayString(getLabel("addProductModalTitle", "Add product to list")), 1)
             ]),
-            vue.createElementVNode("div", _hoisted_26$b, [
-              vue.createElementVNode("div", _hoisted_27$b, [
+            vue.createElementVNode("div", _hoisted_26$c, [
+              vue.createElementVNode("div", _hoisted_27$c, [
                 _cache[14] || (_cache[14] = vue.createElementVNode("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   width: "16",
@@ -11048,7 +11048,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                   value: vue.unref(searchTerm),
                   onInput: _cache[5] || (_cache[5] = ($event) => onSearchInput($event)),
                   autofocus: ""
-                }, null, 40, _hoisted_28$a),
+                }, null, 40, _hoisted_28$b),
                 vue.unref(searchTerm) ? (vue.openBlock(), vue.createElementBlock("button", {
                   key: 0,
                   type: "button",
@@ -11080,7 +11080,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                       y2: "18"
                     })
                   ], -1)
-                ])], 8, _hoisted_29$a)) : vue.createCommentVNode("", true)
+                ])], 8, _hoisted_29$b)) : vue.createCommentVNode("", true)
               ]),
               vue.createElementVNode("div", _hoisted_30$a, [
                 vue.unref(searchLoading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_31$a, vue.toDisplayString(getLabel("searching", "Searching...")), 1)) : vue.createCommentVNode("", true),
@@ -11177,28 +11177,28 @@ 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_28$9 = { class: "propeller-favorite-lists__empty-message text-muted-foreground" };
-const _hoisted_29$9 = {
+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,
   class: "propeller-favorite-lists__create-modal fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4"
 };
@@ -11451,8 +11451,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                         vue.createElementVNode("span", _hoisted_18$c, vue.toDisplayString(list.name), 1),
                         __props.showDefaultIndicator !== false && list.isDefault ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$c, vue.toDisplayString(getLabel("defaultBadge", "Default")), 1)) : vue.createCommentVNode("", true)
                       ]),
-                      vue.createElementVNode("div", _hoisted_20$a, [
-                        __props.showLastModified !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$a, [
+                      vue.createElementVNode("div", _hoisted_20$b, [
+                        __props.showLastModified !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$b, [
                           _cache[15] || (_cache[15] = vue.createElementVNode("svg", {
                             xmlns: "http://www.w3.org/2000/svg",
                             width: "16",
@@ -11493,7 +11493,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                           ], -1)),
                           vue.createTextVNode(vue.toDisplayString(getLabel("lastModified", "Last modified")) + ": " + vue.toDisplayString(formatDate(list.updatedAt)), 1)
                         ])) : vue.createCommentVNode("", true),
-                        __props.showItemsCount !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22$a, [
+                        __props.showItemsCount !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22$b, [
                           _cache[16] || (_cache[16] = vue.createElementVNode("svg", {
                             xmlns: "http://www.w3.org/2000/svg",
                             width: "16",
@@ -11520,7 +11520,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                       ])
                     ])) : vue.createCommentVNode("", true)
                   ]),
-                  __props.showActions !== false && vue.unref(editingListId) !== String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$a, [
+                  __props.showActions !== false && vue.unref(editingListId) !== String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$b, [
                     vue.createElementVNode("button", {
                       title: getLabel("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__ */ vue.defineComponent({
                         vue.createElementVNode("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
                         vue.createElementVNode("path", { d: "m15 5 4 4" })
                       ], -1)
-                    ])], 8, _hoisted_24$a),
+                    ])], 8, _hoisted_24$b),
                     vue.createElementVNode("button", {
                       title: getLabel("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__ */ vue.defineComponent({
                         vue.createElementVNode("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
                         vue.createElementVNode("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
                       ], -1)
-                    ])], 8, _hoisted_25$a)
+                    ])], 8, _hoisted_25$b)
                   ])) : vue.createCommentVNode("", true)
                 ])
               ], 10, _hoisted_5$n);
             }), 128))
           ])) : vue.createCommentVNode("", true),
-          displayedLists.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$a, [
+          displayedLists.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$b, [
             _cache[19] || (_cache[19] = vue.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" }, [
               vue.createElementVNode("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -11591,8 +11591,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
               ])
             ], -1)),
             vue.createElementVNode("div", null, [
-              vue.createElementVNode("p", _hoisted_27$a, vue.toDisplayString(getLabel("noLists", "No favorite lists")), 1),
-              vue.createElementVNode("p", _hoisted_28$9, vue.toDisplayString(getLabel(
+              vue.createElementVNode("p", _hoisted_27$b, vue.toDisplayString(getLabel("noLists", "No favorite lists")), 1),
+              vue.createElementVNode("p", _hoisted_28$a, vue.toDisplayString(getLabel(
                 "noListsDescription",
                 "Start by creating a new list to save your items."
               )), 1)
@@ -11606,7 +11606,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             }, vue.toDisplayString(getLabel("createFirstList", "Create your first list")), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        showCreateModal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$9, [
+        showCreateModal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$a, [
           vue.createElementVNode("div", _hoisted_30$9, [
             vue.createElementVNode("div", _hoisted_31$9, [
               vue.createElementVNode("h3", _hoisted_32$8, vue.toDisplayString(getLabel("createTitle", "Create New List")), 1),
@@ -12735,31 +12735,31 @@ 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_28$8 = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
-const _hoisted_29$8 = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-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"];
 const _hoisted_31$8 = {
   key: 1,
@@ -12969,13 +12969,13 @@ const _sfc_main$m = /* @__PURE__ */ vue.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)
                       }, vue.toDisplayString(getItemName(item)), 9, _hoisted_19$a)) : vue.createCommentVNode("", true),
-                      !itemNameClickable.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_20$9, vue.toDisplayString(getItemName(item)), 1)) : vue.createCommentVNode("", true),
-                      showPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_21$9, vue.toDisplayString(formatItemPrice(getItemTotalPrice(item))), 1)) : vue.createCommentVNode("", true)
+                      !itemNameClickable.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_20$a, vue.toDisplayString(getItemName(item)), 1)) : vue.createCommentVNode("", true),
+                      showPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_21$a, vue.toDisplayString(formatItemPrice(getItemTotalPrice(item))), 1)) : vue.createCommentVNode("", true)
                     ]),
-                    showSku.value && getItemSku(item) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_22$9, " SKU: " + vue.toDisplayString(getItemSku(item)), 1)) : vue.createCommentVNode("", true),
-                    getItemSurcharges(item).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$9, [
-                      vue.createElementVNode("span", _hoisted_24$9, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
-                      vue.createElementVNode("ul", _hoisted_25$9, [
+                    showSku.value && getItemSku(item) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_22$a, " SKU: " + vue.toDisplayString(getItemSku(item)), 1)) : vue.createCommentVNode("", true),
+                    getItemSurcharges(item).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$a, [
+                      vue.createElementVNode("span", _hoisted_24$a, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
+                      vue.createElementVNode("ul", _hoisted_25$a, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getItemSurcharges(item), (line, idx) => {
                           return vue.openBlock(), vue.createElementBlock("li", {
                             key: idx,
@@ -12984,19 +12984,19 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                         }), 128))
                       ])
                     ])) : vue.createCommentVNode("", true),
-                    getItemChildItems(item).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$9, [
+                    getItemChildItems(item).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$a, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getItemChildItems(item), (child, idx) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
                           key: idx,
                           class: "propeller-items-overview__item-option flex justify-between items-center text-xs text-muted-foreground"
                         }, [
-                          vue.createElementVNode("span", _hoisted_27$9, vue.toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
-                          vue.createElementVNode("span", _hoisted_28$8, vue.toDisplayString(formatItemPrice(child.totalSum || 0)), 1)
+                          vue.createElementVNode("span", _hoisted_27$a, vue.toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
+                          vue.createElementVNode("span", _hoisted_28$9, vue.toDisplayString(formatItemPrice(child.totalSum || 0)), 1)
                         ]);
                       }), 128))
                     ])) : vue.createCommentVNode("", true)
                   ]),
-                  vue.createElementVNode("div", _hoisted_29$8, [
+                  vue.createElementVNode("div", _hoisted_29$9, [
                     vue.createElementVNode("span", null, vue.toDisplayString(getLabel("quantity", "Qty:")) + vue.toDisplayString(item.quantity), 1),
                     showAvailability.value && getItemAvailability(item) ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
@@ -13065,20 +13065,20 @@ 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_28$7 = { class: "propeller-menu__label" };
-const _hoisted_29$7 = {
+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",
   "data-level": "1"
 };
@@ -13313,8 +13313,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                 onClick: async (e) => handleItemClick(l1, e),
                 class: vue.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"}`)
               }, [
-                vue.createElementVNode("span", _hoisted_21$8, vue.toDisplayString(getCategoryName(l1)), 1)
-              ], 42, _hoisted_20$8);
+                vue.createElementVNode("span", _hoisted_21$9, vue.toDisplayString(getCategoryName(l1)), 1)
+              ], 42, _hoisted_20$9);
             }), 128))
           ]),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuCategories.value, (l1, idx) => {
@@ -13325,7 +13325,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                 onMouseenter: async (event) => setHoveredL1(l1.categoryId),
                 onMouseleave: _cache[0] || (_cache[0] = async (event) => setHoveredL1(null))
               }, [
-                vue.createElementVNode("div", _hoisted_23$8, [
+                vue.createElementVNode("div", _hoisted_23$9, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getSubCategories(l1), (l2, idx2) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
                       key: `l2-${l2.categoryId}-${idx2}`,
@@ -13337,9 +13337,9 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                         href: getCategoryUrl(l2),
                         onClick: async (e) => handleItemClick(l2, e)
                       }, [
-                        vue.createElementVNode("span", _hoisted_25$8, vue.toDisplayString(getCategoryName(l2)), 1)
-                      ], 8, _hoisted_24$8),
-                      getSubCategories(l2).length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_26$8, [
+                        vue.createElementVNode("span", _hoisted_25$9, vue.toDisplayString(getCategoryName(l2)), 1)
+                      ], 8, _hoisted_24$9),
+                      getSubCategories(l2).length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_26$9, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getSubCategories(l2), (l3, idx3) => {
                           return vue.openBlock(), vue.createElementBlock("li", {
                             key: `l3-${l3.categoryId}-${idx3}`,
@@ -13351,15 +13351,15 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                               href: getCategoryUrl(l3),
                               onClick: async (e) => handleItemClick(l3, e)
                             }, [
-                              vue.createElementVNode("span", _hoisted_28$7, vue.toDisplayString(getCategoryName(l3)), 1)
-                            ], 8, _hoisted_27$8)
+                              vue.createElementVNode("span", _hoisted_28$8, vue.toDisplayString(getCategoryName(l3)), 1)
+                            ], 8, _hoisted_27$9)
                           ]);
                         }), 128))
                       ])) : vue.createCommentVNode("", true)
                     ]);
                   }), 128))
                 ])
-              ], 40, _hoisted_22$8)) : vue.createCommentVNode("", true)
+              ], 40, _hoisted_22$9)) : vue.createCommentVNode("", true)
             ], 64);
           }), 128))
         ], 2)) : vue.createCommentVNode("", true),
@@ -13367,7 +13367,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           key: 5,
           class: vue.normalizeClass(`propeller-menu__nav propeller-menu-mobile md:hidden ${__props.menuClass || ""}`)
         }, [
-          vue.createElementVNode("ul", _hoisted_29$7, [
+          vue.createElementVNode("ul", _hoisted_29$8, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuCategories.value, (l1, idx) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key: `l1-mobile-${l1.categoryId}-${idx}`,
@@ -13739,19 +13739,19 @@ 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_28$6 = { class: "propeller-order-list__filter-actions flex justify-end space-x-2" };
-const _hoisted_29$6 = {
+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,
   class: "propeller-order-list__results bg-card rounded-[var(--radius-container)] shadow overflow-hidden"
 };
@@ -14095,7 +14095,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       return vue.openBlock(), vue.createElementBlock("option", {
                         key: sortField,
                         value: sortField
-                      }, vue.toDisplayString(getLabel(sortField, sortField)), 9, _hoisted_20$7);
+                      }, vue.toDisplayString(getLabel(sortField, sortField)), 9, _hoisted_20$8);
                     }), 128))
                   ], 40, _hoisted_18$8),
                   vue.createElementVNode("select", {
@@ -14112,16 +14112,16 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       };
                     })
                   }, [
-                    vue.createElementVNode("option", _hoisted_22$7, vue.toDisplayString(getLabel("sortOrderOption", "Order")), 1),
+                    vue.createElementVNode("option", _hoisted_22$8, vue.toDisplayString(getLabel("sortOrderOption", "Order")), 1),
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.values(vue.unref(propellerSdkV2.SortOrder)), (order, index22) => {
                       return vue.openBlock(), vue.createElementBlock("option", {
                         key: order,
                         value: order
-                      }, vue.toDisplayString(getLabel(order, order)), 9, _hoisted_23$7);
+                      }, vue.toDisplayString(getLabel(order, order)), 9, _hoisted_23$8);
                     }), 128))
-                  ], 40, _hoisted_21$7)
+                  ], 40, _hoisted_21$8)
                 ])) : vue.createCommentVNode("", true),
-                field === "type" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24$7, [
+                field === "type" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24$8, [
                   vue.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: vue.unref(searchForm).type || "",
@@ -14132,19 +14132,19 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       };
                     })
                   }, [
-                    vue.createElementVNode("option", _hoisted_26$7, vue.toDisplayString(getLabel("typeOption", "Type")), 1),
+                    vue.createElementVNode("option", _hoisted_26$8, vue.toDisplayString(getLabel("typeOption", "Type")), 1),
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.values(vue.unref(propellerSdkV2.OrderType)), (type, index22) => {
                       return vue.openBlock(), vue.createElementBlock("option", {
                         key: type,
                         value: type
-                      }, vue.toDisplayString(getLabel(type, type)), 9, _hoisted_27$7);
+                      }, vue.toDisplayString(getLabel(type, type)), 9, _hoisted_27$8);
                     }), 128))
-                  ], 40, _hoisted_25$7)
+                  ], 40, _hoisted_25$8)
                 ])) : vue.createCommentVNode("", true)
               ]);
             }), 128))
           ]),
-          vue.createElementVNode("div", _hoisted_28$6, [
+          vue.createElementVNode("div", _hoisted_28$7, [
             vue.createElementVNode("button", {
               class: "propeller-order-list__clear-btn inline-flex items-center px-4 py-2 border border-input text-sm font-medium rounded-[var(--radius-control)] shadow-sm text-muted-foreground bg-card hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
               onClick: _cache[11] || (_cache[11] = async (event) => {
@@ -14158,7 +14158,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           ])
         ])) : vue.createCommentVNode("", true),
         !vue.unref(loading) || vue.unref(orders).length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          vue.unref(orders).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$6, [
+          vue.unref(orders).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$7, [
             vue.createElementVNode("div", _hoisted_30$6, [
               vue.createElementVNode("table", _hoisted_31$6, [
                 vue.createElementVNode("thead", _hoisted_32$6, [
@@ -14305,25 +14305,25 @@ 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"
 };
-const _hoisted_28$5 = { key: 1 };
-const _hoisted_29$5 = { class: "font-medium text-muted-foreground" };
+const _hoisted_28$6 = { key: 1 };
+const _hoisted_29$6 = { class: "font-medium text-muted-foreground" };
 const _hoisted_30$5 = { class: "mt-0.5" };
 const _hoisted_31$5 = { class: "text-sm font-semibold mb-2" };
 const _hoisted_32$5 = {
@@ -14451,14 +14451,14 @@ const _sfc_main$h = /* @__PURE__ */ vue.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())
           }, [
-            vue.createElementVNode("div", _hoisted_20$6, [
-              vue.createElementVNode("h3", _hoisted_21$6, vue.toDisplayString(getLabel("modalTitle", "Shipment details")), 1),
+            vue.createElementVNode("div", _hoisted_20$7, [
+              vue.createElementVNode("h3", _hoisted_21$7, vue.toDisplayString(getLabel("modalTitle", "Shipment details")), 1),
               vue.createElementVNode("button", {
                 type: "button",
                 class: "text-muted-foreground hover:text-foreground transition-colors",
                 onClick: _cache[0] || (_cache[0] = async (event) => closeModal())
               }, [
-                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_22$6, [..._cache[4] || (_cache[4] = [
+                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_22$7, [..._cache[4] || (_cache[4] = [
                   vue.createElementVNode("path", {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -14467,17 +14467,17 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 ])]))
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_23$6, [
-              vue.createElementVNode("div", _hoisted_24$6, [
+            vue.createElementVNode("div", _hoisted_23$7, [
+              vue.createElementVNode("div", _hoisted_24$7, [
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("span", _hoisted_25$6, vue.toDisplayString(getLabel("labelStatus", "Status")), 1),
-                  vue.createElementVNode("p", _hoisted_26$6, [
-                    !!activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_27$6, vue.toDisplayString(activeShipment.value?.status), 1)) : vue.createCommentVNode("", true),
-                    !activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_28$5, "-")) : vue.createCommentVNode("", true)
+                  vue.createElementVNode("span", _hoisted_25$7, vue.toDisplayString(getLabel("labelStatus", "Status")), 1),
+                  vue.createElementVNode("p", _hoisted_26$7, [
+                    !!activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_27$7, vue.toDisplayString(activeShipment.value?.status), 1)) : vue.createCommentVNode("", true),
+                    !activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_28$6, "-")) : vue.createCommentVNode("", true)
                   ])
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("span", _hoisted_29$5, vue.toDisplayString(getLabel("labelExpectedDelivery", "Expected delivery")), 1),
+                  vue.createElementVNode("span", _hoisted_29$6, vue.toDisplayString(getLabel("labelExpectedDelivery", "Expected delivery")), 1),
                   vue.createElementVNode("p", _hoisted_30$5, [
                     !!activeShipment.value?.expectedDeliveryAt ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                       vue.createTextVNode(vue.toDisplayString(formatDate(activeShipment.value?.expectedDeliveryAt)), 1)
@@ -14699,34 +14699,34 @@ 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",
   stroke: "currentColor",
   strokeWidth: 2
 };
-const _hoisted_28$4 = {
+const _hoisted_28$5 = {
   key: 1,
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   strokeWidth: 2
 };
-const _hoisted_29$4 = {
+const _hoisted_29$5 = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -15019,9 +15019,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 !getHidePrices() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
                   vue.createElementVNode("div", _hoisted_18$6, [
                     hasDiscount(bundle) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$6, vue.toDisplayString(formatPrice(getOriginalPrice(bundle))), 1)) : vue.createCommentVNode("", true),
-                    vue.createElementVNode("div", _hoisted_20$5, [
-                      vue.createElementVNode("span", _hoisted_21$5, vue.toDisplayString(formatPrice(getBundlePrice(bundle))), 1),
-                      vue.createElementVNode("span", _hoisted_22$5, [
+                    vue.createElementVNode("div", _hoisted_20$6, [
+                      vue.createElementVNode("span", _hoisted_21$6, vue.toDisplayString(formatPrice(getBundlePrice(bundle))), 1),
+                      vue.createElementVNode("span", _hoisted_22$6, [
                         getIncludeTax() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                           vue.createTextVNode(vue.toDisplayString(getLabel("inclTax", "incl. VAT")), 1)
                         ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -15029,7 +15029,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                         ], 64))
                       ])
                     ]),
-                    hasDiscount(bundle) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$5, vue.toDisplayString(getLabel("youSave", "Your savings: ")) + vue.toDisplayString(formatPrice(
+                    hasDiscount(bundle) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$6, vue.toDisplayString(getLabel("youSave", "Your savings: ")) + vue.toDisplayString(formatPrice(
                       getOriginalPrice(bundle) - getBundlePrice(bundle)
                     )), 1)) : vue.createCommentVNode("", true)
                   ]),
@@ -15044,9 +15044,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(getLabel("addToCart", "In cart")), 1)
                     ], 64))
-                  ], 8, _hoisted_24$5)
+                  ], 8, _hoisted_24$6)
                 ], 64)) : vue.createCommentVNode("", true),
-                getHidePrices() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25$5, vue.toDisplayString(getLabel(
+                getHidePrices() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25$6, vue.toDisplayString(getLabel(
                   "loginToSeePrices",
                   "Log in to see prices and add to cart"
                 )), 1)) : vue.createCommentVNode("", true)
@@ -15062,14 +15062,14 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.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" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_27$5, [..._cache[7] || (_cache[7] = [
+            toastType.value === "success" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_27$6, [..._cache[7] || (_cache[7] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 d: "M5 13l4 4L19 7"
               }, null, -1)
             ])])) : vue.createCommentVNode("", true),
-            toastType.value === "error" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_28$4, [..._cache[8] || (_cache[8] = [
+            toastType.value === "error" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_28$5, [..._cache[8] || (_cache[8] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -15085,7 +15085,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[0] || (_cache[0] = async (event) => dismissToast()),
             class: vue.normalizeClass(`propeller-product-bundles__toast-close flex-shrink-0 rounded focus:outline-none ${toastType.value === "success" ? "text-success-foreground hover:text-success-foreground/80" : "text-destructive-foreground hover:text-destructive-foreground/80"}`)
           }, [
-            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_29$4, [..._cache[9] || (_cache[9] = [
+            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_29$5, [..._cache[9] || (_cache[9] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -15093,7 +15093,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               }, null, -1)
             ])]))
           ], 2)
-        ], 10, _hoisted_26$5)) : vue.createCommentVNode("", true),
+        ], 10, _hoisted_26$6)) : vue.createCommentVNode("", true),
         modalVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30$4, [
           vue.createElementVNode("div", {
             class: "propeller-product-bundles__modal-backdrop fixed inset-0 bg-foreground/20",
@@ -15193,33 +15193,41 @@ const _hoisted_6$b = ["fill"];
 const _hoisted_7$b = { class: "propeller-product-card__body flex flex-1 flex-row items-center gap-4 px-4 py-2 min-w-0" };
 const _hoisted_8$a = { class: "flex flex-col gap-0.5 flex-1 min-w-0" };
 const _hoisted_9$9 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_10$8 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
-const _hoisted_11$7 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_12$7 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_13$7 = { class: "propeller-product-card__footer w-full md:w-auto flex flex-col gap-2 md:flex-row md:items-center md:gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
-const _hoisted_14$7 = { class: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents" };
-const _hoisted_15$6 = { class: "propeller-product-card__price" };
-const _hoisted_16$6 = { class: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
-const _hoisted_17$6 = { class: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
-const _hoisted_18$5 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_19$5 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
-const _hoisted_20$4 = {
+const _hoisted_10$8 = {
+  key: 0,
+  class: "propeller-product-card__below-name"
+};
+const _hoisted_11$7 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+const _hoisted_12$7 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
+const _hoisted_13$7 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
+const _hoisted_14$7 = { class: "propeller-product-card__footer w-full md:w-auto flex flex-col gap-2 md:flex-row md:items-center md:gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
+const _hoisted_15$6 = { class: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents" };
+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$5 = {
+  key: 0,
+  class: "propeller-product-card__below-name"
+};
+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_21$4 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_22$4 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_23$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_24$4 = { class: "propeller-product-card__price pt-1" };
-const _hoisted_25$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"
 };
-const _hoisted_26$4 = { class: "propeller-product-card__price min-w-0 text-right" };
-const _hoisted_27$4 = {
+const _hoisted_28$4 = { class: "propeller-product-card__price min-w-0 text-right" };
+const _hoisted_29$4 = {
   key: 1,
   class: "propeller-product-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4"
 };
@@ -15274,7 +15282,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     addToCartComponent: {},
     imageComponent: {},
     badgesComponent: {},
-    favoriteComponent: {}
+    favoriteComponent: {},
+    belowNameComponent: {}
   },
   setup(__props) {
     const props = __props;
@@ -15287,7 +15296,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       addToCartComponent: { grid: "addToCartComponent" },
       imageComponent: { grid: "imageComponent" },
       badgesComponent: { grid: "badgesComponent" },
-      favoriteComponent: { grid: "favoriteComponent" }
+      favoriteComponent: { grid: "favoriteComponent" },
+      belowNameComponent: { grid: "belowNameComponent" }
     };
     const resolved = vue.computed(() => useResolvedProps(props, RESOLVE_SPEC));
     const infra = ProductVideos_vue_vue_type_script_setup_true_lang.useInfraProps(props);
@@ -15300,6 +15310,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     const ImageImpl = vue.computed(() => resolved.value.imageComponent ?? _sfc_main$E);
     const BadgesImpl = vue.computed(() => resolved.value.badgesComponent ?? _sfc_main$D);
     const FavoriteImpl = vue.computed(() => resolved.value.favoriteComponent ?? _sfc_main$Q);
+    const BelowNameImpl = vue.computed(() => resolved.value.belowNameComponent ?? null);
     const isFavorite = vue.ref(false);
     function isRow() {
       return props.columns === 1;
@@ -15510,12 +15521,17 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                   onClick: _cache[2] || (_cache[2] = ($event) => handleNavigate())
                 }, vue.toDisplayString(getProductName()), 1)
               ]) : vue.createCommentVNode("", true),
+              vue.renderSlot(_ctx.$slots, "belowName", { product: __props.product }, () => [
+                BelowNameImpl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$8, [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(BelowNameImpl.value), { product: __props.product }, null, 8, ["product"]))
+                ])) : vue.createCommentVNode("", true)
+              ]),
               !!__props.textLabels && __props.textLabels.length > 0 && computedTextLabels().length > 0 ? vue.renderSlot(_ctx.$slots, "textLabels", {
                 key: 2,
                 product: __props.product,
                 values: computedTextLabels()
               }, () => [
-                vue.createElementVNode("div", _hoisted_10$8, [
+                vue.createElementVNode("div", _hoisted_11$7, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedTextLabels(), (item, index2) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
                       key: index2,
@@ -15529,19 +15545,19 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 product: __props.product,
                 manufacturer: getProductManufacturer()
               }, () => [
-                vue.createElementVNode("div", _hoisted_11$7, vue.toDisplayString(getProductManufacturer()), 1)
+                vue.createElementVNode("div", _hoisted_12$7, vue.toDisplayString(getProductManufacturer()), 1)
               ]) : vue.createCommentVNode("", true),
               __props.showShortDescription && !!getProductShortDescription() ? vue.renderSlot(_ctx.$slots, "shortDescription", {
                 key: 4,
                 product: __props.product,
                 text: getProductShortDescription()
               }, () => [
-                vue.createElementVNode("p", _hoisted_12$7, vue.toDisplayString(getProductShortDescription()), 1)
+                vue.createElementVNode("p", _hoisted_13$7, vue.toDisplayString(getProductShortDescription()), 1)
               ]) : vue.createCommentVNode("", true)
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_13$7, [
-            vue.createElementVNode("div", _hoisted_14$7, [
+          vue.createElementVNode("div", _hoisted_14$7, [
+            vue.createElementVNode("div", _hoisted_15$6, [
               props.showStock && !!props.product.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
                 key: 0,
                 product: __props.product,
@@ -15571,7 +15587,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 currency: __props.currency,
                 labels: props.priceLabels
               }, () => [
-                vue.createElementVNode("div", _hoisted_15$6, [
+                vue.createElementVNode("div", _hoisted_16$6, [
                   props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.product.price,
@@ -15588,7 +15604,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_16$6, [
+            vue.createElementVNode("div", _hoisted_17$6, [
               vue.renderSlot(_ctx.$slots, "addToCart", {
                 product: __props.product,
                 cartId: props.cartId,
@@ -15634,13 +15650,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           ])
         ], 64)) : vue.createCommentVNode("", true),
         !isRow() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          vue.createElementVNode("div", _hoisted_17$6, [
+          vue.createElementVNode("div", _hoisted_18$5, [
             __props.showSku !== false && !!getProductSku() ? vue.renderSlot(_ctx.$slots, "sku", {
               key: 0,
               product: __props.product,
               sku: getProductSku()
             }, () => [
-              vue.createElementVNode("div", _hoisted_18$5, vue.toDisplayString(getProductSku()), 1)
+              vue.createElementVNode("div", _hoisted_19$5, vue.toDisplayString(getProductSku()), 1)
             ]) : vue.createCommentVNode("", true),
             __props.showName !== false ? vue.renderSlot(_ctx.$slots, getProductName(), {
               key: 1,
@@ -15655,12 +15671,17 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 onClick: _cache[3] || (_cache[3] = ($event) => handleNavigate())
               }, vue.toDisplayString(getProductName()), 1)
             ]) : vue.createCommentVNode("", true),
+            vue.renderSlot(_ctx.$slots, "belowName", { product: __props.product }, () => [
+              BelowNameImpl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$5, [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(BelowNameImpl.value), { product: __props.product }, null, 8, ["product"]))
+              ])) : vue.createCommentVNode("", true)
+            ]),
             !!__props.textLabels && __props.textLabels.length > 0 && computedTextLabels().length > 0 ? vue.renderSlot(_ctx.$slots, "textLabels", {
               key: 2,
               product: __props.product,
               values: computedTextLabels()
             }, () => [
-              vue.createElementVNode("div", _hoisted_19$5, [
+              vue.createElementVNode("div", _hoisted_21$5, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedTextLabels(), (item, index2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: index2,
@@ -15669,7 +15690,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 }), 128))
               ])
             ]) : vue.createCommentVNode("", true),
-            props.showStock && !!props.product.inventory ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$4, [
+            props.showStock && !!props.product.inventory ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22$5, [
               vue.renderSlot(_ctx.$slots, "stock", {
                 product: __props.product,
                 inventory: __props.product.inventory,
@@ -15696,16 +15717,16 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               product: __props.product,
               manufacturer: getProductManufacturer()
             }, () => [
-              vue.createElementVNode("div", _hoisted_21$4, vue.toDisplayString(getProductManufacturer()), 1)
+              vue.createElementVNode("div", _hoisted_23$5, vue.toDisplayString(getProductManufacturer()), 1)
             ]) : vue.createCommentVNode("", true),
             __props.showShortDescription && !!getProductShortDescription() ? vue.renderSlot(_ctx.$slots, "shortDescription", {
               key: 5,
               product: __props.product,
               text: getProductShortDescription()
             }, () => [
-              vue.createElementVNode("p", _hoisted_22$4, vue.toDisplayString(getProductShortDescription()), 1)
+              vue.createElementVNode("p", _hoisted_24$5, vue.toDisplayString(getProductShortDescription()), 1)
             ]) : vue.createCommentVNode("", true),
-            __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$4, [
+            __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25$5, [
               vue.renderSlot(_ctx.$slots, "price", {
                 product: __props.product,
                 price: __props.product.price,
@@ -15713,7 +15734,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 currency: __props.currency,
                 labels: props.priceLabels
               }, () => [
-                vue.createElementVNode("div", _hoisted_24$4, [
+                vue.createElementVNode("div", _hoisted_26$5, [
                   props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.product.price,
@@ -15731,7 +15752,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               ])
             ])) : vue.createCommentVNode("", true)
           ]),
-          props.showStock && !!props.product.inventory || __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25$4, [
+          props.showStock && !!props.product.inventory || __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$5, [
             props.showStock && !!props.product.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
               key: 0,
               product: __props.product,
@@ -15761,7 +15782,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               currency: __props.currency,
               labels: props.priceLabels
             }, () => [
-              vue.createElementVNode("div", _hoisted_26$4, [
+              vue.createElementVNode("div", _hoisted_28$4, [
                 props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                   key: 0,
                   price: __props.product.price,
@@ -15778,7 +15799,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               ])
             ]) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          props.allowAddToCart !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$4, [
+          props.allowAddToCart !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$4, [
             vue.renderSlot(_ctx.$slots, "addToCart", {
               product: __props.product,
               cartId: props.cartId,
@@ -16188,7 +16209,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     badgesComponent: {},
     favoriteComponent: {},
     productCardComponent: {},
-    clusterCardComponent: {}
+    clusterCardComponent: {},
+    belowNameComponent: {}
   },
   setup(__props) {
     const props = __props;
@@ -16233,7 +16255,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       addToCartComponent: props.addToCartComponent,
       imageComponent: props.imageComponent,
       badgesComponent: props.badgesComponent,
-      favoriteComponent: props.favoriteComponent
+      favoriteComponent: props.favoriteComponent,
+      belowNameComponent: props.belowNameComponent
     }));
     provideProductGridConfig(gridConfig.value);
     const categoryIdRef = vue.computed(() => props.categoryId);
@@ -17208,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__ */ vue.defineComponent({
   __name: "ProductSpecifications",
   props: {
@@ -17241,6 +17284,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const infra = ProductVideos_vue_vue_type_script_setup_true_lang.useInfraProps(props);
     const langRef = vue.computed(() => infra.language || "NL");
+    const layoutMode = vue.computed(
+      () => props.layout === "list" ? "list" : "table"
+    );
     const { attributes, loading, fetchSpecs } = useProductSpecs({
       graphqlClient: infra.graphqlClient,
       language: langRef
@@ -17320,7 +17366,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       return getAttributes().length > 0;
     }
     return (_ctx, _cache) => {
-      return !vue.unref(loading) && (hasPublicAttributes() || __props.packageDescription) ? (vue.openBlock(), vue.createElementBlock("div", {
+      return !vue.unref(loading) && (hasPublicAttributes() || __props.packageDescription || !!_ctx.$slots.beforeSpecs || !!_ctx.$slots.afterSpecs) ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: vue.normalizeClass(`propeller-product-specifications ${__props.className || ""}`),
         "data-layout": __props.layout === "list" ? "list" : "table",
@@ -17331,6 +17377,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
             vue.createElementVNode("table", _hoisted_4$7, [
               vue.createElementVNode("tbody", _hoisted_5$7, [
+                vue.renderSlot(_ctx.$slots, "beforeSpecs", { layout: layoutMode.value }),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributes(), (attr, i) => {
                   return vue.openBlock(), vue.createElementBlock("tr", {
                     key: i,
@@ -17339,11 +17386,13 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("td", _hoisted_6$7, vue.toDisplayString(getAttributeLabel(attr)), 1),
                     vue.createElementVNode("td", _hoisted_7$7, vue.toDisplayString(getAttributeValue(attr)), 1)
                   ]);
-                }), 128))
+                }), 128)),
+                vue.renderSlot(_ctx.$slots, "afterSpecs", { layout: layoutMode.value })
               ])
             ])
           ])) : vue.createCommentVNode("", true),
           __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$6, [
+            vue.renderSlot(_ctx.$slots, "beforeSpecs", { layout: layoutMode.value }),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributes(), (attr, i) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: i,
@@ -17352,43 +17401,68 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("span", _hoisted_9$6, vue.toDisplayString(getAttributeLabel(attr)), 1),
                 vue.createElementVNode("span", _hoisted_10$6, vue.toDisplayString(getAttributeValue(attr)), 1)
               ]);
-            }), 128))
+            }), 128)),
+            vue.renderSlot(_ctx.$slots, "afterSpecs", { layout: layoutMode.value })
           ])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        !!__props.grouping ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(getGroups(), (group, index2) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: group,
-            class: "mb-6"
-          }, [
-            !!group ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_11$6, vue.toDisplayString(group), 1)) : vue.createCommentVNode("", true),
-            __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$6, [
-              vue.createElementVNode("table", _hoisted_13$6, [
-                vue.createElementVNode("tbody", _hoisted_14$6, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributesByGroup(group), (attr, i) => {
-                    return vue.openBlock(), vue.createElementBlock("tr", {
-                      key: i,
-                      class: "propeller-product-specifications__row odd:bg-card even:bg-surface-hover/20"
-                    }, [
-                      vue.createElementVNode("td", _hoisted_15$5, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                      vue.createElementVNode("td", _hoisted_16$5, vue.toDisplayString(getAttributeValue(attr)), 1)
-                    ]);
-                  }), 128))
+        !!__props.grouping ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+          !!_ctx.$slots.beforeSpecs ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            layoutMode.value === "table" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$6, [
+              vue.createElementVNode("table", _hoisted_12$6, [
+                vue.createElementVNode("tbody", _hoisted_13$6, [
+                  vue.renderSlot(_ctx.$slots, "beforeSpecs", { layout: layoutMode.value })
                 ])
               ])
-            ])) : vue.createCommentVNode("", true),
-            __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$5, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributesByGroup(group), (attr, i) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: i,
-                  class: "flex flex-col gap-0.5"
-                }, [
-                  vue.createElementVNode("span", _hoisted_18$4, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                  vue.createElementVNode("span", _hoisted_19$4, vue.toDisplayString(getAttributeValue(attr)), 1)
-                ]);
-              }), 128))
-            ])) : vue.createCommentVNode("", true)
-          ]);
-        }), 128)) : vue.createCommentVNode("", true)
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$6, [
+              vue.renderSlot(_ctx.$slots, "beforeSpecs", { layout: layoutMode.value })
+            ]))
+          ], 64)) : vue.createCommentVNode("", true),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getGroups(), (group, index2) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: group,
+              class: "mb-6"
+            }, [
+              !!group ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_15$5, vue.toDisplayString(group), 1)) : vue.createCommentVNode("", true),
+              __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$5, [
+                vue.createElementVNode("table", _hoisted_17$5, [
+                  vue.createElementVNode("tbody", _hoisted_18$4, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributesByGroup(group), (attr, i) => {
+                      return vue.openBlock(), vue.createElementBlock("tr", {
+                        key: i,
+                        class: "propeller-product-specifications__row odd:bg-card even:bg-surface-hover/20"
+                      }, [
+                        vue.createElementVNode("td", _hoisted_19$4, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                        vue.createElementVNode("td", _hoisted_20$4, vue.toDisplayString(getAttributeValue(attr)), 1)
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ])) : vue.createCommentVNode("", true),
+              __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$4, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributesByGroup(group), (attr, i) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: i,
+                    class: "flex flex-col gap-0.5"
+                  }, [
+                    vue.createElementVNode("span", _hoisted_22$4, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                    vue.createElementVNode("span", _hoisted_23$4, vue.toDisplayString(getAttributeValue(attr)), 1)
+                  ]);
+                }), 128))
+              ])) : vue.createCommentVNode("", true)
+            ]);
+          }), 128)),
+          !!_ctx.$slots.afterSpecs ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            layoutMode.value === "table" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24$4, [
+              vue.createElementVNode("table", _hoisted_25$4, [
+                vue.createElementVNode("tbody", _hoisted_26$4, [
+                  vue.renderSlot(_ctx.$slots, "afterSpecs", { layout: layoutMode.value })
+                ])
+              ])
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$4, [
+              vue.renderSlot(_ctx.$slots, "afterSpecs", { layout: layoutMode.value })
+            ]))
+          ], 64)) : vue.createCommentVNode("", true)
+        ], 64)) : vue.createCommentVNode("", true)
       ], 10, _hoisted_1$7)) : vue.createCommentVNode("", true);
     };
   }
@@ -17576,7 +17650,22 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 layout: __props.specificationsLayout,
                 grouping: __props.specificationsGrouping,
                 "package-description": __props.specificationsPackageDescription
-              }, null, 8, ["attributes", "language", "layout", "grouping", "package-description"]))
+              }, vue.createSlots({ _: 2 }, [
+                _ctx.$slots.specificationsBefore ? {
+                  name: "beforeSpecs",
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, "specificationsBefore", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
+                  ]),
+                  key: "0"
+                } : void 0,
+                _ctx.$slots.specificationsAfter ? {
+                  name: "afterSpecs",
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, "specificationsAfter", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1032, ["attributes", "language", "layout", "grouping", "package-description"]))
             ], 2)) : vue.createCommentVNode("", true),
             isActive("downloads") && isTabVisible("downloads") ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(ProductDownloadsImpl.value), {
               key: 2,
@@ -17662,7 +17751,22 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 layout: __props.specificationsLayout,
                 grouping: __props.specificationsGrouping,
                 "package-description": __props.specificationsPackageDescription
-              }, null, 8, ["attributes", "language", "layout", "grouping", "package-description"]))
+              }, vue.createSlots({ _: 2 }, [
+                _ctx.$slots.specificationsBefore ? {
+                  name: "beforeSpecs",
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, "specificationsBefore", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
+                  ]),
+                  key: "0"
+                } : void 0,
+                _ctx.$slots.specificationsAfter ? {
+                  name: "afterSpecs",
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, "specificationsAfter", vue.normalizeProps(vue.guardReactiveProps(slotProps)))
+                  ]),
+                  key: "1"
+                } : void 0
+              ]), 1032, ["attributes", "language", "layout", "grouping", "package-description"]))
             ])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
           isTabVisible("downloads") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$5, [