@propeller-commerce/propeller-v2-vue-ui 0.3.16 → 0.3.19

package/dist/index.cjs

@@ -3003,7 +3003,7 @@ async function mergeAnonymousCart(cfg) {
   }
   return result;
 }
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "PropellerProvider",
   props: {
     user: { default: null },
@@ -3037,24 +3037,24 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["data-loading", "data-variant"];
-const _hoisted_2$N = {
+const _hoisted_1$P = ["data-loading", "data-variant"];
+const _hoisted_2$O = {
   key: 0,
   class: "propeller-login-form__header space-y-1 text-center mb-6"
 };
-const _hoisted_3$N = { class: "propeller-login-form__title text-2xl font-bold" };
-const _hoisted_4$J = {
+const _hoisted_3$O = { class: "propeller-login-form__title text-2xl font-bold" };
+const _hoisted_4$K = {
   key: 0,
   class: "propeller-login-form__subtitle text-sm text-muted-foreground"
 };
-const _hoisted_5$I = { class: "propeller-login-form__field space-y-2" };
-const _hoisted_6$H = {
+const _hoisted_5$J = { class: "propeller-login-form__field space-y-2" };
+const _hoisted_6$I = {
   for: "login-email",
   class: "propeller-login-form__label text-sm font-medium leading-none"
 };
-const _hoisted_7$H = ["value", "placeholder", "disabled"];
-const _hoisted_8$D = { class: "propeller-login-form__field space-y-2" };
-const _hoisted_9$C = { class: "flex items-center justify-between" };
+const _hoisted_7$I = ["value", "placeholder", "disabled"];
+const _hoisted_8$E = { class: "propeller-login-form__field space-y-2" };
+const _hoisted_9$D = { class: "flex items-center justify-between" };
 const _hoisted_10$A = {
   for: "login-password",
   class: "propeller-login-form__label text-sm font-medium leading-none"
@@ -3081,7 +3081,7 @@ const _hoisted_19$o = {
   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 _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "LoginForm",
   props: {
     graphqlClient: {},
@@ -3201,9 +3201,9 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
         "data-loading": isLoading.value ? "true" : "false",
         "data-variant": __props.accountHeaderLoginForm ? "compact" : "full"
       }, [
-        resolvedTitle.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, [
-          vue.createElementVNode("h2", _hoisted_3$N, vue.toDisplayString(resolvedTitle.value), 1),
-          __props.subtitle ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$J, vue.toDisplayString(__props.subtitle), 1)) : vue.createCommentVNode("", true)
+        resolvedTitle.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$O, [
+          vue.createElementVNode("h2", _hoisted_3$O, vue.toDisplayString(resolvedTitle.value), 1),
+          __props.subtitle ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$K, vue.toDisplayString(__props.subtitle), 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("form", {
           class: "propeller-login-form__form space-y-4",
@@ -3216,8 +3216,8 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
             },
             labels: __props.labels
           }, () => [
-            vue.createElementVNode("div", _hoisted_5$I, [
-              vue.createElementVNode("label", _hoisted_6$H, vue.toDisplayString(emailLabel.value), 1),
+            vue.createElementVNode("div", _hoisted_5$J, [
+              vue.createElementVNode("label", _hoisted_6$I, vue.toDisplayString(emailLabel.value), 1),
               vue.createElementVNode("input", {
                 type: "email",
                 id: "login-email",
@@ -3230,7 +3230,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                 placeholder: emailPlaceholder.value,
                 required: true,
                 disabled: isLoading.value
-              }, null, 40, _hoisted_7$H)
+              }, null, 40, _hoisted_7$I)
             ])
           ]),
           vue.renderSlot(_ctx.$slots, "passwordField", {
@@ -3241,8 +3241,8 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
             labels: __props.labels,
             displayForgotPassword: __props.displayForgotPasswordLink !== false && !__props.accountHeaderLoginForm
           }, () => [
-            vue.createElementVNode("div", _hoisted_8$D, [
-              vue.createElementVNode("div", _hoisted_9$C, [
+            vue.createElementVNode("div", _hoisted_8$E, [
+              vue.createElementVNode("div", _hoisted_9$D, [
                 vue.createElementVNode("label", _hoisted_10$A, vue.toDisplayString(passwordLabel.value), 1),
                 showForgotPassword.value && !__props.accountHeaderLoginForm ? (vue.openBlock(), vue.createElementBlock("button", {
                   key: 0,
@@ -3371,22 +3371,22 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
             ]) : vue.createCommentVNode("", true)
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 8, _hoisted_1$O);
+      ], 8, _hoisted_1$P);
     };
   }
 });
-const _hoisted_1$N = ["data-variant", "data-authenticated"];
-const _hoisted_2$M = {
+const _hoisted_1$O = ["data-variant", "data-authenticated"];
+const _hoisted_2$N = {
   key: 0,
   class: "propeller-account-menu__sidebar flex flex-col"
 };
-const _hoisted_3$M = { class: "propeller-account-menu__user px-4 py-3 border-b border-border" };
-const _hoisted_4$I = { class: "propeller-account-menu__user-label text-xs text-muted-foreground uppercase tracking-wider font-semibold mb-1" };
-const _hoisted_5$H = { class: "propeller-account-menu__user-name font-medium text-foreground truncate" };
-const _hoisted_6$G = { class: "propeller-account-menu__nav py-2" };
-const _hoisted_7$G = { class: "propeller-account-menu__list space-y-0.5" };
-const _hoisted_8$C = ["onClick", "data-active"];
-const _hoisted_9$B = { class: "propeller-account-menu__logout-wrapper px-4 py-3 border-t border-border" };
+const _hoisted_3$N = { class: "propeller-account-menu__user px-4 py-3 border-b border-border" };
+const _hoisted_4$J = { class: "propeller-account-menu__user-label text-xs text-muted-foreground uppercase tracking-wider font-semibold mb-1" };
+const _hoisted_5$I = { class: "propeller-account-menu__user-name font-medium text-foreground truncate" };
+const _hoisted_6$H = { class: "propeller-account-menu__nav py-2" };
+const _hoisted_7$H = { class: "propeller-account-menu__list space-y-0.5" };
+const _hoisted_8$D = ["onClick", "data-active"];
+const _hoisted_9$C = { class: "propeller-account-menu__logout-wrapper px-4 py-3 border-t border-border" };
 const _hoisted_10$z = ["aria-label", "data-open"];
 const _hoisted_11$v = {
   fill: "none",
@@ -3416,7 +3416,7 @@ const _hoisted_21$j = {
 };
 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 _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "AccountIconAndMenu",
   props: {
     user: {},
@@ -3458,7 +3458,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     const user = vue.computed(
       () => infra.user ?? null
     );
-    const LoginFormImpl = vue.computed(() => props.loginFormComponent ?? _sfc_main$T);
+    const LoginFormImpl = vue.computed(() => props.loginFormComponent ?? _sfc_main$U);
     const isMounted = vue.ref(false);
     const menuOpen = vue.ref(false);
     function _onDocumentClick() {
@@ -3571,14 +3571,14 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
         }, ["stop"]))
       }, [
-        isSidebar.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$M, [
+        isSidebar.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$N, [
           !!user.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createElementVNode("div", _hoisted_3$M, [
-              vue.createElementVNode("p", _hoisted_4$I, vue.toDisplayString(getLabel("signedInAs", "Signed in as")), 1),
-              vue.createElementVNode("p", _hoisted_5$H, vue.toDisplayString(getUserName()), 1)
+            vue.createElementVNode("div", _hoisted_3$N, [
+              vue.createElementVNode("p", _hoisted_4$J, vue.toDisplayString(getLabel("signedInAs", "Signed in as")), 1),
+              vue.createElementVNode("p", _hoisted_5$I, vue.toDisplayString(getUserName()), 1)
             ]),
-            vue.createElementVNode("nav", _hoisted_6$G, [
-              vue.createElementVNode("ul", _hoisted_7$G, [
+            vue.createElementVNode("nav", _hoisted_6$H, [
+              vue.createElementVNode("ul", _hoisted_7$H, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getMenuLinks(), (link, index2) => {
                   return vue.openBlock(), vue.createElementBlock("li", {
                     key: link.href,
@@ -3589,12 +3589,12 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                       onClick: async (event) => handleMenuItemClick(link.href),
                       "data-active": isActiveLink(link.href) ? "true" : "false",
                       class: vue.normalizeClass(`propeller-account-menu__link flex w-full items-center gap-3 px-4 py-2.5 text-sm font-medium transition-colors ${isActiveLink(link.href) ? "bg-secondary/5 text-secondary border-l-2 border-secondary" : "text-muted-foreground hover:bg-surface-hover hover:text-foreground"}`)
-                    }, vue.toDisplayString(link.label), 11, _hoisted_8$C)
+                    }, vue.toDisplayString(link.label), 11, _hoisted_8$D)
                   ]);
                 }), 128))
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_9$B, [
+            vue.createElementVNode("div", _hoisted_9$C, [
               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",
@@ -3695,37 +3695,37 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
             ], 64)) : vue.createCommentVNode("", true)
           ], 2)) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true)
-      ], 8, _hoisted_1$N);
+      ], 8, _hoisted_1$O);
     };
   }
 });
-const _hoisted_1$M = { class: "propeller-action-code w-full bg-card p-6 rounded-[var(--radius-container)] shadow space-y-3" };
-const _hoisted_2$L = { class: "text-lg font-bold" };
-const _hoisted_3$L = {
+const _hoisted_1$N = { class: "propeller-action-code w-full bg-card p-6 rounded-[var(--radius-container)] shadow space-y-3" };
+const _hoisted_2$M = { class: "text-lg font-bold" };
+const _hoisted_3$M = {
   key: 0,
   class: "flex items-center justify-between bg-secondary/5 border border-secondary/20 rounded-[var(--radius-control)] px-3 py-2"
 };
-const _hoisted_4$H = { class: "flex items-center gap-2" };
-const _hoisted_5$G = {
+const _hoisted_4$I = { class: "flex items-center gap-2" };
+const _hoisted_5$H = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   class: "w-4 h-4 text-secondary",
   strokeWidth: 2
 };
-const _hoisted_6$F = { class: "text-sm font-medium text-secondary" };
-const _hoisted_7$F = ["disabled"];
-const _hoisted_8$B = {
+const _hoisted_6$G = { class: "text-sm font-medium text-secondary" };
+const _hoisted_7$G = ["disabled"];
+const _hoisted_8$C = {
   key: 1,
   class: "flex gap-2"
 };
-const _hoisted_9$A = ["value", "placeholder", "disabled"];
+const _hoisted_9$B = ["value", "placeholder", "disabled"];
 const _hoisted_10$y = ["disabled"];
 const _hoisted_11$u = {
   key: 2,
   class: "propeller-action-code__error text-sm text-destructive"
 };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "ActionCode",
   props: {
     graphqlClient: {},
@@ -3820,19 +3820,19 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
-        vue.createElementVNode("h2", _hoisted_2$L, vue.toDisplayString(title.value), 1),
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+        vue.createElementVNode("h2", _hoisted_2$M, vue.toDisplayString(title.value), 1),
         isMounted.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          hasAppliedCode.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$L, [
-            vue.createElementVNode("div", _hoisted_4$H, [
-              (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$G, [..._cache[4] || (_cache[4] = [
+          hasAppliedCode.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$M, [
+            vue.createElementVNode("div", _hoisted_4$I, [
+              (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$H, [..._cache[4] || (_cache[4] = [
                 vue.createElementVNode("path", {
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
                   d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
                 }, null, -1)
               ])])),
-              vue.createElementVNode("span", _hoisted_6$F, vue.toDisplayString(appliedCode.value), 1)
+              vue.createElementVNode("span", _hoisted_6$G, vue.toDisplayString(appliedCode.value), 1)
             ]),
             showRemoveCode.value ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 0,
@@ -3840,9 +3840,9 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
               class: "text-secondary hover:text-secondary text-sm font-medium transition-colors disabled:opacity-50",
               onClick: _cache[0] || (_cache[0] = async (event) => handleRemove()),
               disabled: vue.unref(loading)
-            }, vue.toDisplayString(getLabel("remove", "Remove")), 9, _hoisted_7$F)) : vue.createCommentVNode("", true)
+            }, vue.toDisplayString(getLabel("remove", "Remove")), 9, _hoisted_7$G)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          !hasAppliedCode.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$B, [
+          !hasAppliedCode.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$C, [
             vue.createElementVNode("input", {
               type: "text",
               class: "propeller-action-code__input flex-1 text-sm border border-input rounded-[var(--radius-control)] px-3 py-2 focus:ring-2 focus:ring-secondary focus:border-transparent disabled:opacity-50",
@@ -3853,7 +3853,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
               onKeydown: _cache[2] || (_cache[2] = async (e) => handleKeyDown(e)),
               placeholder: getLabel("placeholder", "Enter action code"),
               disabled: vue.unref(loading)
-            }, null, 40, _hoisted_9$A),
+            }, null, 40, _hoisted_9$B),
             vue.createElementVNode("button", {
               type: "button",
               class: "propeller-action-code__submit bg-secondary text-primary-foreground text-sm font-medium px-4 py-2 rounded-[var(--radius-control)] hover:bg-secondary/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed whitespace-nowrap",
@@ -3874,18 +3874,18 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$L = ["data-loading"];
-const _hoisted_2$K = { class: "propeller-add-to-cart__controls flex flex-wrap items-center gap-2 w-full md:flex-nowrap" };
-const _hoisted_3$K = {
+const _hoisted_1$M = ["data-loading"];
+const _hoisted_2$L = { class: "propeller-add-to-cart__controls flex flex-wrap items-center gap-2 w-full md:flex-nowrap" };
+const _hoisted_3$L = {
   key: 0,
   class: "propeller-add-to-cart__stepper flex items-center border border-input rounded-[var(--radius-control)] bg-card h-10 w-full md:w-auto"
 };
-const _hoisted_4$G = ["disabled"];
-const _hoisted_5$F = ["min", "step", "value"];
-const _hoisted_6$E = ["disabled"];
-const _hoisted_7$E = ["min", "step", "value"];
-const _hoisted_8$A = ["disabled"];
-const _hoisted_9$z = {
+const _hoisted_4$H = ["disabled"];
+const _hoisted_5$G = ["min", "step", "value"];
+const _hoisted_6$F = ["disabled"];
+const _hoisted_7$F = ["min", "step", "value"];
+const _hoisted_8$B = ["disabled"];
+const _hoisted_9$A = {
   class: "propeller-add-to-cart__icon w-[1.1em] h-[1.1em] flex-shrink-0",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3962,11 +3962,11 @@ const _hoisted_28$g = {
   key: 1,
   class: "propeller-add-to-cart__modal-surcharges mt-1 text-xs text-muted-foreground"
 };
-const _hoisted_29$f = { class: "font-medium" };
-const _hoisted_30$f = { class: "propeller-add-to-cart__modal-surcharges-list mt-0.5" };
-const _hoisted_31$f = { class: "flex-shrink-0 text-right" };
-const _hoisted_32$e = { class: "propeller-add-to-cart__modal-quantity text-xs text-muted-foreground" };
-const _hoisted_33$d = {
+const _hoisted_29$g = { 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" };
+const _hoisted_33$e = {
   key: 1,
   class: "propeller-add-to-cart__modal-price text-sm font-semibold text-foreground mt-0.5"
 };
@@ -3977,7 +3977,7 @@ const _hoisted_34$c = {
 const _hoisted_35$c = { class: "line-clamp-1" };
 const _hoisted_36$c = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
 const _hoisted_37$c = { class: "propeller-add-to-cart__modal-actions flex gap-3 px-6 py-4 border-t border-border-subtle" };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "AddToCart",
   props: {
     graphqlClient: {},
@@ -4187,14 +4187,14 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(`propeller-add-to-cart ${__props.className || ""}`),
         "data-loading": vue.unref(loading) ? "true" : "false"
       }, [
-        vue.createElementVNode("div", _hoisted_2$K, [
-          __props.allowIncrDecr !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$K, [
+        vue.createElementVNode("div", _hoisted_2$L, [
+          __props.allowIncrDecr !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$L, [
             vue.createElementVNode("button", {
               type: "button",
               class: "propeller-add-to-cart__decrement px-3 h-full text-muted-foreground hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors rounded-l-[var(--radius-control)] select-none",
               onClick: _cache[0] || (_cache[0] = async (event) => decrement()),
               disabled: quantity.value <= vue.unref(getMinQuantity)(props.product) || vue.unref(loading)
-            }, " -", 8, _hoisted_4$G),
+            }, " -", 8, _hoisted_4$H),
             vue.createElementVNode("input", {
               type: "number",
               class: "propeller-add-to-cart__quantity flex-1 md:flex-none md:w-12 text-center text-sm bg-transparent border-none focus:ring-0 focus:outline-none h-full [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
@@ -4209,13 +4209,13 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                   quantity.value = Math.round((val - min) / step) * step + min;
                 }
               })
-            }, null, 40, _hoisted_5$F),
+            }, null, 40, _hoisted_5$G),
             vue.createElementVNode("button", {
               type: "button",
               class: "propeller-add-to-cart__increment px-3 h-full text-muted-foreground hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors rounded-r-[var(--radius-control)] select-none",
               onClick: _cache[2] || (_cache[2] = async (event) => increment()),
               disabled: vue.unref(loading)
-            }, " + ", 8, _hoisted_6$E)
+            }, " + ", 8, _hoisted_6$F)
           ])) : vue.createCommentVNode("", true),
           __props.allowIncrDecr === false ? (vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
@@ -4232,14 +4232,14 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                 quantity.value = Math.round((val - min) / step) * step + min;
               }
             })
-          }, null, 40, _hoisted_7$E)) : vue.createCommentVNode("", true),
+          }, null, 40, _hoisted_7$F)) : vue.createCommentVNode("", true),
           vue.createElementVNode("button", {
             type: "button",
             class: "propeller-add-to-cart__submit flex-1 basis-full md:basis-auto inline-flex justify-center items-center gap-2 h-10 px-6 border border-transparent text-sm font-medium rounded-[var(--radius-control)] text-primary-foreground bg-secondary hover:bg-secondary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-secondary disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
             onClick: _cache[4] || (_cache[4] = async (event) => handleAddToCart()),
             disabled: vue.unref(loading)
           }, [
-            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9$z, [..._cache[11] || (_cache[11] = [
+            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9$A, [..._cache[11] || (_cache[11] = [
               vue.createElementVNode("circle", {
                 cx: "8",
                 cy: "21",
@@ -4258,7 +4258,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
             !vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(getLabel("add", "Add")), 1)
             ], 64)) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_8$A)
+          ], 8, _hoisted_8$B)
         ]),
         toastVisible.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
@@ -4353,8 +4353,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                   }, 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$f, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
-                    vue.createElementVNode("ul", _hoisted_30$f, [
+                    vue.createElementVNode("span", _hoisted_29$g, 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", {
                           key: idx,
@@ -4364,8 +4364,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ])) : vue.createCommentVNode("", true)
                 ]),
-                vue.createElementVNode("div", _hoisted_31$f, [
-                  vue.createElementVNode("p", _hoisted_32$e, vue.toDisplayString(getLabel("quantity", "Quantity")) + ": " + vue.toDisplayString(quantity.value), 1),
+                vue.createElementVNode("div", _hoisted_31$g, [
+                  vue.createElementVNode("p", _hoisted_32$f, vue.toDisplayString(getLabel("quantity", "Quantity")) + ": " + vue.toDisplayString(quantity.value), 1),
                   !!getModalPrice() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                       key: 0,
@@ -4373,7 +4373,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                       "include-tax": resolvedIncludeTax.value,
                       currency: __props.currency,
                       labels: __props.labels
-                    }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_33$d, vue.toDisplayString(getModalPrice()), 1))
+                    }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_33$e, vue.toDisplayString(getModalPrice()), 1))
                   ], 64)) : vue.createCommentVNode("", true)
                 ])
               ]),
@@ -4416,13 +4416,13 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
             ])
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$L);
+      ], 10, _hoisted_1$M);
     };
   }
 });
-const _hoisted_1$K = ["data-favorited"];
-const _hoisted_2$J = ["title"];
-const _hoisted_3$J = {
+const _hoisted_1$L = ["data-favorited"];
+const _hoisted_2$K = ["title"];
+const _hoisted_3$K = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
@@ -4434,7 +4434,7 @@ const _hoisted_3$J = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const _hoisted_4$F = {
+const _hoisted_4$G = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
@@ -4446,14 +4446,14 @@ const _hoisted_4$F = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const _hoisted_5$E = {
+const _hoisted_5$F = {
   key: 0,
   class: "propeller-add-to-favorite__modal fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4"
 };
-const _hoisted_6$D = { class: "propeller-add-to-favorite__modal-content bg-card rounded-[var(--radius-container)] max-w-md w-full shadow-lg border" };
-const _hoisted_7$D = { class: "propeller-add-to-favorite__modal-header flex justify-between items-center p-6 pb-4" };
-const _hoisted_8$z = { class: "propeller-add-to-favorite__modal-title text-xl font-bold" };
-const _hoisted_9$y = { class: "propeller-add-to-favorite__modal-body px-6 pb-6 space-y-4" };
+const _hoisted_6$E = { class: "propeller-add-to-favorite__modal-content bg-card rounded-[var(--radius-container)] max-w-md w-full shadow-lg border" };
+const _hoisted_7$E = { class: "propeller-add-to-favorite__modal-header flex justify-between items-center p-6 pb-4" };
+const _hoisted_8$A = { class: "propeller-add-to-favorite__modal-title text-xl font-bold" };
+const _hoisted_9$z = { class: "propeller-add-to-favorite__modal-body px-6 pb-6 space-y-4" };
 const _hoisted_10$w = { class: "propeller-add-to-favorite__member-lists space-y-2" };
 const _hoisted_11$s = ["onClick", "disabled"];
 const _hoisted_12$s = { class: "text-sm font-medium" };
@@ -4471,7 +4471,7 @@ const _hoisted_20$j = {
   key: 2,
   class: "propeller-add-to-favorite__empty py-4 text-center text-muted-foreground text-sm"
 };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "AddToFavorite",
   props: {
     graphqlClient: {},
@@ -4620,17 +4620,17 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
           title: isFavorited.value ? getLabel("removeFromFavorites", "Remove from favorites") : getLabel("addToFavorites", "Add to favorites"),
           class: vue.normalizeClass(`propeller-add-to-favorite__btn inline-flex items-center justify-center rounded-[var(--radius-control)] border p-2.5 transition-colors ${isFavorited.value ? "border-primary/30 bg-primary/5 text-primary hover:bg-primary/10" : "border-border bg-card text-foreground-subtle hover:text-primary hover:border-primary/30 hover:bg-primary/5"} ${__props.className || ""}`)
         }, [
-          isFavorited.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$J, [..._cache[5] || (_cache[5] = [
+          isFavorited.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$K, [..._cache[5] || (_cache[5] = [
             vue.createElementVNode("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3.332.67-4.5 2.17C10.832 3.67 9.26 3 7.5 3A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" }, null, -1)
           ])])) : vue.createCommentVNode("", true),
-          !isFavorited.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4$F, [..._cache[6] || (_cache[6] = [
+          !isFavorited.value ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4$G, [..._cache[6] || (_cache[6] = [
             vue.createElementVNode("path", { d: "M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3.332.67-4.5 2.17C10.832 3.67 9.26 3 7.5 3A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" }, null, -1)
           ])])) : vue.createCommentVNode("", true)
-        ], 10, _hoisted_2$J),
-        showModal.value && _isMounted.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$E, [
-          vue.createElementVNode("div", _hoisted_6$D, [
-            vue.createElementVNode("div", _hoisted_7$D, [
-              vue.createElementVNode("h3", _hoisted_8$z, vue.toDisplayString(getLabel("modalTitle", "Favorite product?")), 1),
+        ], 10, _hoisted_2$K),
+        showModal.value && _isMounted.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$F, [
+          vue.createElementVNode("div", _hoisted_6$E, [
+            vue.createElementVNode("div", _hoisted_7$E, [
+              vue.createElementVNode("h3", _hoisted_8$A, vue.toDisplayString(getLabel("modalTitle", "Favorite product?")), 1),
               vue.createElementVNode("button", {
                 type: "button",
                 class: "propeller-add-to-favorite__modal-close 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",
@@ -4652,7 +4652,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
                 ], -1)
               ])])
             ]),
-            vue.createElementVNode("div", _hoisted_9$y, [
+            vue.createElementVNode("div", _hoisted_9$z, [
               getMemberLists().length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                 vue.createElementVNode("div", _hoisted_10$w, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getMemberLists(), (list, index2) => {
@@ -4745,28 +4745,28 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
             ])
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 8, _hoisted_1$K)) : vue.createCommentVNode("", true);
+      ], 8, _hoisted_1$L)) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$J = { class: "propeller-address-card" };
-const _hoisted_2$I = ["data-default", "data-type"];
-const _hoisted_3$I = { class: "propeller-address-card__body flex-grow" };
-const _hoisted_4$E = { class: "propeller-address-card__type-badge inline-block rounded bg-secondary px-2 py-0.5 text-xs font-medium text-secondary-foreground mb-2" };
-const _hoisted_5$D = {
+const _hoisted_1$K = { class: "propeller-address-card" };
+const _hoisted_2$J = ["data-default", "data-type"];
+const _hoisted_3$J = { class: "propeller-address-card__body flex-grow" };
+const _hoisted_4$F = { class: "propeller-address-card__type-badge inline-block rounded bg-secondary px-2 py-0.5 text-xs font-medium text-secondary-foreground mb-2" };
+const _hoisted_5$E = {
   key: 1,
   class: "propeller-address-card__company font-bold text-lg mb-1"
 };
-const _hoisted_6$C = { class: "propeller-address-card__name font-medium mb-1" };
-const _hoisted_7$C = {
+const _hoisted_6$D = { class: "propeller-address-card__name font-medium mb-1" };
+const _hoisted_7$D = {
   key: 0,
   class: "propeller-address-card__street text-muted-foreground"
 };
-const _hoisted_8$y = {
+const _hoisted_8$z = {
   key: 1,
   class: "propeller-address-card__city text-muted-foreground"
 };
-const _hoisted_9$x = { class: "propeller-address-card__country text-muted-foreground" };
+const _hoisted_9$y = { class: "propeller-address-card__country text-muted-foreground" };
 const _hoisted_10$v = {
   key: 4,
   class: "propeller-address-card__email text-muted-foreground"
@@ -4798,11 +4798,11 @@ 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$e = { class: "block text-sm font-medium mb-1" };
-const _hoisted_30$e = ["value"];
-const _hoisted_31$e = { class: "block text-sm font-medium mb-1" };
-const _hoisted_32$d = ["value"];
-const _hoisted_33$c = { class: "grid grid-cols-12 gap-4" };
+const _hoisted_29$f = { 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"];
+const _hoisted_33$d = { class: "grid grid-cols-12 gap-4" };
 const _hoisted_34$b = { class: "col-span-8" };
 const _hoisted_35$b = { class: "block text-sm font-medium mb-1" };
 const _hoisted_36$b = ["value"];
@@ -4906,7 +4906,7 @@ const _hoisted_115$1 = { class: "propeller-address-card__delete-modal-content bg
 const _hoisted_116$1 = { class: "text-xl font-bold mb-4" };
 const _hoisted_117$1 = { class: "propeller-address-card__delete-message mb-6 text-muted-foreground" };
 const _hoisted_118$1 = { class: "flex justify-end gap-4" };
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressCard",
   props: {
     graphqlClient: {},
@@ -5082,23 +5082,23 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
         showCard.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "propeller-address-card__card bg-card p-4 rounded-[var(--radius-container)] shadow-sm border border-border h-full flex flex-col",
           "data-default": addr.value?.isDefault === "Y" ? "true" : "false",
           "data-type": addr.value?.type || ""
         }, [
-          vue.createElementVNode("div", _hoisted_3$I, [
+          vue.createElementVNode("div", _hoisted_3$J, [
             __props.addressType ? vue.renderSlot(_ctx.$slots, "typeBadge", {
               key: 0,
               address: addr.value,
               addressType: __props.addressType,
               addressTypeLabel: getLabel("addressType:" + __props.addressType, __props.addressType)
             }, () => [
-              vue.createElementVNode("span", _hoisted_4$E, vue.toDisplayString(getLabel("addressType:" + __props.addressType, __props.addressType)), 1)
+              vue.createElementVNode("span", _hoisted_4$F, vue.toDisplayString(getLabel("addressType:" + __props.addressType, __props.addressType)), 1)
             ]) : vue.createCommentVNode("", true),
-            __props.showCompanyName !== false && addr.value?.company ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$D, vue.toDisplayString(addr.value?.company), 1)) : vue.createCommentVNode("", true),
+            __props.showCompanyName !== false && addr.value?.company ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$E, vue.toDisplayString(addr.value?.company), 1)) : vue.createCommentVNode("", true),
             __props.showFullName !== false && (addr.value?.firstName || addr.value?.lastName) ? vue.renderSlot(_ctx.$slots, "name", {
               key: 2,
               address: addr.value,
@@ -5110,7 +5110,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               ].filter(Boolean).join(" "),
               salutation: addr.value?.gender
             }, () => [
-              vue.createElementVNode("div", _hoisted_6$C, vue.toDisplayString([
+              vue.createElementVNode("div", _hoisted_6$D, vue.toDisplayString([
                 props.showSalutation !== false ? addr.value?.gender === "M" ? "Mr." : addr.value?.gender === "F" ? "Mrs." : null : null,
                 addr.value?.firstName,
                 addr.value?.middleName,
@@ -5129,12 +5129,12 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                 __props.showCity !== false ? addr.value?.city : null
               ].filter(Boolean).join(" ")
             }, () => [
-              __props.showStreet !== false && addr.value?.street ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$C, vue.toDisplayString([
+              __props.showStreet !== false && addr.value?.street ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$D, vue.toDisplayString([
                 addr.value?.street,
                 __props.showNumberExtension !== false ? addr.value?.number : null,
                 __props.showNumberExtension !== false ? addr.value?.numberExtension : null
               ].filter(Boolean).join(" ")), 1)) : vue.createCommentVNode("", true),
-              __props.showPostalCode !== false && addr.value?.postalCode || __props.showCity !== false && addr.value?.city ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$y, vue.toDisplayString([
+              __props.showPostalCode !== false && addr.value?.postalCode || __props.showCity !== false && addr.value?.city ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$z, vue.toDisplayString([
                 __props.showPostalCode !== false ? addr.value?.postalCode : null,
                 __props.showCity !== false ? addr.value?.city : null
               ].filter(Boolean).join(" ")), 1)) : vue.createCommentVNode("", true)
@@ -5144,7 +5144,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               address: addr.value,
               countryName: getCountryName(addr.value?.country)
             }, () => [
-              vue.createElementVNode("div", _hoisted_9$x, vue.toDisplayString(getCountryName(addr.value?.country)), 1)
+              vue.createElementVNode("div", _hoisted_9$y, vue.toDisplayString(getCountryName(addr.value?.country)), 1)
             ]) : vue.createCommentVNode("", true),
             !!__props.showEmail && addr.value?.email ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$v, vue.toDisplayString(addr.value?.email), 1)) : vue.createCommentVNode("", true),
             !!__props.showPhone && addr.value?.phone ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$r, vue.toDisplayString(addr.value?.phone), 1)) : vue.createCommentVNode("", true),
@@ -5189,7 +5189,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               }, vue.toDisplayString(getLabel("setDefault", "Set Default")), 1)) : vue.createCommentVNode("", true)
             ])
           ]) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_2$I)) : vue.createCommentVNode("", true),
+        ], 8, _hoisted_2$J)) : vue.createCommentVNode("", true),
         __props.inline && showEditModal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$o, [
           vue.createElementVNode("form", {
             onSubmit: _cache[19] || (_cache[19] = async (e) => handleSaveEdit(e))
@@ -5237,7 +5237,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                   }, null, 40, _hoisted_28$f)
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_29$e, vue.toDisplayString(getLabel("middleName", "Middle Name")), 1),
+                  vue.createElementVNode("label", _hoisted_29$f, 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",
@@ -5245,10 +5245,10 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                     onChange: _cache[6] || (_cache[6] = async (e) => {
                       editMiddleName.value = e.target.value;
                     })
-                  }, null, 40, _hoisted_30$e)
+                  }, null, 40, _hoisted_30$f)
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_31$e, vue.toDisplayString(getLabel("lastName", "Last Name")) + " *", 1),
+                  vue.createElementVNode("label", _hoisted_31$f, vue.toDisplayString(getLabel("lastName", "Last 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",
@@ -5257,10 +5257,10 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                       editLastName.value = e.target.value;
                     }),
                     required: true
-                  }, null, 40, _hoisted_32$d)
+                  }, null, 40, _hoisted_32$e)
                 ])
               ]),
-              vue.createElementVNode("div", _hoisted_33$c, [
+              vue.createElementVNode("div", _hoisted_33$d, [
                 vue.createElementVNode("div", _hoisted_34$b, [
                   vue.createElementVNode("label", _hoisted_35$b, vue.toDisplayString(getLabel("street", "Street")) + " *", 1),
                   vue.createElementVNode("input", {
@@ -5654,28 +5654,28 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$I = {
+const _hoisted_1$J = {
   key: 0,
   class: "propeller-address-selector__modal fixed inset-0 bg-black/50 flex items-start justify-center z-50 overflow-y-auto py-10"
 };
-const _hoisted_2$H = { class: "propeller-address-selector__modal-content bg-card p-6 rounded-[var(--radius-container)] max-w-2xl w-full mx-4 shadow-xl" };
-const _hoisted_3$H = { class: "propeller-address-selector__modal-header flex justify-between items-center mb-6" };
-const _hoisted_4$D = { class: "propeller-address-selector__modal-title text-xl font-bold" };
-const _hoisted_5$C = {
+const _hoisted_2$I = { class: "propeller-address-selector__modal-content bg-card p-6 rounded-[var(--radius-container)] max-w-2xl w-full mx-4 shadow-xl" };
+const _hoisted_3$I = { class: "propeller-address-selector__modal-header flex justify-between items-center mb-6" };
+const _hoisted_4$E = { class: "propeller-address-selector__modal-title text-xl font-bold" };
+const _hoisted_5$D = {
   key: 0,
   class: "propeller-address-selector__empty text-muted-foreground italic"
 };
-const _hoisted_6$B = { class: "propeller-address-selector__list grid grid-cols-2 gap-4" };
-const _hoisted_7$B = ["onClick", "data-selected"];
-const _hoisted_8$x = { class: "propeller-address-selector__modal-actions flex justify-end mt-6 pt-4 border-t border-border-subtle" };
-const _hoisted_9$w = ["disabled"];
+const _hoisted_6$C = { class: "propeller-address-selector__list grid grid-cols-2 gap-4" };
+const _hoisted_7$C = ["onClick", "data-selected"];
+const _hoisted_8$y = { class: "propeller-address-selector__modal-actions flex justify-end mt-6 pt-4 border-t border-border-subtle" };
+const _hoisted_9$x = ["disabled"];
 const _hoisted_10$u = {
   key: 0,
   fill: "none",
   viewBox: "0 0 24 24",
   class: "w-4 h-4 animate-spin"
 };
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "AddressSelector",
   props: {
     user: {},
@@ -5692,7 +5692,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     const showModal = vue.ref(false);
     const selectedAddress = vue.ref(null);
     const isLoading = vue.ref(false);
-    const AddressCardImpl = vue.computed(() => props.addressCardComponent ?? _sfc_main$O);
+    const AddressCardImpl = vue.computed(() => props.addressCardComponent ?? _sfc_main$P);
     function getLabel(key, fallback) {
       return index.getLabel(props.labels, key, fallback);
     }
@@ -5774,10 +5774,10 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           ], -1)),
           vue.createTextVNode(vue.toDisplayString(getLabel("chooseAddress", "Choose address")), 1)
         ]),
-        showModal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
-          vue.createElementVNode("div", _hoisted_2$H, [
-            vue.createElementVNode("div", _hoisted_3$H, [
-              vue.createElementVNode("h3", _hoisted_4$D, vue.toDisplayString(getLabel("modalTitle", "Choose an address")), 1),
+        showModal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+          vue.createElementVNode("div", _hoisted_2$I, [
+            vue.createElementVNode("div", _hoisted_3$I, [
+              vue.createElementVNode("h3", _hoisted_4$E, vue.toDisplayString(getLabel("modalTitle", "Choose an address")), 1),
               vue.createElementVNode("button", {
                 type: "button",
                 class: "propeller-address-selector__modal-close text-muted-foreground hover:text-muted-foreground text-xl leading-none",
@@ -5786,9 +5786,9 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
                 })
               }, " × ")
             ]),
-            getAddresses().length === 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$C, vue.toDisplayString(getLabel("noAddresses", "No addresses found.")), 1)) : vue.createCommentVNode("", true),
+            getAddresses().length === 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5$D, vue.toDisplayString(getLabel("noAddresses", "No addresses found.")), 1)) : vue.createCommentVNode("", true),
             getAddresses().length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              vue.createElementVNode("div", _hoisted_6$B, [
+              vue.createElementVNode("div", _hoisted_6$C, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAddresses(), (address, index2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: address.id,
@@ -5807,10 +5807,10 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
                       showCountry: true,
                       showNumberExtension: true
                     }, null, 8, ["address", "countries"]))
-                  ], 10, _hoisted_7$B);
+                  ], 10, _hoisted_7$C);
                 }), 128))
               ]),
-              vue.createElementVNode("div", _hoisted_8$x, [
+              vue.createElementVNode("div", _hoisted_8$y, [
                 vue.createElementVNode("button", {
                   type: "button",
                   class: "propeller-address-selector__confirm-btn inline-flex items-center gap-2 px-5 py-2.5 bg-primary text-primary-foreground rounded-[var(--radius-control)] text-sm font-medium hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
@@ -5837,7 +5837,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
                   ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
                     vue.createTextVNode(vue.toDisplayString(getLabel("useThisAddress", "Use this address")), 1)
                   ], 64))
-                ], 8, _hoisted_9$w)
+                ], 8, _hoisted_9$x)
               ])
             ], 64)) : vue.createCommentVNode("", true)
           ])
@@ -5846,11 +5846,11 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$H = { class: "propeller-cart-bonus-items__title text-lg font-semibold mb-3" };
-const _hoisted_2$G = { class: "propeller-cart-bonus-items__list space-y-4" };
-const _hoisted_3$G = { class: "propeller-cart-bonus-item__media w-20 h-20 flex-shrink-0 bg-surface-hover rounded-[var(--radius-control)] overflow-hidden flex items-center justify-center" };
-const _hoisted_4$C = ["src", "alt"];
-const _hoisted_5$B = {
+const _hoisted_1$I = { class: "propeller-cart-bonus-items__title text-lg font-semibold mb-3" };
+const _hoisted_2$H = { class: "propeller-cart-bonus-items__list space-y-4" };
+const _hoisted_3$H = { class: "propeller-cart-bonus-item__media w-20 h-20 flex-shrink-0 bg-surface-hover rounded-[var(--radius-control)] overflow-hidden flex items-center justify-center" };
+const _hoisted_4$D = ["src", "alt"];
+const _hoisted_5$C = {
   key: 1,
   fill: "none",
   viewBox: "0 0 24 24",
@@ -5858,15 +5858,15 @@ const _hoisted_5$B = {
   class: "propeller-cart-bonus-item__image-placeholder w-8 h-8 text-foreground-subtle",
   strokeWidth: 1.5
 };
-const _hoisted_6$A = { class: "propeller-cart-bonus-item__body flex-1 min-w-0" };
-const _hoisted_7$A = {
+const _hoisted_6$B = { class: "propeller-cart-bonus-item__body flex-1 min-w-0" };
+const _hoisted_7$B = {
   key: 0,
   class: "propeller-cart-bonus-item__sku font-mono text-xs text-foreground-subtle"
 };
-const _hoisted_8$w = { class: "propeller-cart-bonus-item__title font-semibold text-sm md:text-base text-foreground line-clamp-2" };
-const _hoisted_9$v = { class: "propeller-cart-bonus-item__qty text-sm text-muted-foreground whitespace-nowrap" };
+const _hoisted_8$x = { class: "propeller-cart-bonus-item__title font-semibold text-sm md:text-base text-foreground line-clamp-2" };
+const _hoisted_9$w = { class: "propeller-cart-bonus-item__qty text-sm text-muted-foreground whitespace-nowrap" };
 const _hoisted_10$t = { class: "propeller-cart-bonus-item__price font-semibold text-foreground whitespace-nowrap" };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "CartBonusItems",
   props: {
     cart: { default: null },
@@ -5901,20 +5901,20 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: vue.normalizeClass(`propeller-cart-bonus-items ${__props.className || "mt-2"}`)
       }, [
-        vue.createElementVNode("h2", _hoisted_1$H, vue.toDisplayString(getLabel("title", "Bonus items")), 1),
-        vue.createElementVNode("div", _hoisted_2$G, [
+        vue.createElementVNode("h2", _hoisted_1$I, vue.toDisplayString(getLabel("title", "Bonus items")), 1),
+        vue.createElementVNode("div", _hoisted_2$H, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(bonusItems.value, (item) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: item.itemId,
               class: "propeller-cart-bonus-item flex items-center gap-4 bg-card p-4 rounded-[var(--radius-container)] shadow-sm border border-border"
             }, [
-              vue.createElementVNode("div", _hoisted_3$G, [
+              vue.createElementVNode("div", _hoisted_3$H, [
                 getItemImageUrl(item) ? (vue.openBlock(), vue.createElementBlock("img", {
                   key: 0,
                   class: "propeller-cart-bonus-item__image w-full h-full object-contain p-1",
                   src: getItemImageUrl(item),
                   alt: getItemName(item)
-                }, null, 8, _hoisted_4$C)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$B, [..._cache[0] || (_cache[0] = [
+                }, null, 8, _hoisted_4$D)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5$C, [..._cache[0] || (_cache[0] = [
                   vue.createElementVNode("path", {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -5922,11 +5922,11 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
                   }, null, -1)
                 ])]))
               ]),
-              vue.createElementVNode("div", _hoisted_6$A, [
-                item.product?.sku ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$A, vue.toDisplayString(getLabel("sku", "SKU")) + ": " + vue.toDisplayString(item.product.sku), 1)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("p", _hoisted_8$w, vue.toDisplayString(getItemName(item)), 1)
+              vue.createElementVNode("div", _hoisted_6$B, [
+                item.product?.sku ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$B, vue.toDisplayString(getLabel("sku", "SKU")) + ": " + vue.toDisplayString(item.product.sku), 1)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("p", _hoisted_8$x, vue.toDisplayString(getItemName(item)), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_9$v, vue.toDisplayString(item.quantity) + " × ", 1),
+              vue.createElementVNode("div", _hoisted_9$w, vue.toDisplayString(item.quantity) + " × ", 1),
               vue.createElementVNode("div", _hoisted_10$t, vue.toDisplayString(getItemTotal(item)), 1)
             ]);
           }), 128))
@@ -5935,28 +5935,28 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$H = {
   key: 0,
   class: "propeller-cart-carriers__grid grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3"
 };
-const _hoisted_2$F = ["onClick", "data-selected"];
-const _hoisted_3$F = { class: "propeller-cart-carriers__carrier-row flex justify-between items-center" };
-const _hoisted_4$B = { class: "flex items-center gap-2" };
-const _hoisted_5$A = ["src", "alt"];
-const _hoisted_6$z = { class: "propeller-cart-carriers__carrier-name font-medium" };
-const _hoisted_7$z = {
+const _hoisted_2$G = ["onClick", "data-selected"];
+const _hoisted_3$G = { class: "propeller-cart-carriers__carrier-row flex justify-between items-center" };
+const _hoisted_4$C = { class: "flex items-center gap-2" };
+const _hoisted_5$B = ["src", "alt"];
+const _hoisted_6$A = { class: "propeller-cart-carriers__carrier-name font-medium" };
+const _hoisted_7$A = {
   key: 0,
   class: "propeller-cart-carriers__carrier-price text-xs bg-surface-hover text-muted-foreground px-2 py-1 rounded-full"
 };
-const _hoisted_8$v = {
+const _hoisted_8$w = {
   key: 0,
   class: "propeller-cart-carriers__carrier-deadline text-xs text-muted-foreground"
 };
-const _hoisted_9$u = {
+const _hoisted_9$v = {
   key: 1,
   class: "propeller-cart-carriers__empty text-muted-foreground italic"
 };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "CartCarriers",
   props: {
     cart: {},
@@ -6018,7 +6018,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(`propeller-cart-carriers ${containerClass.value}`)
       }, [
-        carriers.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+        carriers.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(carriers.value, (carrier, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: `${carrier.name}-${index2}`,
@@ -6026,28 +6026,28 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
               "data-selected": selectedName.value === carrier.name ? "true" : "false",
               class: vue.normalizeClass(`propeller-cart-carriers__carrier cursor-pointer border border-border rounded-[var(--radius-container)] p-4 flex flex-col gap-2 transition-all ${selectedName.value === carrier.name ? "border-secondary bg-secondary/5 shadow-sm" : "hover:border-secondary/30"}`)
             }, [
-              vue.createElementVNode("div", _hoisted_3$F, [
-                vue.createElementVNode("div", _hoisted_4$B, [
+              vue.createElementVNode("div", _hoisted_3$G, [
+                vue.createElementVNode("div", _hoisted_4$C, [
                   showLogo.value && getLogoUrl(carrier) ? (vue.openBlock(), vue.createElementBlock("img", {
                     key: 0,
                     class: "propeller-cart-carriers__carrier-logo h-6 w-auto",
                     src: getLogoUrl(carrier),
                     alt: carrier.name
-                  }, null, 8, _hoisted_5$A)) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("span", _hoisted_6$z, vue.toDisplayString(carrier.name), 1)
+                  }, null, 8, _hoisted_5$B)) : vue.createCommentVNode("", true),
+                  vue.createElementVNode("span", _hoisted_6$A, vue.toDisplayString(carrier.name), 1)
                 ]),
-                __props.showPrice !== false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$z, vue.toDisplayString(formatCarrierPrice(carrier.price)), 1)) : vue.createCommentVNode("", true)
+                __props.showPrice !== false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$A, vue.toDisplayString(formatCarrierPrice(carrier.price)), 1)) : vue.createCommentVNode("", true)
               ]),
-              carrier.deliveryDeadline ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8$v, vue.toDisplayString(getLabel("deliveryDeadline", "Delivery deadline:")) + vue.toDisplayString(carrier.deliveryDeadline), 1)) : vue.createCommentVNode("", true)
-            ], 10, _hoisted_2$F);
+              carrier.deliveryDeadline ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8$w, vue.toDisplayString(getLabel("deliveryDeadline", "Delivery deadline:")) + vue.toDisplayString(carrier.deliveryDeadline), 1)) : vue.createCommentVNode("", true)
+            ], 10, _hoisted_2$G);
           }), 128))
         ])) : vue.createCommentVNode("", true),
-        carriers.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$u, vue.toDisplayString(getLabel("noCarriers", "No carriers available.")), 1)) : vue.createCommentVNode("", true)
+        carriers.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$v, vue.toDisplayString(getLabel("noCarriers", "No carriers available.")), 1)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "DefaultProductSurcharges",
   props: {
     product: {},
@@ -6083,10 +6083,10 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$F = ["data-bundle", "data-loading"];
-const _hoisted_2$E = { class: "propeller-cart-item__media w-20 h-20 md:w-24 md:h-24 flex-shrink-0 bg-surface-hover flex items-center justify-center overflow-hidden relative" };
-const _hoisted_3$E = ["src", "alt"];
-const _hoisted_4$A = {
+const _hoisted_1$G = ["data-bundle", "data-loading"];
+const _hoisted_2$F = { class: "propeller-cart-item__media w-20 h-20 md:w-24 md:h-24 flex-shrink-0 bg-surface-hover flex items-center justify-center overflow-hidden relative" };
+const _hoisted_3$F = ["src", "alt"];
+const _hoisted_4$B = {
   key: 1,
   fill: "none",
   viewBox: "0 0 24 24",
@@ -6094,14 +6094,14 @@ const _hoisted_4$A = {
   class: "propeller-cart-item__image-placeholder w-8 h-8 text-foreground-subtle",
   strokeWidth: 1.5
 };
-const _hoisted_5$z = { class: "propeller-cart-item__body flex-1 min-w-0" };
-const _hoisted_6$y = { class: "propeller-cart-item__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_7$y = {
+const _hoisted_5$A = { class: "propeller-cart-item__body flex-1 min-w-0" };
+const _hoisted_6$z = { class: "propeller-cart-item__sku font-mono text-xs text-foreground-subtle" };
+const _hoisted_7$z = {
   key: 0,
   class: "propeller-cart-item__title font-semibold text-sm md:text-base text-foreground line-clamp-2"
 };
-const _hoisted_8$u = ["href"];
-const _hoisted_9$t = {
+const _hoisted_8$v = ["href"];
+const _hoisted_9$u = {
   key: 1,
   class: "propeller-cart-item__title font-semibold text-sm md:text-base text-foreground line-clamp-2"
 };
@@ -6130,11 +6130,11 @@ 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$d = { class: "propeller-cart-item__crossupsells-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2" };
-const _hoisted_30$d = { class: "flex flex-col gap-2" };
-const _hoisted_31$d = ["href", "onClick"];
-const _hoisted_32$c = ["src", "alt"];
-const _hoisted_33$b = { class: "min-w-0" };
+const _hoisted_29$e = { 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"];
+const _hoisted_33$c = { class: "min-w-0" };
 const _hoisted_34$a = { class: "propeller-cart-item__crossupsell-title text-xs font-medium text-muted-foreground line-clamp-2" };
 const _hoisted_35$a = {
   key: 0,
@@ -6199,7 +6199,7 @@ const _hoisted_51$5 = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "CartItem",
   props: {
     graphqlClient: {},
@@ -6252,7 +6252,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     const resolved = vue.computed(() => useResolvedProps(props, RESOLVE_SPEC));
     const PriceImpl = vue.computed(() => resolved.value.priceComponent ?? ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$9);
     const StockImpl = vue.computed(() => resolved.value.stockComponent ?? ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3);
-    const SurchargesImpl = vue.computed(() => resolved.value.surchargesComponent ?? _sfc_main$K);
+    const SurchargesImpl = vue.computed(() => resolved.value.surchargesComponent ?? _sfc_main$L);
     const userRef = vue.computed(() => resolved.value.user ?? null);
     const {
       loading,
@@ -6501,14 +6501,14 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           imageUrl: getProductImageUrl(),
           productUrl: getProductUrl()
         }, () => [
-          vue.createElementVNode("div", _hoisted_2$E, [
+          vue.createElementVNode("div", _hoisted_2$F, [
             !!getProductImageUrl() ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 0,
               class: "propeller-cart-item__image w-full h-full object-contain p-1",
               src: getProductImageUrl(),
               alt: getProductName()
-            }, null, 8, _hoisted_3$E)) : vue.createCommentVNode("", true),
-            !getProductImageUrl() ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4$A, [..._cache[7] || (_cache[7] = [
+            }, null, 8, _hoisted_3$F)) : vue.createCommentVNode("", true),
+            !getProductImageUrl() ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4$B, [..._cache[7] || (_cache[7] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -6517,13 +6517,13 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             ])])) : vue.createCommentVNode("", true)
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_5$z, [
+        vue.createElementVNode("div", _hoisted_5$A, [
           !isBundleItem() && __props.showSku !== false && !!getProductSku() ? vue.renderSlot(_ctx.$slots, "sku", {
             key: 0,
             cartItem: __props.cartItem,
             sku: getProductSku()
           }, () => [
-            vue.createElementVNode("p", _hoisted_6$y, vue.toDisplayString(getProductSku()), 1)
+            vue.createElementVNode("p", _hoisted_6$z, vue.toDisplayString(getProductSku()), 1)
           ]) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, getProductName(), {
             cartItem: __props.cartItem,
@@ -6533,15 +6533,15 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             linkable: __props.titleLinkable,
             handleTitleClick: (e) => __props.onTitleClick?.(e, __props.cartItem)
           }, () => [
-            isBundleItem() ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$y, vue.toDisplayString(getBundleName()), 1)) : vue.createCommentVNode("", true),
+            isBundleItem() ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$z, vue.toDisplayString(getBundleName()), 1)) : vue.createCommentVNode("", true),
             !isBundleItem() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               __props.titleLinkable !== false ? (vue.openBlock(), vue.createElementBlock("a", {
                 key: 0,
                 class: "propeller-cart-item__title font-semibold text-sm md:text-base text-foreground hover:text-foreground transition-colors line-clamp-2",
                 href: getProductUrl(),
                 onClick: _cache[0] || (_cache[0] = (e) => __props.onTitleClick?.(e, __props.cartItem))
-              }, vue.toDisplayString(getProductName()), 9, _hoisted_8$u)) : vue.createCommentVNode("", true),
-              __props.titleLinkable === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$t, vue.toDisplayString(getProductName()), 1)) : vue.createCommentVNode("", true)
+              }, vue.toDisplayString(getProductName()), 9, _hoisted_8$v)) : vue.createCommentVNode("", true),
+              __props.titleLinkable === false ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$u, vue.toDisplayString(getProductName()), 1)) : vue.createCommentVNode("", true)
             ], 64)) : vue.createCommentVNode("", true)
           ]),
           !isBundleItem() ? vue.renderSlot(_ctx.$slots, "surcharges", {
@@ -6656,8 +6656,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             crossupsells: getVisibleCrossupsells()
           }, () => [
             vue.createElementVNode("div", _hoisted_28$e, [
-              vue.createElementVNode("p", _hoisted_29$d, vue.toDisplayString(getLabel("crossupsellTitle", "You might also like")), 1),
-              vue.createElementVNode("div", _hoisted_30$d, [
+              vue.createElementVNode("p", _hoisted_29$e, 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", {
                     key: idx,
@@ -6680,12 +6680,12 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                         class: "propeller-cart-item__crossupsell-image w-10 h-10 object-contain rounded flex-shrink-0",
                         src: getCrossupsellImageUrl(item),
                         alt: getCrossupsellName(item)
-                      }, null, 8, _hoisted_32$c)) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("div", _hoisted_33$b, [
+                      }, null, 8, _hoisted_32$d)) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("div", _hoisted_33$c, [
                         vue.createElementVNode("span", _hoisted_34$a, vue.toDisplayString(getCrossupsellName(item)), 1),
                         !!getCrossupsellPrice(item) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_35$a, vue.toDisplayString(getCrossupsellPrice(item)), 1)) : vue.createCommentVNode("", true)
                       ])
-                    ], 8, _hoisted_31$d),
+                    ], 8, _hoisted_31$e),
                     vue.createElementVNode("button", {
                       type: "button",
                       class: "propeller-cart-item__crossupsell-btn flex-shrink-0 inline-flex items-center justify-center h-7 w-7 rounded-[var(--radius-control)] bg-primary text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
@@ -6814,31 +6814,31 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             ], 8, _hoisted_49$7)
           ]) : vue.createCommentVNode("", true)
         ])
-      ], 10, _hoisted_1$F);
+      ], 10, _hoisted_1$G);
     };
   }
 });
-const _hoisted_1$E = ["data-sidebar-open"];
-const _hoisted_2$D = ["aria-label"];
-const _hoisted_3$D = {
+const _hoisted_1$F = ["data-sidebar-open"];
+const _hoisted_2$E = ["aria-label"];
+const _hoisted_3$E = {
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24",
   class: "propeller-cart-icon__icon w-6 h-6",
   strokeWidth: 1.5
 };
-const _hoisted_4$z = {
+const _hoisted_4$A = {
   key: 0,
   class: "propeller-cart-icon__badge absolute -top-1 -right-1 h-5 w-5 flex items-center justify-center rounded-full bg-primary text-primary-foreground text-[10px] font-bold pointer-events-none"
 };
-const _hoisted_5$y = {
+const _hoisted_5$z = {
   key: 0,
   class: "propeller-cart-icon__popover absolute top-full right-0 mt-1 z-40 bg-card border border-border rounded-[var(--radius-container)] shadow-lg px-3 py-2 min-w-[140px] text-sm whitespace-nowrap"
 };
-const _hoisted_6$x = { class: "flex justify-between gap-4" };
-const _hoisted_7$x = { class: "propeller-cart-icon__popover-label text-muted-foreground" };
-const _hoisted_8$t = { class: "propeller-cart-icon__popover-total font-semibold text-foreground" };
-const _hoisted_9$s = { class: "propeller-cart-icon__popover-count text-xs text-foreground-subtle mt-0.5" };
+const _hoisted_6$y = { class: "flex justify-between gap-4" };
+const _hoisted_7$y = { class: "propeller-cart-icon__popover-label text-muted-foreground" };
+const _hoisted_8$u = { class: "propeller-cart-icon__popover-total font-semibold text-foreground" };
+const _hoisted_9$t = { class: "propeller-cart-icon__popover-count text-xs text-foreground-subtle mt-0.5" };
 const _hoisted_10$r = ["aria-label", "data-open"];
 const _hoisted_11$p = { class: "flex flex-col h-full" };
 const _hoisted_12$p = { class: "propeller-cart-icon__sidebar-header flex items-center justify-between px-5 py-4 border-b border-border" };
@@ -6892,11 +6892,11 @@ const _hoisted_28$d = {
   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$c = { class: "propeller-cart-icon__total-row flex justify-between items-center" };
-const _hoisted_30$c = { class: "propeller-cart-icon__total-label text-sm font-medium text-muted-foreground" };
-const _hoisted_31$c = { class: "propeller-cart-icon__total-value text-base font-bold text-foreground" };
-const _hoisted_32$b = ["disabled"];
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_29$d = { 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"];
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "CartIconAndSidebar",
   props: {
     cart: {},
@@ -6947,10 +6947,10 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const CartItemImpl = vue.computed(
-      () => props.cartItemComponent ?? _sfc_main$J
+      () => props.cartItemComponent ?? _sfc_main$K
     );
     const CartBonusItemsImpl = vue.computed(
-      () => props.cartBonusItemsComponent ?? _sfc_main$M
+      () => props.cartBonusItemsComponent ?? _sfc_main$N
     );
     vue.onMounted(() => {
       isMounted.value = true;
@@ -7070,21 +7070,21 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             "aria-label": getLabel("cartIconLabel", "Shopping cart"),
             class: vue.normalizeClass(`propeller-cart-icon__trigger relative inline-flex items-center justify-center p-2 rounded-[var(--radius-control)] transition-colors text-foreground${__props.iconClassName ? " " + __props.iconClassName : ""}`)
           }, [
-            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$D, [..._cache[11] || (_cache[11] = [
+            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_3$E, [..._cache[11] || (_cache[11] = [
               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)
             ])])),
-            isMounted.value && __props.showBadge !== false && getTotalItems() > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$z, vue.toDisplayString(getTotalItems()), 1)) : vue.createCommentVNode("", true)
-          ], 10, _hoisted_2$D),
-          __props.showTotals && isHovered.value && getTotalItems() > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$y, [
-            vue.createElementVNode("div", _hoisted_6$x, [
-              vue.createElementVNode("span", _hoisted_7$x, vue.toDisplayString(getLabel("totalLabel", "Total")), 1),
-              vue.createElementVNode("span", _hoisted_8$t, vue.toDisplayString(getTotalPrice()), 1)
+            isMounted.value && __props.showBadge !== false && getTotalItems() > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$A, vue.toDisplayString(getTotalItems()), 1)) : vue.createCommentVNode("", true)
+          ], 10, _hoisted_2$E),
+          __props.showTotals && isHovered.value && getTotalItems() > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$z, [
+            vue.createElementVNode("div", _hoisted_6$y, [
+              vue.createElementVNode("span", _hoisted_7$y, vue.toDisplayString(getLabel("totalLabel", "Total")), 1),
+              vue.createElementVNode("span", _hoisted_8$u, vue.toDisplayString(getTotalPrice()), 1)
             ]),
-            vue.createElementVNode("div", _hoisted_9$s, vue.toDisplayString(getTotalItems()) + vue.toDisplayString(getLabel("itemsLabel", "item(s)")), 1)
+            vue.createElementVNode("div", _hoisted_9$t, vue.toDisplayString(getTotalItems()) + vue.toDisplayString(getLabel("itemsLabel", "item(s)")), 1)
           ])) : vue.createCommentVNode("", true)
         ], 32),
         sidebarOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -7201,9 +7201,9 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                 }, null, 8, ["cart"]))
               ]),
               getItems().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$d, [
-                vue.createElementVNode("div", _hoisted_29$c, [
-                  vue.createElementVNode("span", _hoisted_30$c, vue.toDisplayString(getLabel("total", "Total")), 1),
-                  vue.createElementVNode("span", _hoisted_31$c, vue.toDisplayString(getTotalPrice()), 1)
+                vue.createElementVNode("div", _hoisted_29$d, [
+                  vue.createElementVNode("span", _hoisted_30$d, vue.toDisplayString(getLabel("total", "Total")), 1),
+                  vue.createElementVNode("span", _hoisted_31$d, vue.toDisplayString(getTotalPrice()), 1)
                 ]),
                 showCheckoutButton() && !showRequestAuthorizationButton() ? (vue.openBlock(), vue.createElementBlock("button", {
                   key: 0,
@@ -7227,7 +7227,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                       "Request Authorization"
                     )), 1)
                   ], 64)) : vue.createCommentVNode("", true)
-                ], 8, _hoisted_32$b)) : vue.createCommentVNode("", true),
+                ], 8, _hoisted_32$c)) : vue.createCommentVNode("", true),
                 !showRequestAuthorizationButton() && !!__props.onRequestQuoteClick && !!__props.user && "contactId" in __props.user ? (vue.openBlock(), vue.createElementBlock("button", {
                   key: 2,
                   type: "button",
@@ -7247,34 +7247,34 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             ], 64)) : vue.createCommentVNode("", true)
           ])
         ], 10, _hoisted_10$r)
-      ], 8, _hoisted_1$E);
+      ], 8, _hoisted_1$F);
     };
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "propeller-cart-overview__title text-xl font-bold mb-4"
 };
-const _hoisted_2$C = { class: "propeller-cart-overview__addresses grid grid-cols-1 md:grid-cols-2 gap-6 pb-5" };
-const _hoisted_3$C = {
+const _hoisted_2$D = { class: "propeller-cart-overview__addresses grid grid-cols-1 md:grid-cols-2 gap-6 pb-5" };
+const _hoisted_3$D = {
   class: "propeller-cart-overview__address space-y-2",
   "data-address": "invoice"
 };
-const _hoisted_4$y = { class: "propeller-cart-overview__address-title text-sm font-semibold text-muted-foreground uppercase tracking-wide" };
-const _hoisted_5$x = {
+const _hoisted_4$z = { class: "propeller-cart-overview__address-title text-sm font-semibold text-muted-foreground uppercase tracking-wide" };
+const _hoisted_5$y = {
   key: 0,
   class: "text-sm space-y-1"
 };
-const _hoisted_6$w = {
+const _hoisted_6$x = {
   key: 0,
   class: "font-medium"
 };
-const _hoisted_7$w = { key: 1 };
-const _hoisted_8$s = {
+const _hoisted_7$x = { key: 1 };
+const _hoisted_8$t = {
   key: 2,
   class: "propeller-cart-overview__address-email text-muted-foreground"
 };
-const _hoisted_9$r = {
+const _hoisted_9$s = {
   class: "propeller-cart-overview__address space-y-2",
   "data-address": "delivery"
 };
@@ -7321,21 +7321,21 @@ const _hoisted_26$d = {
 };
 const _hoisted_27$d = { class: "text-sm font-medium" };
 const _hoisted_28$c = ["value", "placeholder"];
-const _hoisted_29$b = {
+const _hoisted_29$c = {
   key: 2,
   class: "flex items-center space-x-2 pt-2"
 };
-const _hoisted_30$b = ["checked"];
-const _hoisted_31$b = {
+const _hoisted_30$c = ["checked"];
+const _hoisted_31$c = {
   for: "cart-overview-terms",
   class: "text-sm leading-none"
 };
-const _hoisted_32$a = ["disabled"];
-const _hoisted_33$a = {
+const _hoisted_32$b = ["disabled"];
+const _hoisted_33$b = {
   key: 0,
   class: "propeller-cart-overview__spinner w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin"
 };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "CartOverview",
   props: {
     graphqlClient: {},
@@ -7430,12 +7430,12 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(`propeller-cart-overview ${containerClass.value}`)
       }, [
-        __props.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_1$D, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$C, [
-          vue.createElementVNode("div", _hoisted_3$C, [
-            vue.createElementVNode("h3", _hoisted_4$y, vue.toDisplayString(getLabel("invoiceAddress", "Invoice Address")), 1),
-            invoiceAddress.value && invoiceAddress.value.street ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$x, [
-              invoiceAddress.value.company ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$w, vue.toDisplayString(invoiceAddress.value.company), 1)) : vue.createCommentVNode("", true),
+        __props.title ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_1$E, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_2$D, [
+          vue.createElementVNode("div", _hoisted_3$D, [
+            vue.createElementVNode("h3", _hoisted_4$z, vue.toDisplayString(getLabel("invoiceAddress", "Invoice Address")), 1),
+            invoiceAddress.value && invoiceAddress.value.street ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$y, [
+              invoiceAddress.value.company ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$x, vue.toDisplayString(invoiceAddress.value.company), 1)) : vue.createCommentVNode("", true),
               vue.createElementVNode("p", null, vue.toDisplayString([
                 invoiceAddress.value.firstName,
                 invoiceAddress.value.middleName,
@@ -7447,11 +7447,11 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                 invoiceAddress.value.numberExtension
               ].filter(Boolean).join(" ")), 1),
               vue.createElementVNode("p", null, vue.toDisplayString([invoiceAddress.value.postalCode, invoiceAddress.value.city].filter(Boolean).join(" ")), 1),
-              invoiceAddress.value.country ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$w, vue.toDisplayString(getCountryName(invoiceAddress.value.country)), 1)) : vue.createCommentVNode("", true),
-              invoiceAddress.value.email ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8$s, vue.toDisplayString(invoiceAddress.value.email), 1)) : vue.createCommentVNode("", true)
+              invoiceAddress.value.country ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$x, vue.toDisplayString(getCountryName(invoiceAddress.value.country)), 1)) : vue.createCommentVNode("", true),
+              invoiceAddress.value.email ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_8$t, vue.toDisplayString(invoiceAddress.value.email), 1)) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_9$r, [
+          vue.createElementVNode("div", _hoisted_9$s, [
             vue.createElementVNode("h3", _hoisted_10$q, vue.toDisplayString(getLabel("deliveryAddress", "Delivery Address")), 1),
             deliveryAddress.value && deliveryAddress.value.street ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$o, [
               deliveryAddress.value.company ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12$o, vue.toDisplayString(deliveryAddress.value.company), 1)) : vue.createCommentVNode("", true),
@@ -7511,15 +7511,15 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
               maxLength: 255
             }, null, 40, _hoisted_28$c)
           ])) : vue.createCommentVNode("", true),
-          showTermsAndConditions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$b, [
+          showTermsAndConditions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$c, [
             vue.createElementVNode("input", {
               type: "checkbox",
               id: "cart-overview-terms",
               class: "propeller-cart-overview__checkbox h-4 w-4 rounded border-input text-primary focus:ring-primary",
               checked: termsAccepted.value,
               onChange: _cache[2] || (_cache[2] = async (event) => handleTermsChange(event.target.checked))
-            }, null, 40, _hoisted_30$b),
-            vue.createElementVNode("label", _hoisted_31$b, [
+            }, null, 40, _hoisted_30$c),
+            vue.createElementVNode("label", _hoisted_31$c, [
               vue.createTextVNode(vue.toDisplayString(getLabel("termsPrefix", "I agree to the")), 1),
               vue.createElementVNode("a", {
                 href: "#",
@@ -7535,36 +7535,36 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[4] || (_cache[4] = async (event) => handlePurchaseClick()),
             disabled: isPurchaseDisabled.value
           }, [
-            loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_33$a)) : vue.createCommentVNode("", true),
+            loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_33$b)) : vue.createCommentVNode("", true),
             loading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(getLabel("processing", "Processing...")), 1)
             ], 64)) : vue.createCommentVNode("", true),
             !loading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
               vue.createTextVNode(vue.toDisplayString(getLabel("purchaseButton", "Place Order")), 1)
             ], 64)) : vue.createCommentVNode("", true)
-          ], 8, _hoisted_32$a)) : vue.createCommentVNode("", true)
+          ], 8, _hoisted_32$b)) : vue.createCommentVNode("", true)
         ])
       ], 2);
     };
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "propeller-cart-paymethods__grid grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3"
 };
-const _hoisted_2$B = ["onClick", "data-selected"];
-const _hoisted_3$B = { class: "propeller-cart-paymethods__method-row flex justify-between items-center" };
-const _hoisted_4$x = { class: "flex items-center gap-2" };
-const _hoisted_5$w = { class: "propeller-cart-paymethods__method-name font-medium" };
-const _hoisted_6$v = {
+const _hoisted_2$C = ["onClick", "data-selected"];
+const _hoisted_3$C = { class: "propeller-cart-paymethods__method-row flex justify-between items-center" };
+const _hoisted_4$y = { class: "flex items-center gap-2" };
+const _hoisted_5$x = { class: "propeller-cart-paymethods__method-name font-medium" };
+const _hoisted_6$w = {
   key: 0,
   class: "propeller-cart-paymethods__method-price text-xs bg-surface-hover text-muted-foreground px-2 py-1 rounded-full"
 };
-const _hoisted_7$v = {
+const _hoisted_7$w = {
   key: 1,
   class: "propeller-cart-paymethods__empty text-muted-foreground italic"
 };
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "CartPaymethods",
   props: {
     cart: {},
@@ -7637,7 +7637,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(`propeller-cart-paymethods ${containerClass.value}`)
       }, [
-        payMethods.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
+        payMethods.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(payMethods.value, (method, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: method.code,
@@ -7645,37 +7645,37 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
               "data-selected": selectedCode.value === method.code ? "true" : "false",
               class: vue.normalizeClass(`propeller-cart-paymethods__method cursor-pointer border border-border rounded-[var(--radius-container)] p-4 flex flex-col gap-2 transition-all ${selectedCode.value === method.code ? "border-secondary bg-secondary/5 shadow-sm" : "hover:border-secondary/30"}`)
             }, [
-              vue.createElementVNode("div", _hoisted_3$B, [
-                vue.createElementVNode("div", _hoisted_4$x, [
-                  vue.createElementVNode("span", _hoisted_5$w, vue.toDisplayString(method.name || method.code), 1)
+              vue.createElementVNode("div", _hoisted_3$C, [
+                vue.createElementVNode("div", _hoisted_4$y, [
+                  vue.createElementVNode("span", _hoisted_5$x, vue.toDisplayString(method.name || method.code), 1)
                 ]),
-                method.price > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$v, vue.toDisplayString(formatMethodPrice(method.price)), 1)) : vue.createCommentVNode("", true)
+                method.price > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$w, vue.toDisplayString(formatMethodPrice(method.price)), 1)) : vue.createCommentVNode("", true)
               ])
-            ], 10, _hoisted_2$B);
+            ], 10, _hoisted_2$C);
           }), 128))
         ])) : vue.createCommentVNode("", true),
-        payMethods.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$v, vue.toDisplayString(getLabel("noMethods", "No payment methods available.")), 1)) : vue.createCommentVNode("", true)
+        payMethods.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_7$w, vue.toDisplayString(getLabel("noMethods", "No payment methods available.")), 1)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$B = { class: "propeller-cart-summary w-full bg-card space-y-3" };
-const _hoisted_2$A = { class: "propeller-cart-summary__title text-xl font-bold mb-4" };
-const _hoisted_3$A = {
+const _hoisted_1$C = { class: "propeller-cart-summary w-full bg-card space-y-3" };
+const _hoisted_2$B = { class: "propeller-cart-summary__title text-xl font-bold mb-4" };
+const _hoisted_3$B = {
   key: 0,
   class: "propeller-cart-summary__row flex justify-between text-muted-foreground",
   "data-row": "subtotal"
 };
-const _hoisted_4$w = { class: "propeller-cart-summary__label" };
-const _hoisted_5$v = { class: "propeller-cart-summary__value" };
-const _hoisted_6$u = {
+const _hoisted_4$x = { class: "propeller-cart-summary__label" };
+const _hoisted_5$w = { class: "propeller-cart-summary__value" };
+const _hoisted_6$v = {
   key: 1,
   class: "propeller-cart-summary__row flex justify-between text-success",
   "data-row": "discount"
 };
-const _hoisted_7$u = { class: "propeller-cart-summary__label" };
-const _hoisted_8$r = { class: "propeller-cart-summary__value" };
-const _hoisted_9$q = {
+const _hoisted_7$v = { class: "propeller-cart-summary__label" };
+const _hoisted_8$s = { class: "propeller-cart-summary__value" };
+const _hoisted_9$r = {
   key: 2,
   class: "propeller-cart-summary__row flex justify-between text-muted-foreground",
   "data-row": "shipping-costs"
@@ -7705,7 +7705,7 @@ const _hoisted_20$e = {
 const _hoisted_21$d = { class: "propeller-cart-summary__label" };
 const _hoisted_22$d = { class: "propeller-cart-summary__value" };
 const _hoisted_23$d = ["disabled"];
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "CartSummary",
   props: {
     cart: {},
@@ -7854,17 +7854,17 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
-        vue.createElementVNode("h2", _hoisted_2$A, vue.toDisplayString(title.value), 1),
-        showSubtotal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$A, [
-          vue.createElementVNode("span", _hoisted_4$w, vue.toDisplayString(getLabel("subtotal", "Subtotal:")), 1),
-          vue.createElementVNode("span", _hoisted_5$v, vue.toDisplayString(formatItemPrice(subtotal.value)), 1)
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
+        vue.createElementVNode("h2", _hoisted_2$B, vue.toDisplayString(title.value), 1),
+        showSubtotal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$B, [
+          vue.createElementVNode("span", _hoisted_4$x, vue.toDisplayString(getLabel("subtotal", "Subtotal:")), 1),
+          vue.createElementVNode("span", _hoisted_5$w, vue.toDisplayString(formatItemPrice(subtotal.value)), 1)
         ])) : vue.createCommentVNode("", true),
-        showDiscount.value && hasDiscount.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$u, [
-          vue.createElementVNode("span", _hoisted_7$u, vue.toDisplayString(getLabel("discount", "Discount:")), 1),
-          vue.createElementVNode("span", _hoisted_8$r, "-" + vue.toDisplayString(formatItemPrice(discountAmount.value)), 1)
+        showDiscount.value && hasDiscount.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$v, [
+          vue.createElementVNode("span", _hoisted_7$v, vue.toDisplayString(getLabel("discount", "Discount:")), 1),
+          vue.createElementVNode("span", _hoisted_8$s, "-" + vue.toDisplayString(formatItemPrice(discountAmount.value)), 1)
         ])) : vue.createCommentVNode("", true),
-        showShippingCosts.value && hasShippingCosts.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$q, [
+        showShippingCosts.value && hasShippingCosts.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$r, [
           vue.createElementVNode("span", _hoisted_10$p, vue.toDisplayString(getLabel("shippingCosts", "Shipping costs:")), 1),
           vue.createElementVNode("span", _hoisted_11$n, vue.toDisplayString(formatItemPrice(shippingCosts.value)), 1)
         ])) : vue.createCommentVNode("", true),
@@ -7921,13 +7921,13 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$A = ["data-expanded", "data-truncatable"];
-const _hoisted_2$z = ["innerHTML"];
-const _hoisted_3$z = {
+const _hoisted_1$B = ["data-expanded", "data-truncatable"];
+const _hoisted_2$A = ["innerHTML"];
+const _hoisted_3$A = {
   key: 1,
   class: "propeller-category-description__truncated text-muted-foreground"
 };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryDescription",
   props: {
     language: {},
@@ -7978,8 +7978,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           class: "propeller-category-description__content prose prose-slate max-w-none text-muted-foreground",
           innerHTML: html.value
-        }, null, 8, _hoisted_2$z)) : vue.createCommentVNode("", true),
-        shouldTruncate() && !expanded.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$z, vue.toDisplayString(getTruncated()), 1)) : vue.createCommentVNode("", true),
+        }, null, 8, _hoisted_2$A)) : vue.createCommentVNode("", true),
+        shouldTruncate() && !expanded.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$A, vue.toDisplayString(getTruncated()), 1)) : vue.createCommentVNode("", true),
         shouldTruncate() ? (vue.openBlock(), vue.createElementBlock("button", {
           key: 2,
           class: "propeller-category-description__toggle mt-2 text-sm font-medium text-primary hover:underline",
@@ -7992,12 +7992,12 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(" Read more ")
           ], 64)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$A)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$B)) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$z = ["src", "alt"];
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$A = ["src", "alt"];
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "DefaultProductImage",
   props: {
     product: {},
@@ -8052,7 +8052,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
         alt: altText.value,
         class: vue.normalizeClass(className.value ?? "h-full w-full object-contain"),
         loading: "lazy"
-      }, null, 10, _hoisted_1$z)) : (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 10, _hoisted_1$A)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: vue.normalizeClass(className.value ?? "propeller-default-image-placeholder flex items-center justify-center bg-surface-hover"),
         "aria-hidden": "true"
@@ -8074,7 +8074,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "DefaultProductBadges",
   props: {
     product: {},
@@ -8106,44 +8106,61 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["data-layout"];
-const _hoisted_2$y = ["href"];
-const _hoisted_3$y = ["src", "alt"];
-const _hoisted_4$v = {
+const _hoisted_1$z = ["data-layout"];
+const _hoisted_2$z = ["href"];
+const _hoisted_3$z = ["src", "alt"];
+const _hoisted_4$w = {
   key: 1,
   class: "propeller-cluster-card__image-placeholder flex h-full w-full items-center justify-center text-foreground-subtle"
 };
-const _hoisted_5$u = { class: "propeller-cluster-card__badges pointer-events-none absolute left-2 top-2 flex flex-col gap-1" };
-const _hoisted_6$t = ["aria-label", "data-favorite"];
-const _hoisted_7$t = ["fill"];
-const _hoisted_8$q = { class: "propeller-cluster-card__body flex flex-1 flex-row items-center gap-4 px-4 py-2 min-w-0" };
-const _hoisted_9$p = { class: "flex flex-col gap-0.5 flex-1 min-w-0" };
+const _hoisted_5$v = { class: "propeller-cluster-card__badges pointer-events-none absolute left-2 top-2 flex flex-col gap-1" };
+const _hoisted_6$u = ["aria-label", "data-favorite"];
+const _hoisted_7$u = ["fill"];
+const _hoisted_8$r = { class: "propeller-cluster-card__body flex flex-1 flex-row items-center gap-4 px-4 py-2 min-w-0" };
+const _hoisted_9$q = { class: "flex flex-col gap-0.5 flex-1 min-w-0" };
 const _hoisted_10$o = { class: "propeller-cluster-card__sku font-mono text-xs text-foreground-subtle" };
 const _hoisted_11$m = ["href"];
 const _hoisted_12$m = { class: "flex flex-col gap-0.5" };
 const _hoisted_13$k = { class: "propeller-cluster-card__manufacturer text-xs text-muted-foreground" };
 const _hoisted_14$k = { class: "propeller-cluster-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_15$j = { class: "propeller-cluster-card__footer w-full md:w-auto flex items-center gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
-const _hoisted_16$i = {
+const _hoisted_15$j = { class: "propeller-cluster-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_16$i = { class: "propeller-cluster-card__footer-meta flex items-center justify-between gap-3 md:contents" };
+const _hoisted_17$i = {
   key: 1,
   class: "propeller-cluster-card__price font-bold text-foreground text-sm whitespace-nowrap"
 };
-const _hoisted_17$i = { class: "propeller-cluster-card__cta flex-shrink-0 ml-auto" };
-const _hoisted_18$g = ["href"];
-const _hoisted_19$f = { class: "propeller-cluster-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
-const _hoisted_20$d = { class: "propeller-cluster-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_21$c = ["href"];
-const _hoisted_22$c = { class: "propeller-cluster-card__labels flex flex-col gap-0.5" };
-const _hoisted_23$c = { class: "propeller-cluster-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_24$c = { class: "propeller-cluster-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_25$c = { class: "propeller-cluster-card__price mt-auto pt-1" };
-const _hoisted_26$c = {
+const _hoisted_18$g = { class: "propeller-cluster-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
+const _hoisted_19$f = ["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 = {
+  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 = {
+  key: 6,
+  class: "mt-auto hidden md:block"
+};
+const _hoisted_28$b = { class: "propeller-cluster-card__price pt-1" };
+const _hoisted_29$b = {
   key: 1,
   class: "font-bold text-foreground text-base sm:text-lg"
 };
-const _hoisted_27$c = { class: "propeller-cluster-card__cta px-3 pb-3 sm:px-4 sm:pb-4" };
-const _hoisted_28$b = ["href"];
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_30$b = {
+  key: 0,
+  class: "propeller-cluster-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_31$b = {
+  key: 1,
+  class: "propeller-cluster-card__price font-bold text-foreground text-base min-w-0 text-right"
+};
+const _hoisted_32$a = { class: "propeller-cluster-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4" };
+const _hoisted_33$a = ["href"];
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "ClusterCard",
   props: {
     cluster: {},
@@ -8193,9 +8210,9 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     );
     const PriceImpl = vue.computed(() => resolved.value.priceComponent ?? ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$9);
     const StockImpl = vue.computed(() => resolved.value.stockComponent ?? ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3);
-    const ImageImpl = vue.computed(() => resolved.value.imageComponent ?? _sfc_main$D);
-    const BadgesImpl = vue.computed(() => resolved.value.badgesComponent ?? _sfc_main$C);
-    const FavoriteImpl = vue.computed(() => resolved.value.favoriteComponent ?? _sfc_main$P);
+    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 isFavorite = vue.ref(false);
     function isRow() {
       return props.columns === 1;
@@ -8325,8 +8342,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                   class: "propeller-cluster-card__image h-full w-full object-contain transition-transform duration-300 group-hover:scale-105",
                   src: getClusterImageUrl(),
                   alt: getClusterName()
-                }, null, 8, _hoisted_3$y)) : vue.createCommentVNode("", true),
-                !getClusterImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$v, [..._cache[6] || (_cache[6] = [
+                }, null, 8, _hoisted_3$z)) : vue.createCommentVNode("", true),
+                !getClusterImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$w, [..._cache[6] || (_cache[6] = [
                   vue.createElementVNode("svg", {
                     fill: "none",
                     stroke: "currentColor",
@@ -8341,7 +8358,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                     })
                   ], -1)
                 ])])) : vue.createCommentVNode("", true)
-              ], 8, _hoisted_2$y),
+              ], 8, _hoisted_2$z),
               props.badgesComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(BadgesImpl.value), {
                 key: 0,
                 cluster: __props.cluster,
@@ -8352,7 +8369,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                 imageLabels: computedImageLabels(),
                 labels: __props.labels
               }, () => [
-                vue.createElementVNode("div", _hoisted_5$u, [
+                vue.createElementVNode("div", _hoisted_5$v, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedImageLabels(), (label, index2) => {
                     return vue.openBlock(), vue.createElementBlock("span", {
                       key: index2,
@@ -8392,15 +8409,15 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                       strokeLinejoin: "round",
                       d: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
                     }, null, -1)
-                  ])], 8, _hoisted_7$t))
-                ], 10, _hoisted_6$t)
+                  ])], 8, _hoisted_7$u))
+                ], 10, _hoisted_6$u)
               ]) : vue.createCommentVNode("", true)
             ], 2)
           ])
         ], 64)) : vue.createCommentVNode("", true),
         isRow() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          vue.createElementVNode("div", _hoisted_8$q, [
-            vue.createElementVNode("div", _hoisted_9$p, [
+          vue.createElementVNode("div", _hoisted_8$r, [
+            vue.createElementVNode("div", _hoisted_9$q, [
               __props.showSku !== false && !!getClusterSku() ? vue.renderSlot(_ctx.$slots, "sku", {
                 key: 0,
                 cluster: __props.cluster,
@@ -8452,44 +8469,46 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
             ])
           ]),
           vue.createElementVNode("div", _hoisted_15$j, [
-            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
-              key: 0,
-              cluster: __props.cluster,
-              inventory: __props.cluster.defaultProduct?.inventory,
-              showAvailability: false,
-              labels: __props.stockLabels
-            }, () => [
-              props.stockComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(StockImpl.value), {
+            vue.createElementVNode("div", _hoisted_16$i, [
+              __props.showStock && !!__props.cluster.defaultProduct?.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
                 key: 0,
-                inventory: __props.cluster.defaultProduct?.inventory,
-                "show-availability": false,
-                "show-stock": true,
-                labels: __props.stockLabels
-              }, null, 8, ["inventory", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3, {
-                key: 1,
+                cluster: __props.cluster,
                 inventory: __props.cluster.defaultProduct?.inventory,
                 showAvailability: false,
-                showStock: true,
                 labels: __props.stockLabels
-              }, null, 8, ["inventory", "labels"]))
-            ]) : vue.createCommentVNode("", true),
-            !!getClusterPrice() ? vue.renderSlot(_ctx.$slots, "price", {
-              key: 1,
-              cluster: __props.cluster,
-              price: __props.cluster.defaultProduct?.price,
-              includeTax: resolvedIncludeTax.value,
-              currency: __props.currency,
-              labels: __props.labels
-            }, () => [
-              props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
-                key: 0,
+              }, () => [
+                props.stockComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(StockImpl.value), {
+                  key: 0,
+                  inventory: __props.cluster.defaultProduct?.inventory,
+                  "show-availability": false,
+                  "show-stock": true,
+                  labels: __props.stockLabels
+                }, null, 8, ["inventory", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3, {
+                  key: 1,
+                  inventory: __props.cluster.defaultProduct?.inventory,
+                  showAvailability: false,
+                  showStock: true,
+                  labels: __props.stockLabels
+                }, null, 8, ["inventory", "labels"]))
+              ]) : vue.createCommentVNode("", true),
+              !!getClusterPrice() ? vue.renderSlot(_ctx.$slots, "price", {
+                key: 1,
+                cluster: __props.cluster,
                 price: __props.cluster.defaultProduct?.price,
-                "include-tax": resolvedIncludeTax.value,
+                includeTax: resolvedIncludeTax.value,
                 currency: __props.currency,
                 labels: __props.labels
-              }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_16$i, vue.toDisplayString(getClusterPrice()), 1))
-            ]) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_17$i, [
+              }, () => [
+                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_17$i, vue.toDisplayString(getClusterPrice()), 1))
+              ]) : vue.createCommentVNode("", true)
+            ]),
+            vue.createElementVNode("div", _hoisted_18$g, [
               vue.renderSlot(_ctx.$slots, "viewClusterLink", {
                 cluster: __props.cluster,
                 clusterUrl: getClusterUrl(),
@@ -8500,19 +8519,19 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                   class: "propeller-cluster-card__cta-link flex w-full items-center justify-center rounded-[var(--radius-control)] bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/80 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
                   href: getClusterUrl(),
                   onClick: _cache[3] || (_cache[3] = async (e) => handleClusterClick(e))
-                }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_18$g)
+                }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_19$f)
               ])
             ])
           ])
         ], 64)) : vue.createCommentVNode("", true),
         !isRow() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          vue.createElementVNode("div", _hoisted_19$f, [
+          vue.createElementVNode("div", _hoisted_20$d, [
             __props.showSku !== false && !!getClusterSku() ? vue.renderSlot(_ctx.$slots, "sku", {
               key: 0,
               cluster: __props.cluster,
               sku: getClusterSku()
             }, () => [
-              vue.createElementVNode("div", _hoisted_20$d, vue.toDisplayString(getClusterSku()), 1)
+              vue.createElementVNode("div", _hoisted_21$c, vue.toDisplayString(getClusterSku()), 1)
             ]) : vue.createCommentVNode("", true),
             __props.showName !== false ? vue.renderSlot(_ctx.$slots, getClusterName(), {
               key: 1,
@@ -8525,35 +8544,36 @@ const _sfc_main$B = /* @__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_21$c)
+              }, vue.toDisplayString(getClusterName()), 9, _hoisted_22$c)
             ]) : vue.createCommentVNode("", true),
-            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
-              key: 2,
-              cluster: __props.cluster,
-              inventory: __props.cluster.defaultProduct?.inventory,
-              showAvailability: __props.showAvailability !== false,
-              labels: __props.stockLabels
-            }, () => [
-              props.stockComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(StockImpl.value), {
-                key: 0,
-                inventory: __props.cluster.defaultProduct?.inventory,
-                "show-availability": __props.showAvailability !== false,
-                "show-stock": true,
-                labels: __props.stockLabels
-              }, null, 8, ["inventory", "show-availability", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3, {
-                key: 1,
+            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$c, [
+              vue.renderSlot(_ctx.$slots, "stock", {
+                cluster: __props.cluster,
                 inventory: __props.cluster.defaultProduct?.inventory,
                 showAvailability: __props.showAvailability !== false,
-                showStock: true,
                 labels: __props.stockLabels
-              }, null, 8, ["inventory", "showAvailability", "labels"]))
-            ]) : vue.createCommentVNode("", true),
+              }, () => [
+                props.stockComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(StockImpl.value), {
+                  key: 0,
+                  inventory: __props.cluster.defaultProduct?.inventory,
+                  "show-availability": __props.showAvailability !== false,
+                  "show-stock": true,
+                  labels: __props.stockLabels
+                }, null, 8, ["inventory", "show-availability", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3, {
+                  key: 1,
+                  inventory: __props.cluster.defaultProduct?.inventory,
+                  showAvailability: __props.showAvailability !== false,
+                  showStock: true,
+                  labels: __props.stockLabels
+                }, null, 8, ["inventory", "showAvailability", "labels"]))
+              ])
+            ])) : vue.createCommentVNode("", true),
             !!__props.textLabels && __props.textLabels.length > 0 && computedTextLabels().length > 0 ? vue.renderSlot(_ctx.$slots, "textLabels", {
               key: 3,
               cluster: __props.cluster,
               values: computedTextLabels()
             }, () => [
-              vue.createElementVNode("div", _hoisted_22$c, [
+              vue.createElementVNode("div", _hoisted_24$c, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedTextLabels(), (item, index2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: index2,
@@ -8567,35 +8587,75 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               cluster: __props.cluster,
               manufacturer: getClusterManufacturer()
             }, () => [
-              vue.createElementVNode("div", _hoisted_23$c, vue.toDisplayString(getClusterManufacturer()), 1)
+              vue.createElementVNode("div", _hoisted_25$c, 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_24$c, vue.toDisplayString(getClusterShortDescription()), 1)
+              vue.createElementVNode("p", _hoisted_26$c, vue.toDisplayString(getClusterShortDescription()), 1)
+            ]) : vue.createCommentVNode("", true),
+            !!getClusterPrice() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$c, [
+              vue.renderSlot(_ctx.$slots, "price", {
+                cluster: __props.cluster,
+                price: __props.cluster.defaultProduct?.price,
+                includeTax: resolvedIncludeTax.value,
+                currency: __props.currency,
+                labels: __props.labels
+              }, () => [
+                vue.createElementVNode("div", _hoisted_28$b, [
+                  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))
+                ])
+              ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          __props.showStock && !!__props.cluster.defaultProduct?.inventory || !!getClusterPrice() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30$b, [
+            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
+              key: 0,
+              cluster: __props.cluster,
+              inventory: __props.cluster.defaultProduct?.inventory,
+              showAvailability: __props.showAvailability !== false,
+              labels: __props.stockLabels
+            }, () => [
+              props.stockComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(StockImpl.value), {
+                key: 0,
+                inventory: __props.cluster.defaultProduct?.inventory,
+                "show-availability": __props.showAvailability !== false,
+                "show-stock": true,
+                labels: __props.stockLabels
+              }, null, 8, ["inventory", "show-availability", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3, {
+                key: 1,
+                inventory: __props.cluster.defaultProduct?.inventory,
+                showAvailability: __props.showAvailability !== false,
+                showStock: true,
+                labels: __props.stockLabels
+              }, null, 8, ["inventory", "showAvailability", "labels"]))
             ]) : vue.createCommentVNode("", true),
             !!getClusterPrice() ? vue.renderSlot(_ctx.$slots, "price", {
-              key: 6,
+              key: 1,
               cluster: __props.cluster,
               price: __props.cluster.defaultProduct?.price,
               includeTax: resolvedIncludeTax.value,
               currency: __props.currency,
               labels: __props.labels
             }, () => [
-              vue.createElementVNode("div", _hoisted_25$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_26$c, vue.toDisplayString(getClusterPrice()), 1))
-              ])
+              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_31$b, vue.toDisplayString(getClusterPrice()), 1))
             ]) : vue.createCommentVNode("", true)
-          ]),
-          vue.createElementVNode("div", _hoisted_27$c, [
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_32$a, [
             vue.renderSlot(_ctx.$slots, "viewClusterLink", {
               cluster: __props.cluster,
               clusterUrl: getClusterUrl(),
@@ -8606,29 +8666,29 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                 class: "propeller-cluster-card__cta-link flex w-full items-center justify-center rounded-[var(--radius-control)] bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/80 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
                 href: getClusterUrl(),
                 onClick: _cache[5] || (_cache[5] = async (e) => handleClusterClick(e))
-              }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_28$b)
+              }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_33$a)
             ])
           ])
         ], 64)) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$y);
+      ], 10, _hoisted_1$z);
     };
   }
 });
-const _hoisted_1$x = {
+const _hoisted_1$y = {
   key: 0,
   class: "propeller-cluster-configurator__content flex flex-col gap-6"
 };
-const _hoisted_2$x = ["data-display-type", "data-disabled"];
-const _hoisted_3$x = { class: "propeller-cluster-configurator__label font-semibold text-sm text-muted-foreground mb-3" };
-const _hoisted_4$u = ["value", "disabled", "onChange"];
-const _hoisted_5$t = { value: "" };
-const _hoisted_6$s = ["value"];
-const _hoisted_7$s = {
+const _hoisted_2$y = ["data-display-type", "data-disabled"];
+const _hoisted_3$y = { class: "propeller-cluster-configurator__label font-semibold text-sm text-muted-foreground mb-3" };
+const _hoisted_4$v = ["value", "disabled", "onChange"];
+const _hoisted_5$u = { value: "" };
+const _hoisted_6$t = ["value"];
+const _hoisted_7$t = {
   key: 1,
   class: "propeller-cluster-configurator__options flex flex-wrap gap-2"
 };
-const _hoisted_8$p = ["data-selected"];
-const _hoisted_9$o = ["name", "value", "checked", "disabled", "onChange"];
+const _hoisted_8$q = ["data-selected"];
+const _hoisted_9$p = ["name", "value", "checked", "disabled", "onChange"];
 const _hoisted_10$n = {
   key: 2,
   class: "propeller-cluster-configurator__options flex flex-wrap gap-2"
@@ -8654,7 +8714,7 @@ const _hoisted_18$f = {
   class: "propeller-cluster-configurator__options flex flex-wrap gap-2"
 };
 const _hoisted_19$e = ["disabled", "onClick", "data-selected"];
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "ClusterConfigurator",
   props: {
     clusterId: {},
@@ -8932,7 +8992,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(`propeller-cluster-configurator ${__props.className || ""}`)
       }, [
-        !!__props.config?.settings?.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+        !!__props.config?.settings?.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getSettingsWithValues(), (setting, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: setting.id,
@@ -8940,7 +9000,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
               "data-display-type": setting.displayType,
               "data-disabled": setting.disabled ? "true" : "false"
             }, [
-              vue.createElementVNode("h4", _hoisted_3$x, vue.toDisplayString(setting.displayName || setting.name), 1),
+              vue.createElementVNode("h4", _hoisted_3$y, vue.toDisplayString(setting.displayName || setting.name), 1),
               setting.displayType === "DROPDOWN" ? (vue.openBlock(), vue.createElementBlock("select", {
                 key: 0,
                 class: "propeller-cluster-configurator__select w-full border border-border rounded-[var(--radius-container)] px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-secondary disabled:bg-surface-hover disabled:text-foreground-subtle cursor-pointer",
@@ -8951,15 +9011,15 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                   e.target.value
                 )
               }, [
-                vue.createElementVNode("option", _hoisted_5$t, vue.toDisplayString(getLabel("selectOption", "— Select —")), 1),
+                vue.createElementVNode("option", _hoisted_5$u, vue.toDisplayString(getLabel("selectOption", "— Select —")), 1),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(setting.availableValues, (val, index22) => {
                   return vue.openBlock(), vue.createElementBlock("option", {
                     key: val,
                     value: val
-                  }, vue.toDisplayString(val), 9, _hoisted_6$s);
+                  }, vue.toDisplayString(val), 9, _hoisted_6$t);
                 }), 128))
-              ], 40, _hoisted_4$u)) : vue.createCommentVNode("", true),
-              setting.displayType === "RADIO" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$s, [
+              ], 40, _hoisted_4$v)) : vue.createCommentVNode("", true),
+              setting.displayType === "RADIO" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$t, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(setting.availableValues, (val, index22) => {
                   return vue.openBlock(), vue.createElementBlock("label", {
                     key: val,
@@ -8974,9 +9034,9 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                       checked: setting.selectedValue === val,
                       disabled: setting.disabled,
                       onChange: async (event) => handleAttributeSelect(setting.name, val)
-                    }, null, 40, _hoisted_9$o),
+                    }, null, 40, _hoisted_9$p),
                     vue.createTextVNode(vue.toDisplayString(val), 1)
-                  ], 10, _hoisted_8$p);
+                  ], 10, _hoisted_8$q);
                 }), 128))
               ])) : vue.createCommentVNode("", true),
               setting.displayType === "COLOR" && setting.attributeType === "COLOR" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$n, [
@@ -9050,27 +9110,27 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
                   }, vue.toDisplayString(val), 11, _hoisted_19$e);
                 }), 128))
               ])) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_2$x);
+            ], 8, _hoisted_2$y);
           }), 128))
         ])) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$w = ["data-loading"];
-const _hoisted_2$w = {
+const _hoisted_1$x = ["data-loading"];
+const _hoisted_2$x = {
   key: 0,
   class: "propeller-cluster-info__skeleton animate-pulse space-y-3"
 };
-const _hoisted_3$w = {
+const _hoisted_3$x = {
   key: 0,
   class: "text-sm font-mono text-muted-foreground mb-2"
 };
-const _hoisted_4$t = {
+const _hoisted_4$u = {
   key: 1,
   class: "text-4xl font-bold tracking-tight text-foreground mb-4"
 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "ClusterInfo",
   props: {
     user: {},
@@ -9156,19 +9216,19 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(`propeller-cluster-info ${__props.className || ""}`),
         "data-loading": vue.unref(loading) ? "true" : "false"
       }, [
-        vue.unref(loading) && !vue.unref(cluster) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [..._cache[0] || (_cache[0] = [
+        vue.unref(loading) && !vue.unref(cluster) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$x, [..._cache[0] || (_cache[0] = [
           vue.createElementVNode("div", { class: "propeller-cluster-info__skeleton-line h-4 bg-slate-100 rounded w-1/4" }, null, -1),
           vue.createElementVNode("div", { class: "propeller-cluster-info__skeleton-line h-8 bg-slate-100 rounded w-3/4" }, null, -1)
         ])])) : vue.createCommentVNode("", true),
         !vue.unref(loading) || !!vue.unref(cluster) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          __props.showSku !== false && !!getClusterSku() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, "SKU: " + vue.toDisplayString(getClusterSku()), 1)) : vue.createCommentVNode("", true),
-          __props.showTitle !== false && !!getClusterName() ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_4$t, vue.toDisplayString(getClusterName()), 1)) : vue.createCommentVNode("", true)
+          __props.showSku !== false && !!getClusterSku() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$x, "SKU: " + vue.toDisplayString(getClusterSku()), 1)) : vue.createCommentVNode("", true),
+          __props.showTitle !== false && !!getClusterName() ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_4$u, vue.toDisplayString(getClusterName()), 1)) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$w);
+      ], 10, _hoisted_1$x);
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "ClusterJsonLd",
   props: {
     cluster: {},
@@ -9189,21 +9249,21 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   key: 0,
   class: "propeller-cluster-options__content flex flex-col gap-6"
 };
-const _hoisted_2$v = ["data-required", "data-error"];
-const _hoisted_3$v = { class: "propeller-cluster-options__label-row flex items-center gap-2 mb-2" };
-const _hoisted_4$s = { class: "propeller-cluster-options__label font-semibold text-sm text-muted-foreground" };
-const _hoisted_5$s = {
+const _hoisted_2$w = ["data-required", "data-error"];
+const _hoisted_3$w = { class: "propeller-cluster-options__label-row flex items-center gap-2 mb-2" };
+const _hoisted_4$t = { class: "propeller-cluster-options__label font-semibold text-sm text-muted-foreground" };
+const _hoisted_5$t = {
   key: 0,
   class: "propeller-cluster-options__required-badge inline-flex items-center rounded-full bg-destructive/10 px-2 py-0.5 text-xs font-medium text-destructive ring-1 ring-inset ring-destructive/10"
 };
-const _hoisted_6$r = ["value", "onChange"];
-const _hoisted_7$r = { value: "" };
-const _hoisted_8$o = ["value"];
-const _hoisted_9$n = {
+const _hoisted_6$s = ["value", "onChange"];
+const _hoisted_7$s = { value: "" };
+const _hoisted_8$p = ["value"];
+const _hoisted_9$o = {
   key: 0,
   class: "propeller-cluster-options__error mt-1 text-xs text-destructive"
 };
@@ -9219,7 +9279,7 @@ const _hoisted_12$k = {
 const _hoisted_13$i = { class: "min-w-0 flex-1" };
 const _hoisted_14$i = { class: "propeller-cluster-options__preview-name truncate text-sm font-medium text-foreground" };
 const _hoisted_15$h = { class: "propeller-cluster-options__preview-price text-sm font-semibold text-secondary" };
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "ClusterOptions",
   props: {
     clusterId: {},
@@ -9316,7 +9376,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(`propeller-cluster-options ${__props.className || ""}`)
       }, [
-        getOptionsForRender().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+        getOptionsForRender().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getOptionsForRender(), (option, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: option.id,
@@ -9324,16 +9384,16 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
               "data-required": option.isRequired ? "true" : "false",
               "data-error": option.hasError ? "true" : "false"
             }, [
-              vue.createElementVNode("div", _hoisted_3$v, [
-                vue.createElementVNode("h4", _hoisted_4$s, vue.toDisplayString(option.name), 1),
-                option.isRequired ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$s, vue.toDisplayString(getLabel("required", "Required")), 1)) : vue.createCommentVNode("", true)
+              vue.createElementVNode("div", _hoisted_3$w, [
+                vue.createElementVNode("h4", _hoisted_4$t, vue.toDisplayString(option.name), 1),
+                option.isRequired ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$t, vue.toDisplayString(getLabel("required", "Required")), 1)) : vue.createCommentVNode("", true)
               ]),
               vue.createElementVNode("select", {
                 value: option.selectedProductId,
                 onChange: async (e) => handleOptionChange(option.idStr, e.target.value),
                 class: vue.normalizeClass(`propeller-cluster-options__select w-full rounded-[var(--radius-container)] border px-3 py-2 text-sm focus:outline-none focus:ring-2 cursor-pointer ${option.hasError ? "border-destructive focus:ring-destructive" : option.isRequired ? "border-input focus:ring-secondary" : "border-border focus:ring-secondary"}`)
               }, [
-                vue.createElementVNode("option", _hoisted_7$r, [
+                vue.createElementVNode("option", _hoisted_7$s, [
                   option.isRequired ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.createTextVNode(vue.toDisplayString(getLabel("selectRequired", "— Select an option —")), 1)
                   ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -9344,10 +9404,10 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                   return vue.openBlock(), vue.createElementBlock("option", {
                     key: product.productId,
                     value: product.productIdStr
-                  }, vue.toDisplayString(product.label), 9, _hoisted_8$o);
+                  }, vue.toDisplayString(product.label), 9, _hoisted_8$p);
                 }), 128))
-              ], 42, _hoisted_6$r),
-              option.hasError ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$n, vue.toDisplayString(getLabel("requiredError", "This option is required")), 1)) : vue.createCommentVNode("", true),
+              ], 42, _hoisted_6$s),
+              option.hasError ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_9$o, vue.toDisplayString(getLabel("requiredError", "This option is required")), 1)) : vue.createCommentVNode("", true),
               option.hasSelection ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$m, [
                 !!option.previewImageUrl ? (vue.openBlock(), vue.createElementBlock("img", {
                   key: 0,
@@ -9375,20 +9435,20 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("p", _hoisted_15$h, vue.toDisplayString(option.previewPrice), 1)
                 ])
               ])) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_2$v);
+            ], 8, _hoisted_2$w);
           }), 128))
         ])) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$u = ["data-open"];
-const _hoisted_2$u = ["aria-label", "aria-expanded"];
-const _hoisted_3$u = { class: "propeller-company-switcher__label truncate max-w-[160px]" };
-const _hoisted_4$r = ["aria-label"];
-const _hoisted_5$r = ["aria-selected", "onClick"];
-const _hoisted_6$q = { class: "propeller-company-switcher__option-name flex-1 truncate" };
-const _hoisted_7$q = {
+const _hoisted_1$v = ["data-open"];
+const _hoisted_2$v = ["aria-label", "aria-expanded"];
+const _hoisted_3$v = { class: "propeller-company-switcher__label truncate max-w-[160px]" };
+const _hoisted_4$s = ["aria-label"];
+const _hoisted_5$s = ["aria-selected", "onClick"];
+const _hoisted_6$r = { class: "propeller-company-switcher__option-name flex-1 truncate" };
+const _hoisted_7$r = {
   key: 0,
   viewBox: "0 0 16 16",
   fill: "none",
@@ -9399,7 +9459,7 @@ const _hoisted_7$q = {
   "aria-hidden": "true",
   class: "propeller-company-switcher__option-check flex-shrink-0 w-4 h-4 text-primary"
 };
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "CompanySwitcher",
   props: {
     user: {},
@@ -9493,7 +9553,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             "aria-hidden": "true",
             class: vue.normalizeClass(`propeller-company-switcher__icon icon-${getIcon()} flex-shrink-0`)
           }, null, 2),
-          vue.createElementVNode("span", _hoisted_3$u, vue.toDisplayString(getActiveCompanyName()), 1),
+          vue.createElementVNode("span", _hoisted_3$v, vue.toDisplayString(getActiveCompanyName()), 1),
           vue.createElementVNode("span", {
             "aria-hidden": "true",
             class: vue.normalizeClass(`propeller-company-switcher__chevron flex-shrink-0 transition-transform duration-200 ${isOpen.value ? "rotate-180" : "rotate-0"}`)
@@ -9511,7 +9571,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("path", { d: "M2 4l4 4 4-4" })
             ], -1)
           ])], 2)
-        ], 8, _hoisted_2$u),
+        ], 8, _hoisted_2$v),
         isOpen.value ? (vue.openBlock(), vue.createElementBlock("ul", {
           key: 0,
           role: "listbox",
@@ -9526,32 +9586,32 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
               onClick: async (event) => selectCompany(company),
               class: vue.normalizeClass(`propeller-company-switcher__option flex items-center gap-3 px-4 py-2.5 text-sm cursor-pointer transition-colors hover:bg-accent hover:text-accent-foreground ${isActive(company) ? "font-semibold text-primary" : "font-normal text-foreground"}`)
             }, [
-              vue.createElementVNode("span", _hoisted_6$q, vue.toDisplayString(company.name), 1),
-              isActive(company) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_7$q, [..._cache[2] || (_cache[2] = [
+              vue.createElementVNode("span", _hoisted_6$r, vue.toDisplayString(company.name), 1),
+              isActive(company) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_7$r, [..._cache[2] || (_cache[2] = [
                 vue.createElementVNode("path", { d: "M2.5 8l4 4 7-7" }, null, -1)
               ])])) : vue.createCommentVNode("", true)
-            ], 10, _hoisted_5$r);
+            ], 10, _hoisted_5$s);
           }), 128))
-        ], 8, _hoisted_4$r)) : vue.createCommentVNode("", true)
-      ], 8, _hoisted_1$u);
+        ], 8, _hoisted_4$s)) : vue.createCommentVNode("", true)
+      ], 8, _hoisted_1$v);
     };
   }
 });
-const _hoisted_1$t = { class: "propeller-delivery-date__grid grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-3" };
-const _hoisted_2$t = ["onClick", "data-selected"];
-const _hoisted_3$t = { class: "propeller-delivery-date__option-label font-semibold" };
-const _hoisted_4$q = ["data-selected"];
-const _hoisted_5$q = {
+const _hoisted_1$u = { class: "propeller-delivery-date__grid grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-3" };
+const _hoisted_2$u = ["onClick", "data-selected"];
+const _hoisted_3$u = { class: "propeller-delivery-date__option-label font-semibold" };
+const _hoisted_4$r = ["data-selected"];
+const _hoisted_5$r = {
   key: 0,
   class: "propeller-delivery-date__option-label font-semibold"
 };
-const _hoisted_6$p = {
+const _hoisted_6$q = {
   key: 1,
   class: "propeller-delivery-date__option-label font-semibold"
 };
-const _hoisted_7$p = { class: "propeller-delivery-date__modal-content bg-card rounded-xl shadow-xl p-6 w-full max-w-sm mx-4" };
-const _hoisted_8$n = { class: "propeller-delivery-date__modal-header flex justify-between items-center mb-4" };
-const _hoisted_9$m = { class: "propeller-delivery-date__modal-title text-lg font-semibold" };
+const _hoisted_7$q = { class: "propeller-delivery-date__modal-content bg-card rounded-xl shadow-xl p-6 w-full max-w-sm mx-4" };
+const _hoisted_8$o = { class: "propeller-delivery-date__modal-header flex justify-between items-center mb-4" };
+const _hoisted_9$n = { class: "propeller-delivery-date__modal-title text-lg font-semibold" };
 const _hoisted_10$l = ["min", "value"];
 const _hoisted_11$j = {
   key: 0,
@@ -9559,7 +9619,7 @@ const _hoisted_11$j = {
   role: "alert"
 };
 const _hoisted_12$j = { class: "propeller-delivery-date__modal-actions flex justify-end gap-3 mt-4" };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "DeliveryDate",
   props: {
     cart: {},
@@ -9724,7 +9784,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(`propeller-delivery-date ${containerClass.value}`)
       }, [
-        vue.createElementVNode("div", _hoisted_1$t, [
+        vue.createElementVNode("div", _hoisted_1$u, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(upcomingDates.value, (dateStr, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index2,
@@ -9732,8 +9792,8 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
               "data-selected": selectedDayKey.value !== "" && upcomingDayKeys.value[index2] === selectedDayKey.value ? "true" : "false",
               class: vue.normalizeClass(`propeller-delivery-date__option cursor-pointer border border-border rounded-[var(--radius-container)] p-3 text-center transition-all ${selectedDayKey.value !== "" && upcomingDayKeys.value[index2] === selectedDayKey.value ? "border-secondary bg-secondary/5 shadow-sm" : "hover:border-secondary/30"}`)
             }, [
-              vue.createElementVNode("div", _hoisted_3$t, vue.toDisplayString(formatDisplay(dateStr)), 1)
-            ], 10, _hoisted_2$t);
+              vue.createElementVNode("div", _hoisted_3$u, vue.toDisplayString(formatDisplay(dateStr)), 1)
+            ], 10, _hoisted_2$u);
           }), 128)),
           showDatePicker.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
@@ -9742,18 +9802,18 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             "data-custom": "true",
             class: vue.normalizeClass(`propeller-delivery-date__option propeller-delivery-date__option--custom cursor-pointer border border-border rounded-[var(--radius-container)] p-3 text-center transition-all ${isCustomDateSelected.value ? "border-secondary bg-secondary/5 shadow-sm" : "hover:border-secondary/30"}`)
           }, [
-            isCustomDateSelected.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$q, vue.toDisplayString(formatDisplay(selectedDate.value)), 1)) : vue.createCommentVNode("", true),
-            !isCustomDateSelected.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$p, vue.toDisplayString(getLabel("pickDate", "Other date...")), 1)) : vue.createCommentVNode("", true)
-          ], 10, _hoisted_4$q)) : vue.createCommentVNode("", true)
+            isCustomDateSelected.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$r, vue.toDisplayString(formatDisplay(selectedDate.value)), 1)) : vue.createCommentVNode("", true),
+            !isCustomDateSelected.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$q, vue.toDisplayString(getLabel("pickDate", "Other date...")), 1)) : vue.createCommentVNode("", true)
+          ], 10, _hoisted_4$r)) : vue.createCommentVNode("", true)
         ]),
         modalOpen.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "propeller-delivery-date__modal fixed inset-0 z-50 flex items-center justify-center bg-black/50",
           onClick: _cache[4] || (_cache[4] = async (event) => handleBackdropClick(event))
         }, [
-          vue.createElementVNode("div", _hoisted_7$p, [
-            vue.createElementVNode("div", _hoisted_8$n, [
-              vue.createElementVNode("h3", _hoisted_9$m, vue.toDisplayString(getLabel("modalTitle", "Select a delivery date")), 1),
+          vue.createElementVNode("div", _hoisted_7$q, [
+            vue.createElementVNode("div", _hoisted_8$o, [
+              vue.createElementVNode("h3", _hoisted_9$n, vue.toDisplayString(getLabel("modalTitle", "Select a delivery date")), 1),
               vue.createElementVNode("button", {
                 type: "button",
                 class: "propeller-delivery-date__modal-close text-foreground-subtle hover:text-muted-foreground transition-colors",
@@ -9795,24 +9855,24 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$s = ["data-type"];
-const _hoisted_2$s = { class: "propeller-favorite-list-item__media relative w-16 h-16 flex-shrink-0 overflow-hidden rounded-[var(--radius-control)] bg-surface-hover p-1" };
-const _hoisted_3$s = ["href"];
-const _hoisted_4$p = ["src", "alt"];
-const _hoisted_5$p = {
+const _hoisted_1$t = ["data-type"];
+const _hoisted_2$t = { class: "propeller-favorite-list-item__media relative w-16 h-16 flex-shrink-0 overflow-hidden rounded-[var(--radius-control)] bg-surface-hover p-1" };
+const _hoisted_3$t = ["href"];
+const _hoisted_4$q = ["src", "alt"];
+const _hoisted_5$q = {
   key: 1,
   class: "propeller-favorite-list-item__image-placeholder flex h-full w-full items-center justify-center text-foreground-subtle"
 };
-const _hoisted_6$o = {
+const _hoisted_6$p = {
   key: 1,
   class: "block h-full w-full"
 };
-const _hoisted_7$o = ["src", "alt"];
-const _hoisted_8$m = {
+const _hoisted_7$p = ["src", "alt"];
+const _hoisted_8$n = {
   key: 1,
   class: "propeller-favorite-list-item__image-placeholder flex h-full w-full items-center justify-center text-foreground-subtle"
 };
-const _hoisted_9$l = { class: "propeller-favorite-list-item__body flex flex-col gap-0.5 min-w-0 flex-1" };
+const _hoisted_9$m = { class: "propeller-favorite-list-item__body flex flex-col gap-0.5 min-w-0 flex-1" };
 const _hoisted_10$k = { class: "propeller-favorite-list-item__sku font-mono text-xs text-foreground-subtle" };
 const _hoisted_11$i = ["href"];
 const _hoisted_12$i = {
@@ -9845,7 +9905,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$d = ["href"];
 const _hoisted_20$c = ["title"];
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FavoriteListItem",
   props: {
     item: {},
@@ -9953,7 +10013,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         "data-type": isProduct() ? "product" : "cluster",
         class: vue.normalizeClass(`propeller-favorite-list-item flex flex-row items-center gap-4 rounded-[var(--radius-container)] border border-border bg-card p-4 transition-colors hover:border-secondary/20 hover:shadow-sm cursor-pointer ${__props.className || ""}`)
       }, [
-        vue.createElementVNode("div", _hoisted_2$s, [
+        vue.createElementVNode("div", _hoisted_2$t, [
           vue.renderSlot(_ctx.$slots, getName(), {
             item: __props.item,
             imageUrl: getImageUrl(),
@@ -9972,8 +10032,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                 class: "propeller-favorite-list-item__image h-full w-full object-contain",
                 src: getImageUrl(),
                 alt: getName()
-              }, null, 8, _hoisted_4$p)) : vue.createCommentVNode("", true),
-              !getImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$p, [..._cache[6] || (_cache[6] = [
+              }, null, 8, _hoisted_4$q)) : vue.createCommentVNode("", true),
+              !getImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$q, [..._cache[6] || (_cache[6] = [
                 vue.createElementVNode("svg", {
                   fill: "none",
                   stroke: "currentColor",
@@ -9988,15 +10048,15 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
                   })
                 ], -1)
               ])])) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_3$s)) : vue.createCommentVNode("", true),
-            __props.titleLinkable === false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$o, [
+            ], 8, _hoisted_3$t)) : vue.createCommentVNode("", true),
+            __props.titleLinkable === false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$p, [
               !!getImageUrl() ? (vue.openBlock(), vue.createElementBlock("img", {
                 key: 0,
                 class: "propeller-favorite-list-item__image h-full w-full object-contain",
                 src: getImageUrl(),
                 alt: getName()
-              }, null, 8, _hoisted_7$o)) : vue.createCommentVNode("", true),
-              !getImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$m, [..._cache[7] || (_cache[7] = [
+              }, null, 8, _hoisted_7$p)) : vue.createCommentVNode("", true),
+              !getImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$n, [..._cache[7] || (_cache[7] = [
                 vue.createElementVNode("svg", {
                   fill: "none",
                   stroke: "currentColor",
@@ -10014,7 +10074,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_9$l, [
+        vue.createElementVNode("div", _hoisted_9$m, [
           __props.showSku !== false && !!getSku() ? vue.renderSlot(_ctx.$slots, "sku", {
             key: 0,
             item: __props.item,
@@ -10080,7 +10140,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             handleItemClick,
             labels: __props.labels
           }, () => [
-            __props.allowAddToCart !== false && isProduct() && !!__props.graphqlClient ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
+            __props.allowAddToCart !== false && isProduct() && !!__props.graphqlClient ? (vue.openBlock(), vue.createBlock(_sfc_main$R, {
               key: 0,
               graphqlClient: __props.graphqlClient,
               user: __props.user || null,
@@ -10130,30 +10190,30 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             ])], 8, _hoisted_20$c)) : vue.createCommentVNode("", true)
           ])
         ])
-      ], 10, _hoisted_1$s);
+      ], 10, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$r = ["data-variant"];
-const _hoisted_2$r = {
+const _hoisted_1$s = ["data-variant"];
+const _hoisted_2$s = {
   key: 0,
   class: "propeller-grid-pagination__compact flex justify-center items-center gap-2"
 };
-const _hoisted_3$r = ["disabled"];
-const _hoisted_4$o = { class: "propeller-grid-pagination__info px-2 text-sm font-medium text-muted-foreground" };
-const _hoisted_5$o = ["disabled"];
-const _hoisted_6$n = {
+const _hoisted_3$s = ["disabled"];
+const _hoisted_4$p = { class: "propeller-grid-pagination__info px-2 text-sm font-medium text-muted-foreground" };
+const _hoisted_5$p = ["disabled"];
+const _hoisted_6$o = {
   key: 1,
   class: "propeller-grid-pagination__full flex justify-center items-center gap-1 flex-wrap"
 };
-const _hoisted_7$n = ["disabled"];
-const _hoisted_8$l = {
+const _hoisted_7$o = ["disabled"];
+const _hoisted_8$m = {
   key: 0,
   class: "propeller-grid-pagination__dots inline-flex items-center justify-center min-w-[2rem] px-1 py-2 text-sm text-muted-foreground select-none"
 };
-const _hoisted_9$k = ["onClick", "data-active"];
+const _hoisted_9$l = ["onClick", "data-active"];
 const _hoisted_10$j = ["disabled"];
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "GridPagination",
   props: {
     products: {},
@@ -10243,34 +10303,34 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         "data-variant": __props.variant || "compact"
       }, [
         showPagination() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          (__props.variant || "compact") === "compact" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, [
+          (__props.variant || "compact") === "compact" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, [
             vue.createElementVNode("button", {
               type: "button",
               class: "propeller-grid-pagination__btn propeller-grid-pagination__btn--prev inline-flex items-center rounded-[var(--radius-control)] border border-input bg-card px-4 py-2 text-sm font-medium text-muted-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: getCurrentPage() === 1,
               onClick: _cache[0] || (_cache[0] = async (event) => handlePageChange(getCurrentPage() - 1))
-            }, vue.toDisplayString(getLabel("previous")), 9, _hoisted_3$r),
-            vue.createElementVNode("span", _hoisted_4$o, vue.toDisplayString(getLabel("page")) + " " + vue.toDisplayString(getCurrentPage()) + " " + vue.toDisplayString(getLabel("of")) + " " + vue.toDisplayString(getTotalPages()), 1),
+            }, vue.toDisplayString(getLabel("previous")), 9, _hoisted_3$s),
+            vue.createElementVNode("span", _hoisted_4$p, vue.toDisplayString(getLabel("page")) + " " + vue.toDisplayString(getCurrentPage()) + " " + vue.toDisplayString(getLabel("of")) + " " + vue.toDisplayString(getTotalPages()), 1),
             vue.createElementVNode("button", {
               type: "button",
               class: "propeller-grid-pagination__btn propeller-grid-pagination__btn--next inline-flex items-center rounded-[var(--radius-control)] border border-input bg-card px-4 py-2 text-sm font-medium text-muted-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: getCurrentPage() === getTotalPages(),
               onClick: _cache[1] || (_cache[1] = async (event) => handlePageChange(getCurrentPage() + 1))
-            }, vue.toDisplayString(getLabel("next")), 9, _hoisted_5$o)
+            }, vue.toDisplayString(getLabel("next")), 9, _hoisted_5$p)
           ])) : vue.createCommentVNode("", true),
-          (__props.variant || "compact") === "full" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$n, [
+          (__props.variant || "compact") === "full" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$o, [
             vue.createElementVNode("button", {
               type: "button",
               class: "propeller-grid-pagination__btn propeller-grid-pagination__btn--prev inline-flex items-center rounded-[var(--radius-control)] border border-input bg-card px-3 py-2 text-sm font-medium text-muted-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: getCurrentPage() === 1,
               onClick: _cache[2] || (_cache[2] = async (event) => handlePageChange(getCurrentPage() - 1))
-            }, vue.toDisplayString(getLabel("previous")), 9, _hoisted_7$n),
+            }, vue.toDisplayString(getLabel("previous")), 9, _hoisted_7$o),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getFullPages(), (item, idx) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: item.type === "dots" ? `dots-${idx}` : `page-${item.value}`,
                 class: "propeller-grid-pagination__page-wrapper inline-flex"
               }, [
-                item.type === "dots" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$l, " ... ")) : vue.createCommentVNode("", true),
+                item.type === "dots" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$m, " ... ")) : vue.createCommentVNode("", true),
                 item.type === "page" ? (vue.openBlock(), vue.createElementBlock("button", {
                   key: 1,
                   type: "button",
@@ -10279,7 +10339,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(
                     item.value === getCurrentPage() ? "propeller-grid-pagination__page inline-flex items-center justify-center min-w-[2.25rem] rounded-[var(--radius-control)] border border-primary bg-primary px-3 py-2 text-sm font-semibold text-primary-foreground shadow-sm" : "propeller-grid-pagination__page inline-flex items-center justify-center min-w-[2.25rem] rounded-[var(--radius-control)] border border-input bg-card px-3 py-2 text-sm font-medium text-muted-foreground shadow-sm hover:bg-surface-hover"
                   )
-                }, vue.toDisplayString(item.value), 11, _hoisted_9$k)) : vue.createCommentVNode("", true)
+                }, vue.toDisplayString(item.value), 11, _hoisted_9$l)) : vue.createCommentVNode("", true)
               ]);
             }), 128)),
             vue.createElementVNode("button", {
@@ -10290,28 +10350,28 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             }, vue.toDisplayString(getLabel("next")), 9, _hoisted_10$j)
           ])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$r);
+      ], 10, _hoisted_1$s);
     };
   }
 });
-const _hoisted_1$q = ["data-loading"];
-const _hoisted_2$q = {
+const _hoisted_1$r = ["data-loading"];
+const _hoisted_2$r = {
   key: 0,
   class: "propeller-favorite-list-details__skeleton space-y-4"
 };
-const _hoisted_3$q = {
+const _hoisted_3$r = {
   key: 0,
   class: "propeller-favorite-list-details__list space-y-3"
 };
-const _hoisted_4$n = { class: "propeller-favorite-list-details__select-all flex items-center gap-2 pb-2" };
-const _hoisted_5$n = ["checked"];
-const _hoisted_6$m = {
+const _hoisted_4$o = { class: "propeller-favorite-list-details__select-all flex items-center gap-2 pb-2" };
+const _hoisted_5$o = ["checked"];
+const _hoisted_6$n = {
   for: "favorite-list-select-all-top",
   class: "propeller-favorite-list-details__select-all-label text-sm font-medium cursor-pointer select-none"
 };
-const _hoisted_7$m = ["data-selected"];
-const _hoisted_8$k = ["checked", "onChange", "aria-label"];
-const _hoisted_9$j = { class: "propeller-favorite-list-details__row-item flex-1 min-w-0" };
+const _hoisted_7$n = ["data-selected"];
+const _hoisted_8$l = ["checked", "onChange", "aria-label"];
+const _hoisted_9$k = { class: "propeller-favorite-list-details__row-item flex-1 min-w-0" };
 const _hoisted_10$i = {
   key: 0,
   class: "propeller-favorite-list-details__pagination mt-6"
@@ -10388,7 +10448,7 @@ const _hoisted_42$9 = {
   class: "propeller-favorite-list-details__search-item-spinner text-xs text-foreground-subtle"
 };
 const _hoisted_43$9 = { class: "propeller-favorite-list-details__modal-footer border-t border-border px-6 py-4 flex justify-end" };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "FavoriteListDetails",
   props: {
     graphqlClient: {},
@@ -10433,8 +10493,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const infra = ProductVideos_vue_vue_type_script_setup_true_lang.useInfraProps(props);
-    const FavoriteListItemImpl = vue.computed(() => props.favoriteListItemComponent ?? _sfc_main$u);
-    const GridPaginationImpl = vue.computed(() => props.gridPaginationComponent ?? _sfc_main$t);
+    const FavoriteListItemImpl = vue.computed(() => props.favoriteListItemComponent ?? _sfc_main$v);
+    const GridPaginationImpl = vue.computed(() => props.gridPaginationComponent ?? _sfc_main$u);
     const loading = vue.ref(true);
     const favoriteList = vue.ref(null);
     const allItems = vue.ref([]);
@@ -10751,7 +10811,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(`propeller-favorite-list-details ${__props.className || ""}`),
         "data-loading": loading.value ? "true" : "false"
       }, [
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$q, [
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, [
           (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList([1, 2, 3], (i, index2) => {
             return vue.createElementVNode("div", {
               key: i,
@@ -10762,16 +10822,16 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
           }), 64))
         ])) : vue.createCommentVNode("", true),
         !loading.value && isMounted.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          allItems.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [
-            vue.createElementVNode("div", _hoisted_4$n, [
+          allItems.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$r, [
+            vue.createElementVNode("div", _hoisted_4$o, [
               vue.createElementVNode("input", {
                 id: "favorite-list-select-all-top",
                 type: "checkbox",
                 class: "propeller-favorite-list-details__select-all-checkbox h-4 w-4 rounded border-border accent-secondary cursor-pointer",
                 checked: isAllPageSelected(),
                 onChange: _cache[0] || (_cache[0] = ($event) => togglePageSelectAll())
-              }, null, 40, _hoisted_5$n),
-              vue.createElementVNode("label", _hoisted_6$m, vue.toDisplayString(getLabel("selectAll", "Select all")), 1)
+              }, null, 40, _hoisted_5$o),
+              vue.createElementVNode("label", _hoisted_6$n, vue.toDisplayString(getLabel("selectAll", "Select all")), 1)
             ]),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getPagedItems(), (item, idx) => {
               return vue.openBlock(), vue.createElementBlock("div", {
@@ -10785,8 +10845,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                   checked: isRowSelected(item),
                   onChange: ($event) => toggleRow(item),
                   "aria-label": getLabel("selectItem", "Select item")
-                }, null, 40, _hoisted_8$k),
-                vue.createElementVNode("div", _hoisted_9$j, [
+                }, null, 40, _hoisted_8$l),
+                vue.createElementVNode("div", _hoisted_9$k, [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(FavoriteListItemImpl.value), {
                     item,
                     graphqlClient: __props.graphqlClient,
@@ -10818,7 +10878,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                     includeTax: __props.includeTax
                   }, null, 40, ["item", "graphqlClient", "user", "cartId", "createCart", "onCartCreated", "onAddToCart", "afterAddToCart", "showModal", "allowIncrDecr", "enableStockValidation", "language", "onProceedToCheckout", "onRequestQuoteClick", "addToCartLabels", "stockLabels", "labels", "configuration", "titleLinkable", "showStockComponent", "showAvailability", "showStock", "showSku", "allowAddToCart", "showDelete", "onDelete", "onItemClick", "includeTax"]))
                 ])
-              ], 8, _hoisted_7$m);
+              ], 8, _hoisted_7$n);
             }), 128)),
             __props.showPagination !== false && getTotalPages() > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$i, [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(GridPaginationImpl.value), {
@@ -11049,31 +11109,31 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             ])
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$q);
+      ], 10, _hoisted_1$r);
     };
   }
 });
-const _hoisted_1$p = ["data-loading"];
-const _hoisted_2$p = {
+const _hoisted_1$q = ["data-loading"];
+const _hoisted_2$q = {
   key: 0,
   class: "propeller-favorite-lists__toolbar flex justify-end mb-4"
 };
-const _hoisted_3$p = {
+const _hoisted_3$q = {
   key: 1,
   class: "space-y-4"
 };
-const _hoisted_4$m = {
+const _hoisted_4$n = {
   key: 0,
   class: "propeller-favorite-lists__list space-y-4"
 };
-const _hoisted_5$m = ["onClick", "data-editing", "data-default"];
-const _hoisted_6$l = { class: "flex justify-between items-start" };
-const _hoisted_7$l = { class: "flex-1" };
-const _hoisted_8$j = {
+const _hoisted_5$n = ["onClick", "data-editing", "data-default"];
+const _hoisted_6$m = { class: "flex justify-between items-start" };
+const _hoisted_7$m = { class: "flex-1" };
+const _hoisted_8$k = {
   key: 0,
   class: "propeller-favorite-lists__edit space-y-4"
 };
-const _hoisted_9$i = { class: "space-y-2" };
+const _hoisted_9$j = { class: "space-y-2" };
 const _hoisted_10$h = ["placeholder", "value"];
 const _hoisted_11$g = { class: "flex items-center space-x-2" };
 const _hoisted_12$g = ["id", "checked"];
@@ -11141,7 +11201,7 @@ const _hoisted_46$7 = { class: "space-y-4" };
 const _hoisted_47$7 = { class: "propeller-favorite-lists__delete-prompt" };
 const _hoisted_48$7 = { class: "propeller-favorite-lists__delete-warning text-sm text-destructive" };
 const _hoisted_49$6 = { class: "flex justify-end gap-3 pt-6" };
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FavoriteLists",
   props: {
     user: {},
@@ -11274,7 +11334,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(`propeller-favorite-lists ${__props.className || ""}`),
         "data-loading": vue.unref(loading) ? "true" : "false"
       }, [
-        __props.allowFavoriteListCreate !== false && !vue.unref(loading) && isMounted.value && displayedLists.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
+        __props.allowFavoriteListCreate !== false && !vue.unref(loading) && isMounted.value && displayedLists.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$q, [
           vue.createElementVNode("button", {
             class: "propeller-favorite-lists__create-btn inline-flex items-center px-4 py-2 text-sm font-medium rounded-[var(--radius-control)] text-primary-foreground bg-primary hover:bg-primary/80",
             onClick: _cache[0] || (_cache[0] = async (event) => {
@@ -11299,11 +11359,11 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(getLabel("createButton", "Create New List")), 1)
           ])
         ])) : vue.createCommentVNode("", true),
-        vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$p, [..._cache[14] || (_cache[14] = [
+        vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$q, [..._cache[14] || (_cache[14] = [
           vue.createStaticVNode('<div class="propeller-favorite-lists__skeleton border border-border rounded-[var(--radius-container)] p-6 animate-pulse"><div class="flex justify-between items-start"><div class="space-y-2 flex-1"><div class="h-6 w-1/3 bg-surface-hover rounded"></div><div class="h-4 w-1/4 bg-surface-hover rounded"></div><div class="h-4 w-1/2 bg-surface-hover rounded"></div></div></div></div><div class="propeller-favorite-lists__skeleton border border-border rounded-[var(--radius-container)] p-6 animate-pulse"><div class="flex justify-between items-start"><div class="space-y-2 flex-1"><div class="h-6 w-1/3 bg-surface-hover rounded"></div><div class="h-4 w-1/4 bg-surface-hover rounded"></div><div class="h-4 w-1/2 bg-surface-hover rounded"></div></div></div></div>', 2)
         ])])) : vue.createCommentVNode("", true),
         !vue.unref(loading) && isMounted.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          displayedLists.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$m, [
+          displayedLists.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayedLists.value, (list, index2) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: list.id,
@@ -11318,10 +11378,10 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                   "propeller-favorite-lists__item border border-border rounded-[var(--radius-container)] p-6 hover:bg-surface-hover transition-colors" + (vue.unref(editingListId) !== String(list.id) && __props.onListClick ? " cursor-pointer" : "")
                 )
               }, [
-                vue.createElementVNode("div", _hoisted_6$l, [
-                  vue.createElementVNode("div", _hoisted_7$l, [
-                    vue.unref(editingListId) === String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$j, [
-                      vue.createElementVNode("div", _hoisted_9$i, [
+                vue.createElementVNode("div", _hoisted_6$m, [
+                  vue.createElementVNode("div", _hoisted_7$m, [
+                    vue.unref(editingListId) === String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$k, [
+                      vue.createElementVNode("div", _hoisted_9$j, [
                         vue.createElementVNode("input", {
                           type: "text",
                           placeholder: getLabel("createPlaceholder", "Enter list name"),
@@ -11483,7 +11543,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                     ])], 8, _hoisted_25$a)
                   ])) : vue.createCommentVNode("", true)
                 ])
-              ], 10, _hoisted_5$m);
+              ], 10, _hoisted_5$n);
             }), 128))
           ])) : vue.createCommentVNode("", true),
           displayedLists.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$a, [
@@ -11600,31 +11660,31 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
             ])
           ])
         ])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$p);
+      ], 10, _hoisted_1$q);
     };
   }
 });
-const _hoisted_1$o = ["data-loading", "data-submitted"];
-const _hoisted_2$o = {
+const _hoisted_1$p = ["data-loading", "data-submitted"];
+const _hoisted_2$p = {
   key: 0,
   class: "propeller-forgot-password__header space-y-1 text-center mb-6"
 };
-const _hoisted_3$o = { class: "propeller-forgot-password__title text-2xl font-bold" };
-const _hoisted_4$l = {
+const _hoisted_3$p = { class: "propeller-forgot-password__title text-2xl font-bold" };
+const _hoisted_4$m = {
   key: 0,
   class: "propeller-forgot-password__subtitle text-sm text-muted-foreground"
 };
-const _hoisted_5$l = { class: "propeller-forgot-password__field space-y-2" };
-const _hoisted_6$k = {
+const _hoisted_5$m = { class: "propeller-forgot-password__field space-y-2" };
+const _hoisted_6$l = {
   for: "forgot-password-email",
   class: "propeller-forgot-password__label text-sm font-medium leading-none"
 };
-const _hoisted_7$k = ["value", "placeholder", "disabled"];
-const _hoisted_8$i = {
+const _hoisted_7$l = ["value", "placeholder", "disabled"];
+const _hoisted_8$j = {
   key: 0,
   class: "text-sm text-destructive bg-destructive/10 p-3 rounded-[var(--radius-control)]"
 };
-const _hoisted_9$h = ["disabled"];
+const _hoisted_9$i = ["disabled"];
 const _hoisted_10$g = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
@@ -11637,7 +11697,7 @@ const _hoisted_11$f = {
   class: "propeller-forgot-password__success text-center space-y-4"
 };
 const _hoisted_12$f = { class: "propeller-forgot-password__success-message text-sm text-muted-foreground" };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "ForgotPassword",
   props: {
     graphqlClient: {},
@@ -11699,17 +11759,17 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
         "data-loading": vue.unref(loading) ? "true" : "false",
         "data-submitted": submitted.value ? "true" : "false"
       }, [
-        resolvedTitle.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
-          vue.createElementVNode("h2", _hoisted_3$o, vue.toDisplayString(resolvedTitle.value), 1),
-          __props.subtitle ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$l, vue.toDisplayString(__props.subtitle), 1)) : vue.createCommentVNode("", true)
+        resolvedTitle.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
+          vue.createElementVNode("h2", _hoisted_3$p, vue.toDisplayString(resolvedTitle.value), 1),
+          __props.subtitle ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4$m, vue.toDisplayString(__props.subtitle), 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         !submitted.value ? (vue.openBlock(), vue.createElementBlock("form", {
           key: 1,
           class: "propeller-forgot-password__form space-y-4",
           onSubmit: _cache[1] || (_cache[1] = async (e) => handleSubmit(e))
         }, [
-          vue.createElementVNode("div", _hoisted_5$l, [
-            vue.createElementVNode("label", _hoisted_6$k, vue.toDisplayString(emailLabel.value), 1),
+          vue.createElementVNode("div", _hoisted_5$m, [
+            vue.createElementVNode("label", _hoisted_6$l, vue.toDisplayString(emailLabel.value), 1),
             vue.createElementVNode("input", {
               type: "email",
               id: "forgot-password-email",
@@ -11722,9 +11782,9 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               placeholder: emailPlaceholder.value,
               required: true,
               disabled: vue.unref(loading)
-            }, null, 40, _hoisted_7$k)
+            }, null, 40, _hoisted_7$l)
           ]),
-          errorMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$i, vue.toDisplayString(errorMessage.value), 1)) : vue.createCommentVNode("", true),
+          errorMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$j, vue.toDisplayString(errorMessage.value), 1)) : vue.createCommentVNode("", true),
           vue.createElementVNode("button", {
             type: "submit",
             class: "propeller-forgot-password__submit inline-flex items-center justify-center w-full h-10 px-4 py-2 text-sm font-medium text-primary-foreground bg-primary rounded-[var(--radius-control)] hover:bg-primary/80 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed",
@@ -11750,7 +11810,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
             ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
               vue.createTextVNode(vue.toDisplayString(resolvedButtonText.value), 1)
             ], 64))
-          ], 8, _hoisted_9$h)
+          ], 8, _hoisted_9$i)
         ], 32)) : vue.createCommentVNode("", true),
         submitted.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$f, [
           _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "flex justify-center" }, [
@@ -11771,19 +11831,19 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           ], -1)),
           vue.createElementVNode("p", _hoisted_12$f, vue.toDisplayString(resolvedResponseMessage.value), 1)
         ])) : vue.createCommentVNode("", true)
-      ], 8, _hoisted_1$o);
+      ], 8, _hoisted_1$p);
     };
   }
 });
-const _hoisted_1$n = ["data-mobile", "data-pending"];
-const _hoisted_2$n = { class: "propeller-grid-filters__price space-y-3" };
-const _hoisted_3$n = { class: "propeller-grid-filters__price-title text-xs font-semibold uppercase tracking-wide text-muted-foreground" };
-const _hoisted_4$k = { class: "flex items-center gap-2" };
-const _hoisted_5$k = { class: "relative flex-1" };
-const _hoisted_6$j = ["value", "min", "max"];
-const _hoisted_7$j = { class: "relative flex-1" };
-const _hoisted_8$h = ["value", "min", "max"];
-const _hoisted_9$g = { class: "propeller-grid-filters__price-slider relative h-4 pt-1" };
+const _hoisted_1$o = ["data-mobile", "data-pending"];
+const _hoisted_2$o = { class: "propeller-grid-filters__price space-y-3" };
+const _hoisted_3$o = { class: "propeller-grid-filters__price-title text-xs font-semibold uppercase tracking-wide text-muted-foreground" };
+const _hoisted_4$l = { class: "flex items-center gap-2" };
+const _hoisted_5$l = { class: "relative flex-1" };
+const _hoisted_6$k = ["value", "min", "max"];
+const _hoisted_7$k = { class: "relative flex-1" };
+const _hoisted_8$i = ["value", "min", "max"];
+const _hoisted_9$h = { class: "propeller-grid-filters__price-slider relative h-4 pt-1" };
 const _hoisted_10$f = ["min", "max", "value"];
 const _hoisted_11$e = ["min", "max", "value"];
 const _hoisted_12$e = {
@@ -11800,7 +11860,7 @@ const _hoisted_16$d = {
 const _hoisted_17$d = ["checked", "onChange"];
 const _hoisted_18$b = { class: "propeller-grid-filters__option-label flex-1 text-sm text-muted-foreground leading-none select-none group-hover:text-foreground" };
 const _hoisted_19$a = { class: "propeller-grid-filters__option-count ml-1 text-xs text-foreground-subtle" };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "GridFilters",
   props: {
     filters: {},
@@ -12027,10 +12087,10 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
         "data-pending": isPending.value ? "true" : "false"
       }, [
         showPriceFilter() && (__props.priceMin !== void 0 || __props.priceMax !== void 0) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          vue.createElementVNode("div", _hoisted_2$n, [
-            vue.createElementVNode("h3", _hoisted_3$n, vue.toDisplayString(getLabel("priceRange", "Price Range")), 1),
-            vue.createElementVNode("div", _hoisted_4$k, [
-              vue.createElementVNode("div", _hoisted_5$k, [
+          vue.createElementVNode("div", _hoisted_2$o, [
+            vue.createElementVNode("h3", _hoisted_3$o, vue.toDisplayString(getLabel("priceRange", "Price Range")), 1),
+            vue.createElementVNode("div", _hoisted_4$l, [
+              vue.createElementVNode("div", _hoisted_5$l, [
                 _cache[14] || (_cache[14] = vue.createElementVNode("span", { class: "propeller-grid-filters__price-currency absolute left-2.5 top-1/2 -translate-y-1/2 text-xs text-foreground-subtle pointer-events-none" }, "€", -1)),
                 vue.createElementVNode("input", {
                   type: "number",
@@ -12041,10 +12101,10 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                   onInput: _cache[0] || (_cache[0] = (e) => minInput.value = e.target.value),
                   onBlur: _cache[1] || (_cache[1] = async (event) => commitMinInput()),
                   onKeyup: _cache[2] || (_cache[2] = vue.withKeys((e) => e.target.blur(), ["enter"]))
-                }, null, 40, _hoisted_6$j)
+                }, null, 40, _hoisted_6$k)
               ]),
               _cache[16] || (_cache[16] = vue.createElementVNode("span", { class: "propeller-grid-filters__price-separator text-foreground-subtle text-sm select-none" }, "–", -1)),
-              vue.createElementVNode("div", _hoisted_7$j, [
+              vue.createElementVNode("div", _hoisted_7$k, [
                 _cache[15] || (_cache[15] = vue.createElementVNode("span", { class: "propeller-grid-filters__price-currency absolute left-2.5 top-1/2 -translate-y-1/2 text-xs text-foreground-subtle pointer-events-none" }, "€", -1)),
                 vue.createElementVNode("input", {
                   type: "number",
@@ -12055,10 +12115,10 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                   onInput: _cache[3] || (_cache[3] = (e) => maxInput.value = e.target.value),
                   onBlur: _cache[4] || (_cache[4] = async (event) => commitMaxInput()),
                   onKeyup: _cache[5] || (_cache[5] = vue.withKeys((e) => e.target.blur(), ["enter"]))
-                }, null, 40, _hoisted_8$h)
+                }, null, 40, _hoisted_8$i)
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_9$g, [
+            vue.createElementVNode("div", _hoisted_9$h, [
               vue.createElementVNode("input", {
                 type: "range",
                 class: "propeller-grid-filters__price-slider-thumb absolute w-full h-1.5 bg-transparent appearance-none pointer-events-none [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-secondary [&::-webkit-slider-thumb]:cursor-pointer z-20",
@@ -12134,7 +12194,144 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ], 8, _hoisted_13$e);
         }), 128))
-      ], 10, _hoisted_1$n);
+      ], 10, _hoisted_1$o);
+    };
+  }
+});
+const _hoisted_1$n = ["aria-expanded"];
+const _hoisted_2$n = {
+  class: "propeller-grid-filters-panel__trigger-icon w-[1.1em] h-[1.1em] flex-shrink-0",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": "true"
+};
+const _hoisted_3$n = {
+  key: 0,
+  class: "propeller-grid-filters-panel__count inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1 rounded-full bg-secondary text-secondary-foreground text-xs font-semibold"
+};
+const _hoisted_4$k = { class: "propeller-grid-filters-panel__header lg:hidden flex items-center justify-between gap-3 px-4 h-14 border-b border-border-subtle flex-shrink-0" };
+const _hoisted_5$k = { class: "propeller-grid-filters-panel__title text-base font-semibold text-foreground" };
+const _hoisted_6$j = ["aria-label"];
+const _hoisted_7$j = {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  class: "w-5 h-5"
+};
+const _hoisted_8$h = { class: "propeller-grid-filters-panel__body flex-1 overflow-y-auto px-4 py-4 lg:flex-none lg:overflow-visible lg:p-0" };
+const _hoisted_9$g = { class: "propeller-grid-filters-panel__footer lg:hidden px-4 py-3 border-t border-border-subtle flex-shrink-0" };
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  __name: "GridFiltersPanel",
+  props: {
+    activeFilterCount: {},
+    wrapperClassName: {},
+    filters: {},
+    priceMin: {},
+    priceMax: {},
+    language: {},
+    getSelectedFilters: { type: Function },
+    onFilterChange: { type: Function },
+    onPriceChange: { type: Function },
+    onClearFilters: { type: Function },
+    isMobile: { type: Boolean },
+    portalMode: {},
+    user: {},
+    collapsed: { type: Boolean },
+    clearSignal: {},
+    activeTextFilters: {},
+    activePriceMin: {},
+    activePriceMax: {},
+    isLoading: { type: Boolean },
+    className: {},
+    labels: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const open = vue.ref(false);
+    const gridFiltersProps = vue.computed(() => {
+      const { activeFilterCount, wrapperClassName, labels, ...rest } = props;
+      return rest;
+    });
+    function getLabel(key, fallback) {
+      return index.getLabel(props.labels, key, fallback);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") open.value = false;
+    }
+    vue.watch(open, (isOpen) => {
+      if (typeof document === "undefined") return;
+      if (isOpen) {
+        document.addEventListener("keydown", onKey);
+        document.body.style.overflow = "hidden";
+      } else {
+        document.removeEventListener("keydown", onKey);
+        document.body.style.overflow = "";
+      }
+    });
+    vue.onUnmounted(() => {
+      if (typeof document === "undefined") return;
+      document.removeEventListener("keydown", onKey);
+      document.body.style.overflow = "";
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`propeller-grid-filters-panel w-full lg:w-64 lg:flex-shrink-0 ${__props.wrapperClassName || ""}`)
+      }, [
+        vue.createElementVNode("button", {
+          type: "button",
+          class: "propeller-grid-filters-panel__trigger lg:hidden inline-flex items-center justify-center gap-2 h-10 px-4 rounded-[var(--radius-control)] border border-border bg-card text-sm font-medium text-foreground shadow-sm hover:bg-surface-hover transition-colors",
+          onClick: _cache[0] || (_cache[0] = ($event) => open.value = true),
+          "aria-haspopup": "dialog",
+          "aria-expanded": open.value
+        }, [
+          (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2$n, [..._cache[4] || (_cache[4] = [
+            vue.createElementVNode("path", { d: "M22 3H2l8 9.46V19l4 2v-8.54L22 3z" }, null, -1)
+          ])])),
+          vue.createTextVNode(" " + vue.toDisplayString(getLabel("filtersButton", "Filters")) + " ", 1),
+          __props.activeFilterCount && __props.activeFilterCount > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n, vue.toDisplayString(__props.activeFilterCount), 1)) : vue.createCommentVNode("", true)
+        ], 8, _hoisted_1$n),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`propeller-grid-filters-panel__backdrop lg:hidden fixed inset-0 z-40 bg-foreground/40 transition-opacity ${open.value ? "opacity-100" : "pointer-events-none opacity-0"}`),
+          onClick: _cache[1] || (_cache[1] = ($event) => open.value = false),
+          "aria-hidden": "true"
+        }, null, 2),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`propeller-grid-filters-panel__panel fixed inset-y-0 left-0 z-50 w-80 max-w-[85vw] bg-card shadow-xl flex flex-col transition-transform duration-300 lg:static lg:z-auto lg:w-auto lg:max-w-none lg:translate-x-0 lg:bg-transparent lg:shadow-none lg:block ${open.value ? "translate-x-0" : "-translate-x-full"}`),
+          role: "dialog",
+          "aria-modal": "true"
+        }, [
+          vue.createElementVNode("div", _hoisted_4$k, [
+            vue.createElementVNode("span", _hoisted_5$k, vue.toDisplayString(getLabel("filtersButton", "Filters")), 1),
+            vue.createElementVNode("button", {
+              type: "button",
+              class: "propeller-grid-filters-panel__close inline-flex items-center justify-center h-8 w-8 rounded-[var(--radius-control)] text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors",
+              onClick: _cache[2] || (_cache[2] = ($event) => open.value = false),
+              "aria-label": getLabel("closeFilters", "Close")
+            }, [
+              (vue.openBlock(), vue.createElementBlock("svg", _hoisted_7$j, [..._cache[5] || (_cache[5] = [
+                vue.createElementVNode("path", { d: "M18 6 6 18M6 6l12 12" }, null, -1)
+              ])]))
+            ], 8, _hoisted_6$j)
+          ]),
+          vue.createElementVNode("div", _hoisted_8$h, [
+            vue.createVNode(_sfc_main$q, vue.mergeProps(gridFiltersProps.value, { labels: __props.labels }), null, 16, ["labels"])
+          ]),
+          vue.createElementVNode("div", _hoisted_9$g, [
+            vue.createElementVNode("button", {
+              type: "button",
+              class: "propeller-grid-filters-panel__apply w-full inline-flex justify-center items-center h-10 px-6 rounded-[var(--radius-control)] text-sm font-medium text-primary-foreground bg-secondary hover:bg-secondary/90 transition-colors",
+              onClick: _cache[3] || (_cache[3] = ($event) => open.value = false)
+            }, vue.toDisplayString(getLabel("applyFilters", "Show results")), 1)
+          ])
+        ], 2)
+      ], 2);
     };
   }
 });
@@ -14987,9 +15184,9 @@ const _hoisted_23$4 = {
 const _hoisted_24$4 = { class: "propeller-product-card__price pt-1" };
 const _hoisted_25$4 = {
   key: 0,
-  class: "propeller-product-card__footer-meta flex items-center justify-between gap-2 px-3 pt-1 sm:px-4 md:hidden"
+  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" };
+const _hoisted_26$4 = { class: "propeller-product-card__price min-w-0 text-right" };
 const _hoisted_27$4 = {
   key: 1,
   class: "propeller-product-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4"
@@ -15067,10 +15264,10 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     );
     const PriceImpl = vue.computed(() => resolved.value.priceComponent ?? ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$9);
     const StockImpl = vue.computed(() => resolved.value.stockComponent ?? ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3);
-    const AddToCartImpl = vue.computed(() => resolved.value.addToCartComponent ?? _sfc_main$Q);
-    const ImageImpl = vue.computed(() => resolved.value.imageComponent ?? _sfc_main$D);
-    const BadgesImpl = vue.computed(() => resolved.value.badgesComponent ?? _sfc_main$C);
-    const FavoriteImpl = vue.computed(() => resolved.value.favoriteComponent ?? _sfc_main$P);
+    const AddToCartImpl = vue.computed(() => resolved.value.addToCartComponent ?? _sfc_main$R);
+    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 isFavorite = vue.ref(false);
     function isRow() {
       return props.columns === 1;
@@ -15377,7 +15574,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                   "on-proceed-to-checkout": props.onProceedToCheckout,
                   "on-request-quote-click": props.onRequestQuoteClick,
                   labels: props.addToCartLabels
-                }, null, 40, ["product", "cart-id", "allow-incr-decr", "show-modal", "enable-stock-validation", "on-add-to-cart", "after-add-to-cart", "on-proceed-to-checkout", "on-request-quote-click", "labels"])) : (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
+                }, null, 40, ["product", "cart-id", "allow-incr-decr", "show-modal", "enable-stock-validation", "on-add-to-cart", "after-add-to-cart", "on-proceed-to-checkout", "on-request-quote-click", "labels"])) : (vue.openBlock(), vue.createBlock(_sfc_main$R, {
                   key: 1,
                   graphqlClient: props.graphqlClient,
                   user: props.user,
@@ -15567,7 +15764,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 "on-proceed-to-checkout": props.onProceedToCheckout,
                 "on-request-quote-click": props.onRequestQuoteClick,
                 labels: props.addToCartLabels
-              }, null, 40, ["product", "cart-id", "allow-incr-decr", "show-modal", "enable-stock-validation", "on-add-to-cart", "after-add-to-cart", "on-proceed-to-checkout", "on-request-quote-click", "labels"])) : (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
+              }, null, 40, ["product", "cart-id", "allow-incr-decr", "show-modal", "enable-stock-validation", "on-add-to-cart", "after-add-to-cart", "on-proceed-to-checkout", "on-request-quote-click", "labels"])) : (vue.openBlock(), vue.createBlock(_sfc_main$R, {
                 key: 1,
                 graphqlClient: props.graphqlClient,
                 user: props.user,
@@ -15970,7 +16167,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       () => props.productCardComponent ?? _sfc_main$e
     );
     const ClusterCardImpl = vue.computed(
-      () => props.clusterCardComponent ?? _sfc_main$B
+      () => props.clusterCardComponent ?? _sfc_main$C
     );
     const gridConfig = vue.computed(() => ({
       columns: props.columns || 3,
@@ -16359,15 +16556,15 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     const useNewShell = vue.computed(
       () => NEW_SHELL_KEYS.some((k) => props[k] !== void 0)
     );
-    const ImageImpl = vue.computed(() => props.imageComponent ?? _sfc_main$D);
-    const BadgesImpl = vue.computed(() => props.badgesComponent ?? _sfc_main$C);
-    const FavoriteImpl = vue.computed(() => props.favoriteComponent ?? _sfc_main$P);
+    const ImageImpl = vue.computed(() => props.imageComponent ?? _sfc_main$E);
+    const BadgesImpl = vue.computed(() => props.badgesComponent ?? _sfc_main$D);
+    const FavoriteImpl = vue.computed(() => props.favoriteComponent ?? _sfc_main$Q);
     const PriceImpl = vue.computed(() => props.priceComponent ?? ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$9);
     const StockImpl = vue.computed(() => props.stockComponent ?? ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3);
-    const AddToCartImpl = vue.computed(() => props.addToCartComponent ?? _sfc_main$Q);
+    const AddToCartImpl = vue.computed(() => props.addToCartComponent ?? _sfc_main$R);
     const BundlesImpl = vue.computed(() => props.bundlesComponent ?? _sfc_main$f);
     const BulkPricesImpl = vue.computed(() => props.bulkPricesComponent ?? ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$7);
-    const SurchargesImpl = vue.computed(() => props.surchargesComponent ?? _sfc_main$K);
+    const SurchargesImpl = vue.computed(() => props.surchargesComponent ?? _sfc_main$L);
     const pdpConfig = vue.computed(() => ({
       columns: 1,
       priceComponent: props.priceComponent,
@@ -16656,7 +16853,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       () => props.productCardComponent ?? _sfc_main$e
     );
     const ClusterCardImpl = vue.computed(
-      () => props.clusterCardComponent ?? _sfc_main$B
+      () => props.clusterCardComponent ?? _sfc_main$C
     );
     const gridConfig = vue.computed(() => ({
       columns: 3,
@@ -20101,43 +20298,44 @@ exports.usePropellerContext = ProductVideos_vue_vue_type_script_setup_true_lang.
 exports.usePropellerDeps = ProductVideos_vue_vue_type_script_setup_true_lang.usePropellerDeps;
 exports.useRequiredPropellerContext = ProductVideos_vue_vue_type_script_setup_true_lang.useRequiredPropellerContext;
 exports.useUserMode = ProductVideos_vue_vue_type_script_setup_true_lang.useUserMode;
-exports.AccountIconAndMenu = _sfc_main$S;
-exports.ActionCode = _sfc_main$R;
-exports.AddToCart = _sfc_main$Q;
-exports.AddToFavorite = _sfc_main$P;
-exports.AddressCard = _sfc_main$O;
-exports.AddressSelector = _sfc_main$N;
-exports.CartBonusItems = _sfc_main$M;
-exports.CartCarriers = _sfc_main$L;
-exports.CartIconAndSidebar = _sfc_main$I;
-exports.CartItem = _sfc_main$J;
-exports.CartOverview = _sfc_main$H;
-exports.CartPaymethods = _sfc_main$G;
-exports.CartSummary = _sfc_main$F;
-exports.CategoryDescription = _sfc_main$E;
-exports.ClusterCard = _sfc_main$B;
-exports.ClusterConfigurator = _sfc_main$A;
-exports.ClusterInfo = _sfc_main$z;
-exports.ClusterJsonLd = _sfc_main$y;
-exports.ClusterOptions = _sfc_main$x;
-exports.CompanySwitcher = _sfc_main$w;
-exports.DefaultAddToCart = _sfc_main$Q;
-exports.DefaultAddToFavorite = _sfc_main$P;
-exports.DefaultProductBadges = _sfc_main$C;
+exports.AccountIconAndMenu = _sfc_main$T;
+exports.ActionCode = _sfc_main$S;
+exports.AddToCart = _sfc_main$R;
+exports.AddToFavorite = _sfc_main$Q;
+exports.AddressCard = _sfc_main$P;
+exports.AddressSelector = _sfc_main$O;
+exports.CartBonusItems = _sfc_main$N;
+exports.CartCarriers = _sfc_main$M;
+exports.CartIconAndSidebar = _sfc_main$J;
+exports.CartItem = _sfc_main$K;
+exports.CartOverview = _sfc_main$I;
+exports.CartPaymethods = _sfc_main$H;
+exports.CartSummary = _sfc_main$G;
+exports.CategoryDescription = _sfc_main$F;
+exports.ClusterCard = _sfc_main$C;
+exports.ClusterConfigurator = _sfc_main$B;
+exports.ClusterInfo = _sfc_main$A;
+exports.ClusterJsonLd = _sfc_main$z;
+exports.ClusterOptions = _sfc_main$y;
+exports.CompanySwitcher = _sfc_main$x;
+exports.DefaultAddToCart = _sfc_main$R;
+exports.DefaultAddToFavorite = _sfc_main$Q;
+exports.DefaultProductBadges = _sfc_main$D;
 exports.DefaultProductBundles = _sfc_main$f;
-exports.DefaultProductImage = _sfc_main$D;
-exports.DefaultProductSurcharges = _sfc_main$K;
-exports.DeliveryDate = _sfc_main$v;
-exports.FavoriteListDetails = _sfc_main$s;
-exports.FavoriteListItem = _sfc_main$u;
-exports.FavoriteLists = _sfc_main$r;
-exports.ForgotPassword = _sfc_main$q;
-exports.GridFilters = _sfc_main$p;
-exports.GridPagination = _sfc_main$t;
+exports.DefaultProductImage = _sfc_main$E;
+exports.DefaultProductSurcharges = _sfc_main$L;
+exports.DeliveryDate = _sfc_main$w;
+exports.FavoriteListDetails = _sfc_main$t;
+exports.FavoriteListItem = _sfc_main$v;
+exports.FavoriteLists = _sfc_main$s;
+exports.ForgotPassword = _sfc_main$r;
+exports.GridFilters = _sfc_main$q;
+exports.GridFiltersPanel = _sfc_main$p;
+exports.GridPagination = _sfc_main$u;
 exports.GridToolbar = _sfc_main$o;
 exports.ItemListJsonLd = _sfc_main$n;
 exports.ItemsOverview = _sfc_main$m;
-exports.LoginForm = _sfc_main$T;
+exports.LoginForm = _sfc_main$U;
 exports.Menu = _sfc_main$l;
 exports.OrderActions = _sfc_main$k;
 exports.OrderBonusItems = _sfc_main$j;
@@ -20155,7 +20353,7 @@ exports.ProductJsonLd = _sfc_main$9;
 exports.ProductSlider = _sfc_main$8;
 exports.ProductSpecifications = _sfc_main$7;
 exports.ProductTabs = _sfc_main$6;
-exports.PropellerProvider = _sfc_main$U;
+exports.PropellerProvider = _sfc_main$V;
 exports.PurchaseAuthorizationConfigurator = _sfc_main$5;
 exports.PurchaseAuthorizationRequests = _sfc_main$4;
 exports.QuoteActions = _sfc_main$3;