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

package/dist/index.js

@@ -1,8 +1,8 @@
 import { h as createServices, H as isContact, J as isCustomer, M as ok, j as err, p as getAddresses, x as getDefaultInvoiceAddress, w as getDefaultDeliveryAddress, b as attributeNameMatches, q as getAttributeDisplayName, g as collectAttributeValues, l as filterProductsBySelections, k as extractAttributeValues, y as getLabel, n as formatPrice, o as formatSurcharge, D as getProductImageUrl, E as getProductSku, v as getCountryName, B as getLocalizedValue, z as getLanguageString, s as getClusterSku, r as getClusterImageUrl, c as buildClusterJsonLd, O as safeJsonStringify, d as buildItemListJsonLd, e as buildProductJsonLd } from "./index-BN8nyGRL.js";
 import { C, a, f, i, m, t, u, A, F, G, I, K, L, N, P, Q, R, S, T } from "./index-BN8nyGRL.js";
-import { u as useInfraProps, n as usePropellerDeps, a as PropellerScopeKey, j as _sfc_main$V, d as _sfc_main$W, e as _sfc_main$X, m as usePropellerContext, h as _sfc_main$Y, i as _sfc_main$Z, l as _sfc_main$_ } from "./ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js";
+import { u as useInfraProps, n as usePropellerDeps, a as PropellerScopeKey, j as _sfc_main$W, d as _sfc_main$X, e as _sfc_main$Y, m as usePropellerContext, h as _sfc_main$Z, i as _sfc_main$_, l as _sfc_main$$ } from "./ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js";
 import { _, b, c, f as f2, g, k, P as P2, p, t as t2, o, q } from "./ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js";
-import { provide, inject, ref, unref, computed, watch, markRaw, defineComponent, reactive, renderSlot, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode, onMounted, onUnmounted, withModifiers, renderList, normalizeClass, createBlock, resolveDynamicComponent, withCtx, normalizeStyle, createVNode, createStaticVNode, withKeys, nextTick } from "vue";
+import { provide, inject, ref, unref, computed, watch, markRaw, defineComponent, reactive, renderSlot, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode, onMounted, onUnmounted, withModifiers, renderList, normalizeClass, createBlock, resolveDynamicComponent, withCtx, normalizeStyle, createVNode, createStaticVNode, withKeys, mergeProps, nextTick } from "vue";
 import { YesNo, AddressType, CartService, CartStatus, CartAddressType, Gender, PurchaseRole, CrossupsellType, PaymentStatuses, OrderSearchFields, OrderItemClass, ProductSortField, ProductSearchableField, ProductStatus, SortOrder, AttributeType, OrderSortField, OrderType, BundleCondition } from "@propeller-commerce/propeller-sdk-v2";
 const ProductGridInjectionKey = /* @__PURE__ */ Symbol("propeller-product-grid");
 function provideProductGridConfig(value) {
@@ -3003,7 +3003,7 @@ async function mergeAnonymousCart(cfg) {
   }
   return result;
 }
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "PropellerProvider",
   props: {
     user: { default: null },
@@ -3037,24 +3037,24 @@ const _sfc_main$U = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "LoginForm",
   props: {
     graphqlClient: {},
@@ -3201,9 +3201,9 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         "data-loading": isLoading.value ? "true" : "false",
         "data-variant": __props.accountHeaderLoginForm ? "compact" : "full"
       }, [
-        resolvedTitle.value ? (openBlock(), createElementBlock("div", _hoisted_2$N, [
-          createElementVNode("h2", _hoisted_3$N, toDisplayString(resolvedTitle.value), 1),
-          __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4$J, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
+        resolvedTitle.value ? (openBlock(), createElementBlock("div", _hoisted_2$O, [
+          createElementVNode("h2", _hoisted_3$O, toDisplayString(resolvedTitle.value), 1),
+          __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4$K, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createElementVNode("form", {
           class: "propeller-login-form__form space-y-4",
@@ -3216,8 +3216,8 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             },
             labels: __props.labels
           }, () => [
-            createElementVNode("div", _hoisted_5$I, [
-              createElementVNode("label", _hoisted_6$H, toDisplayString(emailLabel.value), 1),
+            createElementVNode("div", _hoisted_5$J, [
+              createElementVNode("label", _hoisted_6$I, toDisplayString(emailLabel.value), 1),
               createElementVNode("input", {
                 type: "email",
                 id: "login-email",
@@ -3230,7 +3230,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                 placeholder: emailPlaceholder.value,
                 required: true,
                 disabled: isLoading.value
-              }, null, 40, _hoisted_7$H)
+              }, null, 40, _hoisted_7$I)
             ])
           ]),
           renderSlot(_ctx.$slots, "passwordField", {
@@ -3241,8 +3241,8 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             labels: __props.labels,
             displayForgotPassword: __props.displayForgotPasswordLink !== false && !__props.accountHeaderLoginForm
           }, () => [
-            createElementVNode("div", _hoisted_8$D, [
-              createElementVNode("div", _hoisted_9$C, [
+            createElementVNode("div", _hoisted_8$E, [
+              createElementVNode("div", _hoisted_9$D, [
                 createElementVNode("label", _hoisted_10$A, toDisplayString(passwordLabel.value), 1),
                 showForgotPassword.value && !__props.accountHeaderLoginForm ? (openBlock(), createElementBlock("button", {
                   key: 0,
@@ -3371,22 +3371,22 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             ]) : createCommentVNode("", true)
           ])
         ])) : 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__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "AccountIconAndMenu",
   props: {
     user: {},
@@ -3458,7 +3458,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     const user = computed(
       () => infra.user ?? null
     );
-    const LoginFormImpl = computed(() => props.loginFormComponent ?? _sfc_main$T);
+    const LoginFormImpl = computed(() => props.loginFormComponent ?? _sfc_main$U);
     const isMounted = ref(false);
     const menuOpen = ref(false);
     function _onDocumentClick() {
@@ -3571,14 +3571,14 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         onClick: _cache[3] || (_cache[3] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        isSidebar.value ? (openBlock(), createElementBlock("div", _hoisted_2$M, [
+        isSidebar.value ? (openBlock(), createElementBlock("div", _hoisted_2$N, [
           !!user.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("div", _hoisted_3$M, [
-              createElementVNode("p", _hoisted_4$I, toDisplayString(getLabel$1("signedInAs", "Signed in as")), 1),
-              createElementVNode("p", _hoisted_5$H, toDisplayString(getUserName()), 1)
+            createElementVNode("div", _hoisted_3$N, [
+              createElementVNode("p", _hoisted_4$J, toDisplayString(getLabel$1("signedInAs", "Signed in as")), 1),
+              createElementVNode("p", _hoisted_5$I, toDisplayString(getUserName()), 1)
             ]),
-            createElementVNode("nav", _hoisted_6$G, [
-              createElementVNode("ul", _hoisted_7$G, [
+            createElementVNode("nav", _hoisted_6$H, [
+              createElementVNode("ul", _hoisted_7$H, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(getMenuLinks(), (link, index) => {
                   return openBlock(), createElementBlock("li", {
                     key: link.href,
@@ -3589,12 +3589,12 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                       onClick: async (event) => handleMenuItemClick(link.href),
                       "data-active": isActiveLink(link.href) ? "true" : "false",
                       class: 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"}`)
-                    }, toDisplayString(link.label), 11, _hoisted_8$C)
+                    }, toDisplayString(link.label), 11, _hoisted_8$D)
                   ]);
                 }), 128))
               ])
             ]),
-            createElementVNode("div", _hoisted_9$B, [
+            createElementVNode("div", _hoisted_9$C, [
               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__ */ defineComponent({
             ], 64)) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true)
         ], 64)) : 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__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "ActionCode",
   props: {
     graphqlClient: {},
@@ -3820,19 +3820,19 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$M, [
-        createElementVNode("h2", _hoisted_2$L, toDisplayString(title.value), 1),
+      return openBlock(), createElementBlock("div", _hoisted_1$N, [
+        createElementVNode("h2", _hoisted_2$M, toDisplayString(title.value), 1),
         isMounted.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          hasAppliedCode.value ? (openBlock(), createElementBlock("div", _hoisted_3$L, [
-            createElementVNode("div", _hoisted_4$H, [
-              (openBlock(), createElementBlock("svg", _hoisted_5$G, [..._cache[4] || (_cache[4] = [
+          hasAppliedCode.value ? (openBlock(), createElementBlock("div", _hoisted_3$M, [
+            createElementVNode("div", _hoisted_4$I, [
+              (openBlock(), createElementBlock("svg", _hoisted_5$H, [..._cache[4] || (_cache[4] = [
                 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)
               ])])),
-              createElementVNode("span", _hoisted_6$F, toDisplayString(appliedCode.value), 1)
+              createElementVNode("span", _hoisted_6$G, toDisplayString(appliedCode.value), 1)
             ]),
             showRemoveCode.value ? (openBlock(), createElementBlock("button", {
               key: 0,
@@ -3840,9 +3840,9 @@ const _sfc_main$R = /* @__PURE__ */ 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: unref(loading)
-            }, toDisplayString(getLabel$1("remove", "Remove")), 9, _hoisted_7$F)) : createCommentVNode("", true)
+            }, toDisplayString(getLabel$1("remove", "Remove")), 9, _hoisted_7$G)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          !hasAppliedCode.value ? (openBlock(), createElementBlock("div", _hoisted_8$B, [
+          !hasAppliedCode.value ? (openBlock(), createElementBlock("div", _hoisted_8$C, [
             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__ */ defineComponent({
               onKeydown: _cache[2] || (_cache[2] = async (e) => handleKeyDown(e)),
               placeholder: getLabel$1("placeholder", "Enter action code"),
               disabled: unref(loading)
-            }, null, 40, _hoisted_9$A),
+            }, null, 40, _hoisted_9$B),
             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__ */ 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__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "AddToCart",
   props: {
     graphqlClient: {},
@@ -4011,7 +4011,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const infra = useInfraProps(props);
-    const PriceImpl = computed(() => props.priceComponent ?? _sfc_main$V);
+    const PriceImpl = computed(() => props.priceComponent ?? _sfc_main$W);
     const userRef = computed(() => infra.user ?? null);
     const companyRef = computed(() => infra.companyId);
     const { cart, loading, checkoutAllowed, addItem, getMinQuantity, getStep } = useCart({
@@ -4187,14 +4187,14 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
         class: normalizeClass(`propeller-add-to-cart ${__props.className || ""}`),
         "data-loading": unref(loading) ? "true" : "false"
       }, [
-        createElementVNode("div", _hoisted_2$K, [
-          __props.allowIncrDecr !== false ? (openBlock(), createElementBlock("div", _hoisted_3$K, [
+        createElementVNode("div", _hoisted_2$L, [
+          __props.allowIncrDecr !== false ? (openBlock(), createElementBlock("div", _hoisted_3$L, [
             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 <= unref(getMinQuantity)(props.product) || unref(loading)
-            }, " -", 8, _hoisted_4$G),
+            }, " -", 8, _hoisted_4$H),
             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__ */ defineComponent({
                   quantity.value = Math.round((val - min) / step) * step + min;
                 }
               })
-            }, null, 40, _hoisted_5$F),
+            }, null, 40, _hoisted_5$G),
             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: unref(loading)
-            }, " + ", 8, _hoisted_6$E)
+            }, " + ", 8, _hoisted_6$F)
           ])) : createCommentVNode("", true),
           __props.allowIncrDecr === false ? (openBlock(), createElementBlock("input", {
             key: 1,
@@ -4232,14 +4232,14 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                 quantity.value = Math.round((val - min) / step) * step + min;
               }
             })
-          }, null, 40, _hoisted_7$E)) : createCommentVNode("", true),
+          }, null, 40, _hoisted_7$F)) : createCommentVNode("", true),
           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: unref(loading)
           }, [
-            (openBlock(), createElementBlock("svg", _hoisted_9$z, [..._cache[11] || (_cache[11] = [
+            (openBlock(), createElementBlock("svg", _hoisted_9$A, [..._cache[11] || (_cache[11] = [
               createElementVNode("circle", {
                 cx: "8",
                 cy: "21",
@@ -4258,7 +4258,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             !unref(loading) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createTextVNode(toDisplayString(getLabel$1("add", "Add")), 1)
             ], 64)) : createCommentVNode("", true)
-          ], 8, _hoisted_8$A)
+          ], 8, _hoisted_8$B)
         ]),
         toastVisible.value ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -4353,8 +4353,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                   }, toDisplayString(getModalName()), 9, _hoisted_26$h),
                   !!getModalSku() ? (openBlock(), createElementBlock("p", _hoisted_27$h, " SKU: " + toDisplayString(getModalSku()), 1)) : createCommentVNode("", true),
                   getModalSurcharges().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_28$g, [
-                    createElementVNode("span", _hoisted_29$f, toDisplayString(getLabel$1("surcharges", "Additional surcharges:")), 1),
-                    createElementVNode("ul", _hoisted_30$f, [
+                    createElementVNode("span", _hoisted_29$g, toDisplayString(getLabel$1("surcharges", "Additional surcharges:")), 1),
+                    createElementVNode("ul", _hoisted_30$g, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(getModalSurcharges(), (line, idx) => {
                         return openBlock(), createElementBlock("li", {
                           key: idx,
@@ -4364,8 +4364,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                     ])
                   ])) : createCommentVNode("", true)
                 ]),
-                createElementVNode("div", _hoisted_31$f, [
-                  createElementVNode("p", _hoisted_32$e, toDisplayString(getLabel$1("quantity", "Quantity")) + ": " + toDisplayString(quantity.value), 1),
+                createElementVNode("div", _hoisted_31$g, [
+                  createElementVNode("p", _hoisted_32$f, toDisplayString(getLabel$1("quantity", "Quantity")) + ": " + toDisplayString(quantity.value), 1),
                   !!getModalPrice() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
                       key: 0,
@@ -4373,7 +4373,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                       "include-tax": resolvedIncludeTax.value,
                       currency: __props.currency,
                       labels: __props.labels
-                    }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createElementBlock("p", _hoisted_33$d, toDisplayString(getModalPrice()), 1))
+                    }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createElementBlock("p", _hoisted_33$e, toDisplayString(getModalPrice()), 1))
                   ], 64)) : createCommentVNode("", true)
                 ])
               ]),
@@ -4416,13 +4416,13 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : 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__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "AddToFavorite",
   props: {
     graphqlClient: {},
@@ -4620,17 +4620,17 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           title: isFavorited.value ? getLabel$1("removeFromFavorites", "Remove from favorites") : getLabel$1("addToFavorites", "Add to favorites"),
           class: 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 ? (openBlock(), createElementBlock("svg", _hoisted_3$J, [..._cache[5] || (_cache[5] = [
+          isFavorited.value ? (openBlock(), createElementBlock("svg", _hoisted_3$K, [..._cache[5] || (_cache[5] = [
             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)
           ])])) : createCommentVNode("", true),
-          !isFavorited.value ? (openBlock(), createElementBlock("svg", _hoisted_4$F, [..._cache[6] || (_cache[6] = [
+          !isFavorited.value ? (openBlock(), createElementBlock("svg", _hoisted_4$G, [..._cache[6] || (_cache[6] = [
             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)
           ])])) : createCommentVNode("", true)
-        ], 10, _hoisted_2$J),
-        showModal.value && _isMounted.value ? (openBlock(), createElementBlock("div", _hoisted_5$E, [
-          createElementVNode("div", _hoisted_6$D, [
-            createElementVNode("div", _hoisted_7$D, [
-              createElementVNode("h3", _hoisted_8$z, toDisplayString(getLabel$1("modalTitle", "Favorite product?")), 1),
+        ], 10, _hoisted_2$K),
+        showModal.value && _isMounted.value ? (openBlock(), createElementBlock("div", _hoisted_5$F, [
+          createElementVNode("div", _hoisted_6$E, [
+            createElementVNode("div", _hoisted_7$E, [
+              createElementVNode("h3", _hoisted_8$A, toDisplayString(getLabel$1("modalTitle", "Favorite product?")), 1),
               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__ */ defineComponent({
                 ], -1)
               ])])
             ]),
-            createElementVNode("div", _hoisted_9$y, [
+            createElementVNode("div", _hoisted_9$z, [
               getMemberLists().length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createElementVNode("div", _hoisted_10$w, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(getMemberLists(), (list, index) => {
@@ -4745,28 +4745,28 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : createCommentVNode("", true)
-      ], 8, _hoisted_1$K)) : createCommentVNode("", true);
+      ], 8, _hoisted_1$L)) : 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__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "AddressCard",
   props: {
     graphqlClient: {},
@@ -5082,23 +5082,23 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$J, [
+      return openBlock(), createElementBlock("div", _hoisted_1$K, [
         showCard.value ? (openBlock(), 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 || ""
         }, [
-          createElementVNode("div", _hoisted_3$I, [
+          createElementVNode("div", _hoisted_3$J, [
             __props.addressType ? renderSlot(_ctx.$slots, "typeBadge", {
               key: 0,
               address: addr.value,
               addressType: __props.addressType,
               addressTypeLabel: getLabel$1("addressType:" + __props.addressType, __props.addressType)
             }, () => [
-              createElementVNode("span", _hoisted_4$E, toDisplayString(getLabel$1("addressType:" + __props.addressType, __props.addressType)), 1)
+              createElementVNode("span", _hoisted_4$F, toDisplayString(getLabel$1("addressType:" + __props.addressType, __props.addressType)), 1)
             ]) : createCommentVNode("", true),
-            __props.showCompanyName !== false && addr.value?.company ? (openBlock(), createElementBlock("div", _hoisted_5$D, toDisplayString(addr.value?.company), 1)) : createCommentVNode("", true),
+            __props.showCompanyName !== false && addr.value?.company ? (openBlock(), createElementBlock("div", _hoisted_5$E, toDisplayString(addr.value?.company), 1)) : createCommentVNode("", true),
             __props.showFullName !== false && (addr.value?.firstName || addr.value?.lastName) ? renderSlot(_ctx.$slots, "name", {
               key: 2,
               address: addr.value,
@@ -5110,7 +5110,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               ].filter(Boolean).join(" "),
               salutation: addr.value?.gender
             }, () => [
-              createElementVNode("div", _hoisted_6$C, toDisplayString([
+              createElementVNode("div", _hoisted_6$D, 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__ */ defineComponent({
                 __props.showCity !== false ? addr.value?.city : null
               ].filter(Boolean).join(" ")
             }, () => [
-              __props.showStreet !== false && addr.value?.street ? (openBlock(), createElementBlock("div", _hoisted_7$C, toDisplayString([
+              __props.showStreet !== false && addr.value?.street ? (openBlock(), createElementBlock("div", _hoisted_7$D, toDisplayString([
                 addr.value?.street,
                 __props.showNumberExtension !== false ? addr.value?.number : null,
                 __props.showNumberExtension !== false ? addr.value?.numberExtension : null
               ].filter(Boolean).join(" ")), 1)) : createCommentVNode("", true),
-              __props.showPostalCode !== false && addr.value?.postalCode || __props.showCity !== false && addr.value?.city ? (openBlock(), createElementBlock("div", _hoisted_8$y, toDisplayString([
+              __props.showPostalCode !== false && addr.value?.postalCode || __props.showCity !== false && addr.value?.city ? (openBlock(), createElementBlock("div", _hoisted_8$z, toDisplayString([
                 __props.showPostalCode !== false ? addr.value?.postalCode : null,
                 __props.showCity !== false ? addr.value?.city : null
               ].filter(Boolean).join(" ")), 1)) : createCommentVNode("", true)
@@ -5144,7 +5144,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               address: addr.value,
               countryName: getCountryName$1(addr.value?.country)
             }, () => [
-              createElementVNode("div", _hoisted_9$x, toDisplayString(getCountryName$1(addr.value?.country)), 1)
+              createElementVNode("div", _hoisted_9$y, toDisplayString(getCountryName$1(addr.value?.country)), 1)
             ]) : createCommentVNode("", true),
             !!__props.showEmail && addr.value?.email ? (openBlock(), createElementBlock("div", _hoisted_10$v, toDisplayString(addr.value?.email), 1)) : createCommentVNode("", true),
             !!__props.showPhone && addr.value?.phone ? (openBlock(), createElementBlock("div", _hoisted_11$r, toDisplayString(addr.value?.phone), 1)) : createCommentVNode("", true),
@@ -5189,7 +5189,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               }, toDisplayString(getLabel$1("setDefault", "Set Default")), 1)) : createCommentVNode("", true)
             ])
           ]) : createCommentVNode("", true)
-        ], 8, _hoisted_2$I)) : createCommentVNode("", true),
+        ], 8, _hoisted_2$J)) : createCommentVNode("", true),
         __props.inline && showEditModal.value ? (openBlock(), createElementBlock("div", _hoisted_15$o, [
           createElementVNode("form", {
             onSubmit: _cache[19] || (_cache[19] = async (e) => handleSaveEdit(e))
@@ -5237,7 +5237,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                   }, null, 40, _hoisted_28$f)
                 ]),
                 createElementVNode("div", null, [
-                  createElementVNode("label", _hoisted_29$e, toDisplayString(getLabel$1("middleName", "Middle Name")), 1),
+                  createElementVNode("label", _hoisted_29$f, toDisplayString(getLabel$1("middleName", "Middle Name")), 1),
                   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__ */ defineComponent({
                     onChange: _cache[6] || (_cache[6] = async (e) => {
                       editMiddleName.value = e.target.value;
                     })
-                  }, null, 40, _hoisted_30$e)
+                  }, null, 40, _hoisted_30$f)
                 ]),
                 createElementVNode("div", null, [
-                  createElementVNode("label", _hoisted_31$e, toDisplayString(getLabel$1("lastName", "Last Name")) + " *", 1),
+                  createElementVNode("label", _hoisted_31$f, toDisplayString(getLabel$1("lastName", "Last Name")) + " *", 1),
                   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__ */ defineComponent({
                       editLastName.value = e.target.value;
                     }),
                     required: true
-                  }, null, 40, _hoisted_32$d)
+                  }, null, 40, _hoisted_32$e)
                 ])
               ]),
-              createElementVNode("div", _hoisted_33$c, [
+              createElementVNode("div", _hoisted_33$d, [
                 createElementVNode("div", _hoisted_34$b, [
                   createElementVNode("label", _hoisted_35$b, toDisplayString(getLabel$1("street", "Street")) + " *", 1),
                   createElementVNode("input", {
@@ -5654,28 +5654,28 @@ const _sfc_main$O = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "AddressSelector",
   props: {
     user: {},
@@ -5692,7 +5692,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     const showModal = ref(false);
     const selectedAddress = ref(null);
     const isLoading = ref(false);
-    const AddressCardImpl = computed(() => props.addressCardComponent ?? _sfc_main$O);
+    const AddressCardImpl = computed(() => props.addressCardComponent ?? _sfc_main$P);
     function getLabel$1(key, fallback) {
       return getLabel(props.labels, key, fallback);
     }
@@ -5774,10 +5774,10 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           ], -1)),
           createTextVNode(toDisplayString(getLabel$1("chooseAddress", "Choose address")), 1)
         ]),
-        showModal.value ? (openBlock(), createElementBlock("div", _hoisted_1$I, [
-          createElementVNode("div", _hoisted_2$H, [
-            createElementVNode("div", _hoisted_3$H, [
-              createElementVNode("h3", _hoisted_4$D, toDisplayString(getLabel$1("modalTitle", "Choose an address")), 1),
+        showModal.value ? (openBlock(), createElementBlock("div", _hoisted_1$J, [
+          createElementVNode("div", _hoisted_2$I, [
+            createElementVNode("div", _hoisted_3$I, [
+              createElementVNode("h3", _hoisted_4$E, toDisplayString(getLabel$1("modalTitle", "Choose an address")), 1),
               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__ */ defineComponent({
                 })
               }, " × ")
             ]),
-            getAddresses2().length === 0 ? (openBlock(), createElementBlock("p", _hoisted_5$C, toDisplayString(getLabel$1("noAddresses", "No addresses found.")), 1)) : createCommentVNode("", true),
+            getAddresses2().length === 0 ? (openBlock(), createElementBlock("p", _hoisted_5$D, toDisplayString(getLabel$1("noAddresses", "No addresses found.")), 1)) : createCommentVNode("", true),
             getAddresses2().length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("div", _hoisted_6$B, [
+              createElementVNode("div", _hoisted_6$C, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(getAddresses2(), (address, index) => {
                   return openBlock(), createElementBlock("div", {
                     key: address.id,
@@ -5807,10 +5807,10 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                       showCountry: true,
                       showNumberExtension: true
                     }, null, 8, ["address", "countries"]))
-                  ], 10, _hoisted_7$B);
+                  ], 10, _hoisted_7$C);
                 }), 128))
               ]),
-              createElementVNode("div", _hoisted_8$x, [
+              createElementVNode("div", _hoisted_8$y, [
                 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__ */ defineComponent({
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                     createTextVNode(toDisplayString(getLabel$1("useThisAddress", "Use this address")), 1)
                   ], 64))
-                ], 8, _hoisted_9$w)
+                ], 8, _hoisted_9$x)
               ])
             ], 64)) : createCommentVNode("", true)
           ])
@@ -5846,11 +5846,11 @@ const _sfc_main$N = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "CartBonusItems",
   props: {
     cart: { default: null },
@@ -5901,20 +5901,20 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         key: 0,
         class: normalizeClass(`propeller-cart-bonus-items ${__props.className || "mt-2"}`)
       }, [
-        createElementVNode("h2", _hoisted_1$H, toDisplayString(getLabel$1("title", "Bonus items")), 1),
-        createElementVNode("div", _hoisted_2$G, [
+        createElementVNode("h2", _hoisted_1$I, toDisplayString(getLabel$1("title", "Bonus items")), 1),
+        createElementVNode("div", _hoisted_2$H, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(bonusItems.value, (item) => {
             return openBlock(), 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"
             }, [
-              createElementVNode("div", _hoisted_3$G, [
+              createElementVNode("div", _hoisted_3$H, [
                 getItemImageUrl(item) ? (openBlock(), 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)) : (openBlock(), createElementBlock("svg", _hoisted_5$B, [..._cache[0] || (_cache[0] = [
+                }, null, 8, _hoisted_4$D)) : (openBlock(), createElementBlock("svg", _hoisted_5$C, [..._cache[0] || (_cache[0] = [
                   createElementVNode("path", {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -5922,11 +5922,11 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                   }, null, -1)
                 ])]))
               ]),
-              createElementVNode("div", _hoisted_6$A, [
-                item.product?.sku ? (openBlock(), createElementBlock("p", _hoisted_7$A, toDisplayString(getLabel$1("sku", "SKU")) + ": " + toDisplayString(item.product.sku), 1)) : createCommentVNode("", true),
-                createElementVNode("p", _hoisted_8$w, toDisplayString(getItemName(item)), 1)
+              createElementVNode("div", _hoisted_6$B, [
+                item.product?.sku ? (openBlock(), createElementBlock("p", _hoisted_7$B, toDisplayString(getLabel$1("sku", "SKU")) + ": " + toDisplayString(item.product.sku), 1)) : createCommentVNode("", true),
+                createElementVNode("p", _hoisted_8$x, toDisplayString(getItemName(item)), 1)
               ]),
-              createElementVNode("div", _hoisted_9$v, toDisplayString(item.quantity) + " × ", 1),
+              createElementVNode("div", _hoisted_9$w, toDisplayString(item.quantity) + " × ", 1),
               createElementVNode("div", _hoisted_10$t, toDisplayString(getItemTotal(item)), 1)
             ]);
           }), 128))
@@ -5935,28 +5935,28 @@ const _sfc_main$M = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "CartCarriers",
   props: {
     cart: {},
@@ -6018,7 +6018,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`propeller-cart-carriers ${containerClass.value}`)
       }, [
-        carriers.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$G, [
+        carriers.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$H, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(carriers.value, (carrier, index) => {
             return openBlock(), createElementBlock("div", {
               key: `${carrier.name}-${index}`,
@@ -6026,28 +6026,28 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               "data-selected": selectedName.value === carrier.name ? "true" : "false",
               class: 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"}`)
             }, [
-              createElementVNode("div", _hoisted_3$F, [
-                createElementVNode("div", _hoisted_4$B, [
+              createElementVNode("div", _hoisted_3$G, [
+                createElementVNode("div", _hoisted_4$C, [
                   showLogo.value && getLogoUrl(carrier) ? (openBlock(), 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)) : createCommentVNode("", true),
-                  createElementVNode("span", _hoisted_6$z, toDisplayString(carrier.name), 1)
+                  }, null, 8, _hoisted_5$B)) : createCommentVNode("", true),
+                  createElementVNode("span", _hoisted_6$A, toDisplayString(carrier.name), 1)
                 ]),
-                __props.showPrice !== false ? (openBlock(), createElementBlock("span", _hoisted_7$z, toDisplayString(formatCarrierPrice(carrier.price)), 1)) : createCommentVNode("", true)
+                __props.showPrice !== false ? (openBlock(), createElementBlock("span", _hoisted_7$A, toDisplayString(formatCarrierPrice(carrier.price)), 1)) : createCommentVNode("", true)
               ]),
-              carrier.deliveryDeadline ? (openBlock(), createElementBlock("p", _hoisted_8$v, toDisplayString(getLabel$1("deliveryDeadline", "Delivery deadline:")) + toDisplayString(carrier.deliveryDeadline), 1)) : createCommentVNode("", true)
-            ], 10, _hoisted_2$F);
+              carrier.deliveryDeadline ? (openBlock(), createElementBlock("p", _hoisted_8$w, toDisplayString(getLabel$1("deliveryDeadline", "Delivery deadline:")) + toDisplayString(carrier.deliveryDeadline), 1)) : createCommentVNode("", true)
+            ], 10, _hoisted_2$G);
           }), 128))
         ])) : createCommentVNode("", true),
-        carriers.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9$u, toDisplayString(getLabel$1("noCarriers", "No carriers available.")), 1)) : createCommentVNode("", true)
+        carriers.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_9$v, toDisplayString(getLabel$1("noCarriers", "No carriers available.")), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "DefaultProductSurcharges",
   props: {
     product: {},
@@ -6083,10 +6083,10 @@ const _sfc_main$K = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "CartItem",
   props: {
     graphqlClient: {},
@@ -6250,9 +6250,9 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       surchargesComponent: { grid: "surchargesComponent" }
     };
     const resolved = computed(() => useResolvedProps(props, RESOLVE_SPEC));
-    const PriceImpl = computed(() => resolved.value.priceComponent ?? _sfc_main$V);
-    const StockImpl = computed(() => resolved.value.stockComponent ?? _sfc_main$W);
-    const SurchargesImpl = computed(() => resolved.value.surchargesComponent ?? _sfc_main$K);
+    const PriceImpl = computed(() => resolved.value.priceComponent ?? _sfc_main$W);
+    const StockImpl = computed(() => resolved.value.stockComponent ?? _sfc_main$X);
+    const SurchargesImpl = computed(() => resolved.value.surchargesComponent ?? _sfc_main$L);
     const userRef = computed(() => resolved.value.user ?? null);
     const {
       loading,
@@ -6501,14 +6501,14 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           imageUrl: getProductImageUrl$1(),
           productUrl: getProductUrl()
         }, () => [
-          createElementVNode("div", _hoisted_2$E, [
+          createElementVNode("div", _hoisted_2$F, [
             !!getProductImageUrl$1() ? (openBlock(), createElementBlock("img", {
               key: 0,
               class: "propeller-cart-item__image w-full h-full object-contain p-1",
               src: getProductImageUrl$1(),
               alt: getProductName()
-            }, null, 8, _hoisted_3$E)) : createCommentVNode("", true),
-            !getProductImageUrl$1() ? (openBlock(), createElementBlock("svg", _hoisted_4$A, [..._cache[7] || (_cache[7] = [
+            }, null, 8, _hoisted_3$F)) : createCommentVNode("", true),
+            !getProductImageUrl$1() ? (openBlock(), createElementBlock("svg", _hoisted_4$B, [..._cache[7] || (_cache[7] = [
               createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -6517,13 +6517,13 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             ])])) : createCommentVNode("", true)
           ])
         ]),
-        createElementVNode("div", _hoisted_5$z, [
+        createElementVNode("div", _hoisted_5$A, [
           !isBundleItem() && __props.showSku !== false && !!getProductSku$1() ? renderSlot(_ctx.$slots, "sku", {
             key: 0,
             cartItem: __props.cartItem,
             sku: getProductSku$1()
           }, () => [
-            createElementVNode("p", _hoisted_6$y, toDisplayString(getProductSku$1()), 1)
+            createElementVNode("p", _hoisted_6$z, toDisplayString(getProductSku$1()), 1)
           ]) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, getProductName(), {
             cartItem: __props.cartItem,
@@ -6533,15 +6533,15 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             linkable: __props.titleLinkable,
             handleTitleClick: (e) => __props.onTitleClick?.(e, __props.cartItem)
           }, () => [
-            isBundleItem() ? (openBlock(), createElementBlock("span", _hoisted_7$y, toDisplayString(getBundleName()), 1)) : createCommentVNode("", true),
+            isBundleItem() ? (openBlock(), createElementBlock("span", _hoisted_7$z, toDisplayString(getBundleName()), 1)) : createCommentVNode("", true),
             !isBundleItem() ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               __props.titleLinkable !== false ? (openBlock(), 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))
-              }, toDisplayString(getProductName()), 9, _hoisted_8$u)) : createCommentVNode("", true),
-              __props.titleLinkable === false ? (openBlock(), createElementBlock("span", _hoisted_9$t, toDisplayString(getProductName()), 1)) : createCommentVNode("", true)
+              }, toDisplayString(getProductName()), 9, _hoisted_8$v)) : createCommentVNode("", true),
+              __props.titleLinkable === false ? (openBlock(), createElementBlock("span", _hoisted_9$u, toDisplayString(getProductName()), 1)) : createCommentVNode("", true)
             ], 64)) : createCommentVNode("", true)
           ]),
           !isBundleItem() ? renderSlot(_ctx.$slots, "surcharges", {
@@ -6656,8 +6656,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             crossupsells: getVisibleCrossupsells()
           }, () => [
             createElementVNode("div", _hoisted_28$e, [
-              createElementVNode("p", _hoisted_29$d, toDisplayString(getLabel$1("crossupsellTitle", "You might also like")), 1),
-              createElementVNode("div", _hoisted_30$d, [
+              createElementVNode("p", _hoisted_29$e, toDisplayString(getLabel$1("crossupsellTitle", "You might also like")), 1),
+              createElementVNode("div", _hoisted_30$e, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(getVisibleCrossupsells(), (item, idx) => {
                   return openBlock(), createElementBlock("div", {
                     key: idx,
@@ -6680,12 +6680,12 @@ const _sfc_main$J = /* @__PURE__ */ 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)) : createCommentVNode("", true),
-                      createElementVNode("div", _hoisted_33$b, [
+                      }, null, 8, _hoisted_32$d)) : createCommentVNode("", true),
+                      createElementVNode("div", _hoisted_33$c, [
                         createElementVNode("span", _hoisted_34$a, toDisplayString(getCrossupsellName(item)), 1),
                         !!getCrossupsellPrice(item) ? (openBlock(), createElementBlock("span", _hoisted_35$a, toDisplayString(getCrossupsellPrice(item)), 1)) : createCommentVNode("", true)
                       ])
-                    ], 8, _hoisted_31$d),
+                    ], 8, _hoisted_31$e),
                     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__ */ defineComponent({
             ], 8, _hoisted_49$7)
           ]) : 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__ */ 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__ */ defineComponent({
   __name: "CartIconAndSidebar",
   props: {
     cart: {},
@@ -6947,10 +6947,10 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       }
     });
     const CartItemImpl = computed(
-      () => props.cartItemComponent ?? _sfc_main$J
+      () => props.cartItemComponent ?? _sfc_main$K
     );
     const CartBonusItemsImpl = computed(
-      () => props.cartBonusItemsComponent ?? _sfc_main$M
+      () => props.cartBonusItemsComponent ?? _sfc_main$N
     );
     onMounted(() => {
       isMounted.value = true;
@@ -7070,21 +7070,21 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             "aria-label": getLabel$1("cartIconLabel", "Shopping cart"),
             class: 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 : ""}`)
           }, [
-            (openBlock(), createElementBlock("svg", _hoisted_3$D, [..._cache[11] || (_cache[11] = [
+            (openBlock(), createElementBlock("svg", _hoisted_3$E, [..._cache[11] || (_cache[11] = [
               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 ? (openBlock(), createElementBlock("span", _hoisted_4$z, toDisplayString(getTotalItems()), 1)) : createCommentVNode("", true)
-          ], 10, _hoisted_2$D),
-          __props.showTotals && isHovered.value && getTotalItems() > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$y, [
-            createElementVNode("div", _hoisted_6$x, [
-              createElementVNode("span", _hoisted_7$x, toDisplayString(getLabel$1("totalLabel", "Total")), 1),
-              createElementVNode("span", _hoisted_8$t, toDisplayString(getTotalPrice()), 1)
+            isMounted.value && __props.showBadge !== false && getTotalItems() > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$A, toDisplayString(getTotalItems()), 1)) : createCommentVNode("", true)
+          ], 10, _hoisted_2$E),
+          __props.showTotals && isHovered.value && getTotalItems() > 0 ? (openBlock(), createElementBlock("div", _hoisted_5$z, [
+            createElementVNode("div", _hoisted_6$y, [
+              createElementVNode("span", _hoisted_7$y, toDisplayString(getLabel$1("totalLabel", "Total")), 1),
+              createElementVNode("span", _hoisted_8$u, toDisplayString(getTotalPrice()), 1)
             ]),
-            createElementVNode("div", _hoisted_9$s, toDisplayString(getTotalItems()) + toDisplayString(getLabel$1("itemsLabel", "item(s)")), 1)
+            createElementVNode("div", _hoisted_9$t, toDisplayString(getTotalItems()) + toDisplayString(getLabel$1("itemsLabel", "item(s)")), 1)
           ])) : createCommentVNode("", true)
         ], 32),
         sidebarOpen.value ? (openBlock(), createElementBlock("div", {
@@ -7201,9 +7201,9 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["cart"]))
               ]),
               getItems().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_28$d, [
-                createElementVNode("div", _hoisted_29$c, [
-                  createElementVNode("span", _hoisted_30$c, toDisplayString(getLabel$1("total", "Total")), 1),
-                  createElementVNode("span", _hoisted_31$c, toDisplayString(getTotalPrice()), 1)
+                createElementVNode("div", _hoisted_29$d, [
+                  createElementVNode("span", _hoisted_30$d, toDisplayString(getLabel$1("total", "Total")), 1),
+                  createElementVNode("span", _hoisted_31$d, toDisplayString(getTotalPrice()), 1)
                 ]),
                 showCheckoutButton() && !showRequestAuthorizationButton() ? (openBlock(), createElementBlock("button", {
                   key: 0,
@@ -7227,7 +7227,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                       "Request Authorization"
                     )), 1)
                   ], 64)) : createCommentVNode("", true)
-                ], 8, _hoisted_32$b)) : createCommentVNode("", true),
+                ], 8, _hoisted_32$c)) : createCommentVNode("", true),
                 !showRequestAuthorizationButton() && !!__props.onRequestQuoteClick && !!__props.user && "contactId" in __props.user ? (openBlock(), createElementBlock("button", {
                   key: 2,
                   type: "button",
@@ -7247,34 +7247,34 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             ], 64)) : 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__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "CartOverview",
   props: {
     graphqlClient: {},
@@ -7430,12 +7430,12 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`propeller-cart-overview ${containerClass.value}`)
       }, [
-        __props.title ? (openBlock(), createElementBlock("h2", _hoisted_1$D, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$C, [
-          createElementVNode("div", _hoisted_3$C, [
-            createElementVNode("h3", _hoisted_4$y, toDisplayString(getLabel$1("invoiceAddress", "Invoice Address")), 1),
-            invoiceAddress.value && invoiceAddress.value.street ? (openBlock(), createElementBlock("div", _hoisted_5$x, [
-              invoiceAddress.value.company ? (openBlock(), createElementBlock("p", _hoisted_6$w, toDisplayString(invoiceAddress.value.company), 1)) : createCommentVNode("", true),
+        __props.title ? (openBlock(), createElementBlock("h2", _hoisted_1$E, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$D, [
+          createElementVNode("div", _hoisted_3$D, [
+            createElementVNode("h3", _hoisted_4$z, toDisplayString(getLabel$1("invoiceAddress", "Invoice Address")), 1),
+            invoiceAddress.value && invoiceAddress.value.street ? (openBlock(), createElementBlock("div", _hoisted_5$y, [
+              invoiceAddress.value.company ? (openBlock(), createElementBlock("p", _hoisted_6$x, toDisplayString(invoiceAddress.value.company), 1)) : createCommentVNode("", true),
               createElementVNode("p", null, toDisplayString([
                 invoiceAddress.value.firstName,
                 invoiceAddress.value.middleName,
@@ -7447,11 +7447,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 invoiceAddress.value.numberExtension
               ].filter(Boolean).join(" ")), 1),
               createElementVNode("p", null, toDisplayString([invoiceAddress.value.postalCode, invoiceAddress.value.city].filter(Boolean).join(" ")), 1),
-              invoiceAddress.value.country ? (openBlock(), createElementBlock("p", _hoisted_7$w, toDisplayString(getCountryName$1(invoiceAddress.value.country)), 1)) : createCommentVNode("", true),
-              invoiceAddress.value.email ? (openBlock(), createElementBlock("p", _hoisted_8$s, toDisplayString(invoiceAddress.value.email), 1)) : createCommentVNode("", true)
+              invoiceAddress.value.country ? (openBlock(), createElementBlock("p", _hoisted_7$x, toDisplayString(getCountryName$1(invoiceAddress.value.country)), 1)) : createCommentVNode("", true),
+              invoiceAddress.value.email ? (openBlock(), createElementBlock("p", _hoisted_8$t, toDisplayString(invoiceAddress.value.email), 1)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_9$r, [
+          createElementVNode("div", _hoisted_9$s, [
             createElementVNode("h3", _hoisted_10$q, toDisplayString(getLabel$1("deliveryAddress", "Delivery Address")), 1),
             deliveryAddress.value && deliveryAddress.value.street ? (openBlock(), createElementBlock("div", _hoisted_11$o, [
               deliveryAddress.value.company ? (openBlock(), createElementBlock("p", _hoisted_12$o, toDisplayString(deliveryAddress.value.company), 1)) : createCommentVNode("", true),
@@ -7511,15 +7511,15 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               maxLength: 255
             }, null, 40, _hoisted_28$c)
           ])) : createCommentVNode("", true),
-          showTermsAndConditions.value ? (openBlock(), createElementBlock("div", _hoisted_29$b, [
+          showTermsAndConditions.value ? (openBlock(), createElementBlock("div", _hoisted_29$c, [
             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),
-            createElementVNode("label", _hoisted_31$b, [
+            }, null, 40, _hoisted_30$c),
+            createElementVNode("label", _hoisted_31$c, [
               createTextVNode(toDisplayString(getLabel$1("termsPrefix", "I agree to the")), 1),
               createElementVNode("a", {
                 href: "#",
@@ -7535,36 +7535,36 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             onClick: _cache[4] || (_cache[4] = async (event) => handlePurchaseClick()),
             disabled: isPurchaseDisabled.value
           }, [
-            loading.value ? (openBlock(), createElementBlock("div", _hoisted_33$a)) : createCommentVNode("", true),
+            loading.value ? (openBlock(), createElementBlock("div", _hoisted_33$b)) : createCommentVNode("", true),
             loading.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createTextVNode(toDisplayString(getLabel$1("processing", "Processing...")), 1)
             ], 64)) : createCommentVNode("", true),
             !loading.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
               createTextVNode(toDisplayString(getLabel$1("purchaseButton", "Place Order")), 1)
             ], 64)) : createCommentVNode("", true)
-          ], 8, _hoisted_32$a)) : createCommentVNode("", true)
+          ], 8, _hoisted_32$b)) : 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__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "CartPaymethods",
   props: {
     cart: {},
@@ -7637,7 +7637,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`propeller-cart-paymethods ${containerClass.value}`)
       }, [
-        payMethods.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
+        payMethods.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(payMethods.value, (method, index) => {
             return openBlock(), createElementBlock("div", {
               key: method.code,
@@ -7645,37 +7645,37 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               "data-selected": selectedCode.value === method.code ? "true" : "false",
               class: 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"}`)
             }, [
-              createElementVNode("div", _hoisted_3$B, [
-                createElementVNode("div", _hoisted_4$x, [
-                  createElementVNode("span", _hoisted_5$w, toDisplayString(method.name || method.code), 1)
+              createElementVNode("div", _hoisted_3$C, [
+                createElementVNode("div", _hoisted_4$y, [
+                  createElementVNode("span", _hoisted_5$x, toDisplayString(method.name || method.code), 1)
                 ]),
-                method.price > 0 ? (openBlock(), createElementBlock("span", _hoisted_6$v, toDisplayString(formatMethodPrice(method.price)), 1)) : createCommentVNode("", true)
+                method.price > 0 ? (openBlock(), createElementBlock("span", _hoisted_6$w, toDisplayString(formatMethodPrice(method.price)), 1)) : createCommentVNode("", true)
               ])
-            ], 10, _hoisted_2$B);
+            ], 10, _hoisted_2$C);
           }), 128))
         ])) : createCommentVNode("", true),
-        payMethods.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_7$v, toDisplayString(getLabel$1("noMethods", "No payment methods available.")), 1)) : createCommentVNode("", true)
+        payMethods.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_7$w, toDisplayString(getLabel$1("noMethods", "No payment methods available.")), 1)) : 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__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CartSummary",
   props: {
     cart: {},
@@ -7854,17 +7854,17 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
-        createElementVNode("h2", _hoisted_2$A, toDisplayString(title.value), 1),
-        showSubtotal.value ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
-          createElementVNode("span", _hoisted_4$w, toDisplayString(getLabel$1("subtotal", "Subtotal:")), 1),
-          createElementVNode("span", _hoisted_5$v, toDisplayString(formatItemPrice(subtotal.value)), 1)
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+        createElementVNode("h2", _hoisted_2$B, toDisplayString(title.value), 1),
+        showSubtotal.value ? (openBlock(), createElementBlock("div", _hoisted_3$B, [
+          createElementVNode("span", _hoisted_4$x, toDisplayString(getLabel$1("subtotal", "Subtotal:")), 1),
+          createElementVNode("span", _hoisted_5$w, toDisplayString(formatItemPrice(subtotal.value)), 1)
         ])) : createCommentVNode("", true),
-        showDiscount.value && hasDiscount.value ? (openBlock(), createElementBlock("div", _hoisted_6$u, [
-          createElementVNode("span", _hoisted_7$u, toDisplayString(getLabel$1("discount", "Discount:")), 1),
-          createElementVNode("span", _hoisted_8$r, "-" + toDisplayString(formatItemPrice(discountAmount.value)), 1)
+        showDiscount.value && hasDiscount.value ? (openBlock(), createElementBlock("div", _hoisted_6$v, [
+          createElementVNode("span", _hoisted_7$v, toDisplayString(getLabel$1("discount", "Discount:")), 1),
+          createElementVNode("span", _hoisted_8$s, "-" + toDisplayString(formatItemPrice(discountAmount.value)), 1)
         ])) : createCommentVNode("", true),
-        showShippingCosts.value && hasShippingCosts.value ? (openBlock(), createElementBlock("div", _hoisted_9$q, [
+        showShippingCosts.value && hasShippingCosts.value ? (openBlock(), createElementBlock("div", _hoisted_9$r, [
           createElementVNode("span", _hoisted_10$p, toDisplayString(getLabel$1("shippingCosts", "Shipping costs:")), 1),
           createElementVNode("span", _hoisted_11$n, toDisplayString(formatItemPrice(shippingCosts.value)), 1)
         ])) : createCommentVNode("", true),
@@ -7921,13 +7921,13 @@ const _sfc_main$F = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "CategoryDescription",
   props: {
     language: {},
@@ -7978,8 +7978,8 @@ const _sfc_main$E = /* @__PURE__ */ 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)) : createCommentVNode("", true),
-        shouldTruncate() && !expanded.value ? (openBlock(), createElementBlock("p", _hoisted_3$z, toDisplayString(getTruncated()), 1)) : createCommentVNode("", true),
+        }, null, 8, _hoisted_2$A)) : createCommentVNode("", true),
+        shouldTruncate() && !expanded.value ? (openBlock(), createElementBlock("p", _hoisted_3$A, toDisplayString(getTruncated()), 1)) : createCommentVNode("", true),
         shouldTruncate() ? (openBlock(), 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__ */ defineComponent({
             createTextVNode(" Read more ")
           ], 64)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$A)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$B)) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$z = ["src", "alt"];
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_1$A = ["src", "alt"];
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "DefaultProductImage",
   props: {
     product: {},
@@ -8052,7 +8052,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         alt: altText.value,
         class: normalizeClass(className.value ?? "h-full w-full object-contain"),
         loading: "lazy"
-      }, null, 10, _hoisted_1$z)) : (openBlock(), createElementBlock("div", {
+      }, null, 10, _hoisted_1$A)) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: 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__ */ defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "DefaultProductBadges",
   props: {
     product: {},
@@ -8106,44 +8106,61 @@ const _sfc_main$C = /* @__PURE__ */ 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__ */ 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__ */ defineComponent({
   __name: "ClusterCard",
   props: {
     cluster: {},
@@ -8191,11 +8208,11 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     const resolvedIncludeTax = computed(
       () => props.includeTax === true ? true : !!infra.includeTax
     );
-    const PriceImpl = computed(() => resolved.value.priceComponent ?? _sfc_main$V);
-    const StockImpl = computed(() => resolved.value.stockComponent ?? _sfc_main$W);
-    const ImageImpl = computed(() => resolved.value.imageComponent ?? _sfc_main$D);
-    const BadgesImpl = computed(() => resolved.value.badgesComponent ?? _sfc_main$C);
-    const FavoriteImpl = computed(() => resolved.value.favoriteComponent ?? _sfc_main$P);
+    const PriceImpl = computed(() => resolved.value.priceComponent ?? _sfc_main$W);
+    const StockImpl = computed(() => resolved.value.stockComponent ?? _sfc_main$X);
+    const ImageImpl = computed(() => resolved.value.imageComponent ?? _sfc_main$E);
+    const BadgesImpl = computed(() => resolved.value.badgesComponent ?? _sfc_main$D);
+    const FavoriteImpl = computed(() => resolved.value.favoriteComponent ?? _sfc_main$Q);
     const isFavorite = ref(false);
     function isRow() {
       return props.columns === 1;
@@ -8325,8 +8342,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                   class: "propeller-cluster-card__image h-full w-full object-contain transition-transform duration-300 group-hover:scale-105",
                   src: getClusterImageUrl$1(),
                   alt: getClusterName()
-                }, null, 8, _hoisted_3$y)) : createCommentVNode("", true),
-                !getClusterImageUrl$1() ? (openBlock(), createElementBlock("div", _hoisted_4$v, [..._cache[6] || (_cache[6] = [
+                }, null, 8, _hoisted_3$z)) : createCommentVNode("", true),
+                !getClusterImageUrl$1() ? (openBlock(), createElementBlock("div", _hoisted_4$w, [..._cache[6] || (_cache[6] = [
                   createElementVNode("svg", {
                     fill: "none",
                     stroke: "currentColor",
@@ -8341,7 +8358,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                     })
                   ], -1)
                 ])])) : createCommentVNode("", true)
-              ], 8, _hoisted_2$y),
+              ], 8, _hoisted_2$z),
               props.badgesComponent ? (openBlock(), createBlock(resolveDynamicComponent(BadgesImpl.value), {
                 key: 0,
                 cluster: __props.cluster,
@@ -8352,7 +8369,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 imageLabels: computedImageLabels(),
                 labels: __props.labels
               }, () => [
-                createElementVNode("div", _hoisted_5$u, [
+                createElementVNode("div", _hoisted_5$v, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(computedImageLabels(), (label, index) => {
                     return openBlock(), createElementBlock("span", {
                       key: index,
@@ -8392,15 +8409,15 @@ const _sfc_main$B = /* @__PURE__ */ 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)
               ]) : createCommentVNode("", true)
             ], 2)
           ])
         ], 64)) : createCommentVNode("", true),
         isRow() ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("div", _hoisted_8$q, [
-            createElementVNode("div", _hoisted_9$p, [
+          createElementVNode("div", _hoisted_8$r, [
+            createElementVNode("div", _hoisted_9$q, [
               __props.showSku !== false && !!getClusterSku$1() ? renderSlot(_ctx.$slots, "sku", {
                 key: 0,
                 cluster: __props.cluster,
@@ -8452,44 +8469,46 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             ])
           ]),
           createElementVNode("div", _hoisted_15$j, [
-            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? renderSlot(_ctx.$slots, "stock", {
-              key: 0,
-              cluster: __props.cluster,
-              inventory: __props.cluster.defaultProduct?.inventory,
-              showAvailability: false,
-              labels: __props.stockLabels
-            }, () => [
-              props.stockComponent ? (openBlock(), createBlock(resolveDynamicComponent(StockImpl.value), {
+            createElementVNode("div", _hoisted_16$i, [
+              __props.showStock && !!__props.cluster.defaultProduct?.inventory ? renderSlot(_ctx.$slots, "stock", {
                 key: 0,
-                inventory: __props.cluster.defaultProduct?.inventory,
-                "show-availability": false,
-                "show-stock": true,
-                labels: __props.stockLabels
-              }, null, 8, ["inventory", "labels"])) : (openBlock(), createBlock(_sfc_main$W, {
-                key: 1,
+                cluster: __props.cluster,
                 inventory: __props.cluster.defaultProduct?.inventory,
                 showAvailability: false,
-                showStock: true,
                 labels: __props.stockLabels
-              }, null, 8, ["inventory", "labels"]))
-            ]) : createCommentVNode("", true),
-            !!getClusterPrice() ? 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 ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
-                key: 0,
+              }, () => [
+                props.stockComponent ? (openBlock(), createBlock(resolveDynamicComponent(StockImpl.value), {
+                  key: 0,
+                  inventory: __props.cluster.defaultProduct?.inventory,
+                  "show-availability": false,
+                  "show-stock": true,
+                  labels: __props.stockLabels
+                }, null, 8, ["inventory", "labels"])) : (openBlock(), createBlock(_sfc_main$X, {
+                  key: 1,
+                  inventory: __props.cluster.defaultProduct?.inventory,
+                  showAvailability: false,
+                  showStock: true,
+                  labels: __props.stockLabels
+                }, null, 8, ["inventory", "labels"]))
+              ]) : createCommentVNode("", true),
+              !!getClusterPrice() ? 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"])) : (openBlock(), createElementBlock("span", _hoisted_16$i, toDisplayString(getClusterPrice()), 1))
-            ]) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_17$i, [
+              }, () => [
+                props.priceComponent ? (openBlock(), createBlock(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"])) : (openBlock(), createElementBlock("span", _hoisted_17$i, toDisplayString(getClusterPrice()), 1))
+              ]) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_18$g, [
               renderSlot(_ctx.$slots, "viewClusterLink", {
                 cluster: __props.cluster,
                 clusterUrl: getClusterUrl(),
@@ -8500,19 +8519,19 @@ const _sfc_main$B = /* @__PURE__ */ 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))
-                }, toDisplayString(getLabel$1("viewCluster", "View cluster")), 9, _hoisted_18$g)
+                }, toDisplayString(getLabel$1("viewCluster", "View cluster")), 9, _hoisted_19$f)
               ])
             ])
           ])
         ], 64)) : createCommentVNode("", true),
         !isRow() ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createElementVNode("div", _hoisted_19$f, [
+          createElementVNode("div", _hoisted_20$d, [
             __props.showSku !== false && !!getClusterSku$1() ? renderSlot(_ctx.$slots, "sku", {
               key: 0,
               cluster: __props.cluster,
               sku: getClusterSku$1()
             }, () => [
-              createElementVNode("div", _hoisted_20$d, toDisplayString(getClusterSku$1()), 1)
+              createElementVNode("div", _hoisted_21$c, toDisplayString(getClusterSku$1()), 1)
             ]) : createCommentVNode("", true),
             __props.showName !== false ? renderSlot(_ctx.$slots, getClusterName(), {
               key: 1,
@@ -8525,35 +8544,36 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 class: "propeller-cluster-card__title text-sm font-medium leading-tight text-foreground transition-colors hover:text-primary line-clamp-2",
                 href: getClusterUrl(),
                 onClick: _cache[4] || (_cache[4] = async (e) => handleClusterClick(e))
-              }, toDisplayString(getClusterName()), 9, _hoisted_21$c)
+              }, toDisplayString(getClusterName()), 9, _hoisted_22$c)
             ]) : createCommentVNode("", true),
-            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? renderSlot(_ctx.$slots, "stock", {
-              key: 2,
-              cluster: __props.cluster,
-              inventory: __props.cluster.defaultProduct?.inventory,
-              showAvailability: __props.showAvailability !== false,
-              labels: __props.stockLabels
-            }, () => [
-              props.stockComponent ? (openBlock(), createBlock(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"])) : (openBlock(), createBlock(_sfc_main$W, {
-                key: 1,
+            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? (openBlock(), createElementBlock("div", _hoisted_23$c, [
+              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"]))
-            ]) : createCommentVNode("", true),
+              }, () => [
+                props.stockComponent ? (openBlock(), createBlock(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"])) : (openBlock(), createBlock(_sfc_main$X, {
+                  key: 1,
+                  inventory: __props.cluster.defaultProduct?.inventory,
+                  showAvailability: __props.showAvailability !== false,
+                  showStock: true,
+                  labels: __props.stockLabels
+                }, null, 8, ["inventory", "showAvailability", "labels"]))
+              ])
+            ])) : createCommentVNode("", true),
             !!__props.textLabels && __props.textLabels.length > 0 && computedTextLabels().length > 0 ? renderSlot(_ctx.$slots, "textLabels", {
               key: 3,
               cluster: __props.cluster,
               values: computedTextLabels()
             }, () => [
-              createElementVNode("div", _hoisted_22$c, [
+              createElementVNode("div", _hoisted_24$c, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(computedTextLabels(), (item, index) => {
                   return openBlock(), createElementBlock("div", {
                     key: index,
@@ -8567,35 +8587,75 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               cluster: __props.cluster,
               manufacturer: getClusterManufacturer()
             }, () => [
-              createElementVNode("div", _hoisted_23$c, toDisplayString(getClusterManufacturer()), 1)
+              createElementVNode("div", _hoisted_25$c, toDisplayString(getClusterManufacturer()), 1)
             ]) : createCommentVNode("", true),
             __props.showShortDescription && !!getClusterShortDescription() ? renderSlot(_ctx.$slots, "shortDescription", {
               key: 5,
               cluster: __props.cluster,
               text: getClusterShortDescription()
             }, () => [
-              createElementVNode("p", _hoisted_24$c, toDisplayString(getClusterShortDescription()), 1)
+              createElementVNode("p", _hoisted_26$c, toDisplayString(getClusterShortDescription()), 1)
+            ]) : createCommentVNode("", true),
+            !!getClusterPrice() ? (openBlock(), createElementBlock("div", _hoisted_27$c, [
+              renderSlot(_ctx.$slots, "price", {
+                cluster: __props.cluster,
+                price: __props.cluster.defaultProduct?.price,
+                includeTax: resolvedIncludeTax.value,
+                currency: __props.currency,
+                labels: __props.labels
+              }, () => [
+                createElementVNode("div", _hoisted_28$b, [
+                  props.priceComponent ? (openBlock(), createBlock(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"])) : (openBlock(), createElementBlock("span", _hoisted_29$b, toDisplayString(getClusterPrice()), 1))
+                ])
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          __props.showStock && !!__props.cluster.defaultProduct?.inventory || !!getClusterPrice() ? (openBlock(), createElementBlock("div", _hoisted_30$b, [
+            __props.showStock && !!__props.cluster.defaultProduct?.inventory ? renderSlot(_ctx.$slots, "stock", {
+              key: 0,
+              cluster: __props.cluster,
+              inventory: __props.cluster.defaultProduct?.inventory,
+              showAvailability: __props.showAvailability !== false,
+              labels: __props.stockLabels
+            }, () => [
+              props.stockComponent ? (openBlock(), createBlock(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"])) : (openBlock(), createBlock(_sfc_main$X, {
+                key: 1,
+                inventory: __props.cluster.defaultProduct?.inventory,
+                showAvailability: __props.showAvailability !== false,
+                showStock: true,
+                labels: __props.stockLabels
+              }, null, 8, ["inventory", "showAvailability", "labels"]))
             ]) : createCommentVNode("", true),
             !!getClusterPrice() ? 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
             }, () => [
-              createElementVNode("div", _hoisted_25$c, [
-                props.priceComponent ? (openBlock(), createBlock(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"])) : (openBlock(), createElementBlock("span", _hoisted_26$c, toDisplayString(getClusterPrice()), 1))
-              ])
+              props.priceComponent ? (openBlock(), createBlock(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"])) : (openBlock(), createElementBlock("span", _hoisted_31$b, toDisplayString(getClusterPrice()), 1))
             ]) : createCommentVNode("", true)
-          ]),
-          createElementVNode("div", _hoisted_27$c, [
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_32$a, [
             renderSlot(_ctx.$slots, "viewClusterLink", {
               cluster: __props.cluster,
               clusterUrl: getClusterUrl(),
@@ -8606,29 +8666,29 @@ const _sfc_main$B = /* @__PURE__ */ 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))
-              }, toDisplayString(getLabel$1("viewCluster", "View cluster")), 9, _hoisted_28$b)
+              }, toDisplayString(getLabel$1("viewCluster", "View cluster")), 9, _hoisted_33$a)
             ])
           ])
         ], 64)) : 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__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "ClusterConfigurator",
   props: {
     clusterId: {},
@@ -8932,7 +8992,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`propeller-cluster-configurator ${__props.className || ""}`)
       }, [
-        !!__props.config?.settings?.length ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
+        !!__props.config?.settings?.length ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(getSettingsWithValues(), (setting, index) => {
             return openBlock(), createElementBlock("div", {
               key: setting.id,
@@ -8940,7 +9000,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               "data-display-type": setting.displayType,
               "data-disabled": setting.disabled ? "true" : "false"
             }, [
-              createElementVNode("h4", _hoisted_3$x, toDisplayString(setting.displayName || setting.name), 1),
+              createElementVNode("h4", _hoisted_3$y, toDisplayString(setting.displayName || setting.name), 1),
               setting.displayType === "DROPDOWN" ? (openBlock(), 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__ */ defineComponent({
                   e.target.value
                 )
               }, [
-                createElementVNode("option", _hoisted_5$t, toDisplayString(getLabel$1("selectOption", "— Select —")), 1),
+                createElementVNode("option", _hoisted_5$u, toDisplayString(getLabel$1("selectOption", "— Select —")), 1),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(setting.availableValues, (val, index2) => {
                   return openBlock(), createElementBlock("option", {
                     key: val,
                     value: val
-                  }, toDisplayString(val), 9, _hoisted_6$s);
+                  }, toDisplayString(val), 9, _hoisted_6$t);
                 }), 128))
-              ], 40, _hoisted_4$u)) : createCommentVNode("", true),
-              setting.displayType === "RADIO" ? (openBlock(), createElementBlock("div", _hoisted_7$s, [
+              ], 40, _hoisted_4$v)) : createCommentVNode("", true),
+              setting.displayType === "RADIO" ? (openBlock(), createElementBlock("div", _hoisted_7$t, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(setting.availableValues, (val, index2) => {
                   return openBlock(), createElementBlock("label", {
                     key: val,
@@ -8974,9 +9034,9 @@ const _sfc_main$A = /* @__PURE__ */ 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),
                     createTextVNode(toDisplayString(val), 1)
-                  ], 10, _hoisted_8$p);
+                  ], 10, _hoisted_8$q);
                 }), 128))
               ])) : createCommentVNode("", true),
               setting.displayType === "COLOR" && setting.attributeType === "COLOR" ? (openBlock(), createElementBlock("div", _hoisted_10$n, [
@@ -9050,27 +9110,27 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
                   }, toDisplayString(val), 11, _hoisted_19$e);
                 }), 128))
               ])) : createCommentVNode("", true)
-            ], 8, _hoisted_2$x);
+            ], 8, _hoisted_2$y);
           }), 128))
         ])) : 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__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "ClusterInfo",
   props: {
     user: {},
@@ -9156,19 +9216,19 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         class: normalizeClass(`propeller-cluster-info ${__props.className || ""}`),
         "data-loading": unref(loading) ? "true" : "false"
       }, [
-        unref(loading) && !unref(cluster) ? (openBlock(), createElementBlock("div", _hoisted_2$w, [..._cache[0] || (_cache[0] = [
+        unref(loading) && !unref(cluster) ? (openBlock(), createElementBlock("div", _hoisted_2$x, [..._cache[0] || (_cache[0] = [
           createElementVNode("div", { class: "propeller-cluster-info__skeleton-line h-4 bg-slate-100 rounded w-1/4" }, null, -1),
           createElementVNode("div", { class: "propeller-cluster-info__skeleton-line h-8 bg-slate-100 rounded w-3/4" }, null, -1)
         ])])) : createCommentVNode("", true),
         !unref(loading) || !!unref(cluster) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          __props.showSku !== false && !!getClusterSku2() ? (openBlock(), createElementBlock("div", _hoisted_3$w, "SKU: " + toDisplayString(getClusterSku2()), 1)) : createCommentVNode("", true),
-          __props.showTitle !== false && !!getClusterName() ? (openBlock(), createElementBlock("h1", _hoisted_4$t, toDisplayString(getClusterName()), 1)) : createCommentVNode("", true)
+          __props.showSku !== false && !!getClusterSku2() ? (openBlock(), createElementBlock("div", _hoisted_3$x, "SKU: " + toDisplayString(getClusterSku2()), 1)) : createCommentVNode("", true),
+          __props.showTitle !== false && !!getClusterName() ? (openBlock(), createElementBlock("h1", _hoisted_4$u, toDisplayString(getClusterName()), 1)) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
-      ], 10, _hoisted_1$w);
+      ], 10, _hoisted_1$x);
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "ClusterJsonLd",
   props: {
     cluster: {},
@@ -9189,21 +9249,21 @@ const _sfc_main$y = /* @__PURE__ */ 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__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "ClusterOptions",
   props: {
     clusterId: {},
@@ -9316,7 +9376,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`propeller-cluster-options ${__props.className || ""}`)
       }, [
-        getOptionsForRender().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
+        getOptionsForRender().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(getOptionsForRender(), (option, index) => {
             return openBlock(), createElementBlock("div", {
               key: option.id,
@@ -9324,16 +9384,16 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               "data-required": option.isRequired ? "true" : "false",
               "data-error": option.hasError ? "true" : "false"
             }, [
-              createElementVNode("div", _hoisted_3$v, [
-                createElementVNode("h4", _hoisted_4$s, toDisplayString(option.name), 1),
-                option.isRequired ? (openBlock(), createElementBlock("span", _hoisted_5$s, toDisplayString(getLabel$1("required", "Required")), 1)) : createCommentVNode("", true)
+              createElementVNode("div", _hoisted_3$w, [
+                createElementVNode("h4", _hoisted_4$t, toDisplayString(option.name), 1),
+                option.isRequired ? (openBlock(), createElementBlock("span", _hoisted_5$t, toDisplayString(getLabel$1("required", "Required")), 1)) : createCommentVNode("", true)
               ]),
               createElementVNode("select", {
                 value: option.selectedProductId,
                 onChange: async (e) => handleOptionChange(option.idStr, e.target.value),
                 class: 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"}`)
               }, [
-                createElementVNode("option", _hoisted_7$r, [
+                createElementVNode("option", _hoisted_7$s, [
                   option.isRequired ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createTextVNode(toDisplayString(getLabel$1("selectRequired", "— Select an option —")), 1)
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -9344,10 +9404,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("option", {
                     key: product.productId,
                     value: product.productIdStr
-                  }, toDisplayString(product.label), 9, _hoisted_8$o);
+                  }, toDisplayString(product.label), 9, _hoisted_8$p);
                 }), 128))
-              ], 42, _hoisted_6$r),
-              option.hasError ? (openBlock(), createElementBlock("p", _hoisted_9$n, toDisplayString(getLabel$1("requiredError", "This option is required")), 1)) : createCommentVNode("", true),
+              ], 42, _hoisted_6$s),
+              option.hasError ? (openBlock(), createElementBlock("p", _hoisted_9$o, toDisplayString(getLabel$1("requiredError", "This option is required")), 1)) : createCommentVNode("", true),
               option.hasSelection ? (openBlock(), createElementBlock("div", _hoisted_10$m, [
                 !!option.previewImageUrl ? (openBlock(), createElementBlock("img", {
                   key: 0,
@@ -9375,20 +9435,20 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                   createElementVNode("p", _hoisted_15$h, toDisplayString(option.previewPrice), 1)
                 ])
               ])) : createCommentVNode("", true)
-            ], 8, _hoisted_2$v);
+            ], 8, _hoisted_2$w);
           }), 128))
         ])) : 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__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "CompanySwitcher",
   props: {
     user: {},
@@ -9493,7 +9553,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             "aria-hidden": "true",
             class: normalizeClass(`propeller-company-switcher__icon icon-${getIcon()} flex-shrink-0`)
           }, null, 2),
-          createElementVNode("span", _hoisted_3$u, toDisplayString(getActiveCompanyName()), 1),
+          createElementVNode("span", _hoisted_3$v, toDisplayString(getActiveCompanyName()), 1),
           createElementVNode("span", {
             "aria-hidden": "true",
             class: 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__ */ defineComponent({
               createElementVNode("path", { d: "M2 4l4 4 4-4" })
             ], -1)
           ])], 2)
-        ], 8, _hoisted_2$u),
+        ], 8, _hoisted_2$v),
         isOpen.value ? (openBlock(), createElementBlock("ul", {
           key: 0,
           role: "listbox",
@@ -9526,32 +9586,32 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               onClick: async (event) => selectCompany(company),
               class: 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"}`)
             }, [
-              createElementVNode("span", _hoisted_6$q, toDisplayString(company.name), 1),
-              isActive(company) ? (openBlock(), createElementBlock("svg", _hoisted_7$q, [..._cache[2] || (_cache[2] = [
+              createElementVNode("span", _hoisted_6$r, toDisplayString(company.name), 1),
+              isActive(company) ? (openBlock(), createElementBlock("svg", _hoisted_7$r, [..._cache[2] || (_cache[2] = [
                 createElementVNode("path", { d: "M2.5 8l4 4 7-7" }, null, -1)
               ])])) : createCommentVNode("", true)
-            ], 10, _hoisted_5$r);
+            ], 10, _hoisted_5$s);
           }), 128))
-        ], 8, _hoisted_4$r)) : createCommentVNode("", true)
-      ], 8, _hoisted_1$u);
+        ], 8, _hoisted_4$s)) : 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__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "DeliveryDate",
   props: {
     cart: {},
@@ -9724,7 +9784,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(`propeller-delivery-date ${containerClass.value}`)
       }, [
-        createElementVNode("div", _hoisted_1$t, [
+        createElementVNode("div", _hoisted_1$u, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(upcomingDates.value, (dateStr, index) => {
             return openBlock(), createElementBlock("div", {
               key: index,
@@ -9732,8 +9792,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               "data-selected": selectedDayKey.value !== "" && upcomingDayKeys.value[index] === selectedDayKey.value ? "true" : "false",
               class: normalizeClass(`propeller-delivery-date__option cursor-pointer border border-border rounded-[var(--radius-container)] p-3 text-center transition-all ${selectedDayKey.value !== "" && upcomingDayKeys.value[index] === selectedDayKey.value ? "border-secondary bg-secondary/5 shadow-sm" : "hover:border-secondary/30"}`)
             }, [
-              createElementVNode("div", _hoisted_3$t, toDisplayString(formatDisplay(dateStr)), 1)
-            ], 10, _hoisted_2$t);
+              createElementVNode("div", _hoisted_3$u, toDisplayString(formatDisplay(dateStr)), 1)
+            ], 10, _hoisted_2$u);
           }), 128)),
           showDatePicker.value ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -9742,18 +9802,18 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             "data-custom": "true",
             class: 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 ? (openBlock(), createElementBlock("div", _hoisted_5$q, toDisplayString(formatDisplay(selectedDate.value)), 1)) : createCommentVNode("", true),
-            !isCustomDateSelected.value ? (openBlock(), createElementBlock("div", _hoisted_6$p, toDisplayString(getLabel$1("pickDate", "Other date...")), 1)) : createCommentVNode("", true)
-          ], 10, _hoisted_4$q)) : createCommentVNode("", true)
+            isCustomDateSelected.value ? (openBlock(), createElementBlock("div", _hoisted_5$r, toDisplayString(formatDisplay(selectedDate.value)), 1)) : createCommentVNode("", true),
+            !isCustomDateSelected.value ? (openBlock(), createElementBlock("div", _hoisted_6$q, toDisplayString(getLabel$1("pickDate", "Other date...")), 1)) : createCommentVNode("", true)
+          ], 10, _hoisted_4$r)) : createCommentVNode("", true)
         ]),
         modalOpen.value ? (openBlock(), 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))
         }, [
-          createElementVNode("div", _hoisted_7$p, [
-            createElementVNode("div", _hoisted_8$n, [
-              createElementVNode("h3", _hoisted_9$m, toDisplayString(getLabel$1("modalTitle", "Select a delivery date")), 1),
+          createElementVNode("div", _hoisted_7$q, [
+            createElementVNode("div", _hoisted_8$o, [
+              createElementVNode("h3", _hoisted_9$n, toDisplayString(getLabel$1("modalTitle", "Select a delivery date")), 1),
               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__ */ 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__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "FavoriteListItem",
   props: {
     item: {},
@@ -9953,7 +10013,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         "data-type": isProduct() ? "product" : "cluster",
         class: 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 || ""}`)
       }, [
-        createElementVNode("div", _hoisted_2$s, [
+        createElementVNode("div", _hoisted_2$t, [
           renderSlot(_ctx.$slots, getName(), {
             item: __props.item,
             imageUrl: getImageUrl(),
@@ -9972,8 +10032,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 class: "propeller-favorite-list-item__image h-full w-full object-contain",
                 src: getImageUrl(),
                 alt: getName()
-              }, null, 8, _hoisted_4$p)) : createCommentVNode("", true),
-              !getImageUrl() ? (openBlock(), createElementBlock("div", _hoisted_5$p, [..._cache[6] || (_cache[6] = [
+              }, null, 8, _hoisted_4$q)) : createCommentVNode("", true),
+              !getImageUrl() ? (openBlock(), createElementBlock("div", _hoisted_5$q, [..._cache[6] || (_cache[6] = [
                 createElementVNode("svg", {
                   fill: "none",
                   stroke: "currentColor",
@@ -9988,15 +10048,15 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                   })
                 ], -1)
               ])])) : createCommentVNode("", true)
-            ], 8, _hoisted_3$s)) : createCommentVNode("", true),
-            __props.titleLinkable === false ? (openBlock(), createElementBlock("div", _hoisted_6$o, [
+            ], 8, _hoisted_3$t)) : createCommentVNode("", true),
+            __props.titleLinkable === false ? (openBlock(), createElementBlock("div", _hoisted_6$p, [
               !!getImageUrl() ? (openBlock(), 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)) : createCommentVNode("", true),
-              !getImageUrl() ? (openBlock(), createElementBlock("div", _hoisted_8$m, [..._cache[7] || (_cache[7] = [
+              }, null, 8, _hoisted_7$p)) : createCommentVNode("", true),
+              !getImageUrl() ? (openBlock(), createElementBlock("div", _hoisted_8$n, [..._cache[7] || (_cache[7] = [
                 createElementVNode("svg", {
                   fill: "none",
                   stroke: "currentColor",
@@ -10014,7 +10074,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])
         ]),
-        createElementVNode("div", _hoisted_9$l, [
+        createElementVNode("div", _hoisted_9$m, [
           __props.showSku !== false && !!getSku() ? renderSlot(_ctx.$slots, "sku", {
             key: 0,
             item: __props.item,
@@ -10045,7 +10105,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           labels: __props.labels
         }, () => [
           isProduct() && !!getProduct().inventory ? (openBlock(), createElementBlock("div", _hoisted_13$h, [
-            createVNode(_sfc_main$W, {
+            createVNode(_sfc_main$X, {
               inventory: getProduct().inventory,
               showAvailability: __props.showAvailability !== false,
               showStock: __props.showStock !== false,
@@ -10080,7 +10140,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             handleItemClick,
             labels: __props.labels
           }, () => [
-            __props.allowAddToCart !== false && isProduct() && !!__props.graphqlClient ? (openBlock(), createBlock(_sfc_main$Q, {
+            __props.allowAddToCart !== false && isProduct() && !!__props.graphqlClient ? (openBlock(), createBlock(_sfc_main$R, {
               key: 0,
               graphqlClient: __props.graphqlClient,
               user: __props.user || null,
@@ -10130,30 +10190,30 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             ])], 8, _hoisted_20$c)) : 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__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "GridPagination",
   props: {
     products: {},
@@ -10243,34 +10303,34 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         "data-variant": __props.variant || "compact"
       }, [
         showPagination() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          (__props.variant || "compact") === "compact" ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
+          (__props.variant || "compact") === "compact" ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
             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))
-            }, toDisplayString(getLabel2("previous")), 9, _hoisted_3$r),
-            createElementVNode("span", _hoisted_4$o, toDisplayString(getLabel2("page")) + " " + toDisplayString(getCurrentPage()) + " " + toDisplayString(getLabel2("of")) + " " + toDisplayString(getTotalPages()), 1),
+            }, toDisplayString(getLabel2("previous")), 9, _hoisted_3$s),
+            createElementVNode("span", _hoisted_4$p, toDisplayString(getLabel2("page")) + " " + toDisplayString(getCurrentPage()) + " " + toDisplayString(getLabel2("of")) + " " + toDisplayString(getTotalPages()), 1),
             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))
-            }, toDisplayString(getLabel2("next")), 9, _hoisted_5$o)
+            }, toDisplayString(getLabel2("next")), 9, _hoisted_5$p)
           ])) : createCommentVNode("", true),
-          (__props.variant || "compact") === "full" ? (openBlock(), createElementBlock("div", _hoisted_6$n, [
+          (__props.variant || "compact") === "full" ? (openBlock(), createElementBlock("div", _hoisted_6$o, [
             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))
-            }, toDisplayString(getLabel2("previous")), 9, _hoisted_7$n),
+            }, toDisplayString(getLabel2("previous")), 9, _hoisted_7$o),
             (openBlock(true), createElementBlock(Fragment, null, renderList(getFullPages(), (item, idx) => {
               return openBlock(), createElementBlock("div", {
                 key: item.type === "dots" ? `dots-${idx}` : `page-${item.value}`,
                 class: "propeller-grid-pagination__page-wrapper inline-flex"
               }, [
-                item.type === "dots" ? (openBlock(), createElementBlock("span", _hoisted_8$l, " ... ")) : createCommentVNode("", true),
+                item.type === "dots" ? (openBlock(), createElementBlock("span", _hoisted_8$m, " ... ")) : createCommentVNode("", true),
                 item.type === "page" ? (openBlock(), createElementBlock("button", {
                   key: 1,
                   type: "button",
@@ -10279,7 +10339,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   class: 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"
                   )
-                }, toDisplayString(item.value), 11, _hoisted_9$k)) : createCommentVNode("", true)
+                }, toDisplayString(item.value), 11, _hoisted_9$l)) : createCommentVNode("", true)
               ]);
             }), 128)),
             createElementVNode("button", {
@@ -10290,28 +10350,28 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             }, toDisplayString(getLabel2("next")), 9, _hoisted_10$j)
           ])) : createCommentVNode("", true)
         ], 64)) : 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__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FavoriteListDetails",
   props: {
     graphqlClient: {},
@@ -10433,8 +10493,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const infra = useInfraProps(props);
-    const FavoriteListItemImpl = computed(() => props.favoriteListItemComponent ?? _sfc_main$u);
-    const GridPaginationImpl = computed(() => props.gridPaginationComponent ?? _sfc_main$t);
+    const FavoriteListItemImpl = computed(() => props.favoriteListItemComponent ?? _sfc_main$v);
+    const GridPaginationImpl = computed(() => props.gridPaginationComponent ?? _sfc_main$u);
     const loading = ref(true);
     const favoriteList = ref(null);
     const allItems = ref([]);
@@ -10751,7 +10811,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         class: normalizeClass(`propeller-favorite-list-details ${__props.className || ""}`),
         "data-loading": loading.value ? "true" : "false"
       }, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
           (openBlock(), createElementBlock(Fragment, null, renderList([1, 2, 3], (i2, index) => {
             return createElementVNode("div", {
               key: i2,
@@ -10762,16 +10822,16 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           }), 64))
         ])) : createCommentVNode("", true),
         !loading.value && isMounted.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          allItems.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
-            createElementVNode("div", _hoisted_4$n, [
+          allItems.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
+            createElementVNode("div", _hoisted_4$o, [
               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),
-              createElementVNode("label", _hoisted_6$m, toDisplayString(getLabel$1("selectAll", "Select all")), 1)
+              }, null, 40, _hoisted_5$o),
+              createElementVNode("label", _hoisted_6$n, toDisplayString(getLabel$1("selectAll", "Select all")), 1)
             ]),
             (openBlock(true), createElementBlock(Fragment, null, renderList(getPagedItems(), (item, idx) => {
               return openBlock(), createElementBlock("div", {
@@ -10785,8 +10845,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                   checked: isRowSelected(item),
                   onChange: ($event) => toggleRow(item),
                   "aria-label": getLabel$1("selectItem", "Select item")
-                }, null, 40, _hoisted_8$k),
-                createElementVNode("div", _hoisted_9$j, [
+                }, null, 40, _hoisted_8$l),
+                createElementVNode("div", _hoisted_9$k, [
                   (openBlock(), createBlock(resolveDynamicComponent(FavoriteListItemImpl.value), {
                     item,
                     graphqlClient: __props.graphqlClient,
@@ -10818,7 +10878,7 @@ const _sfc_main$s = /* @__PURE__ */ 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 ? (openBlock(), createElementBlock("div", _hoisted_10$i, [
               (openBlock(), createBlock(resolveDynamicComponent(GridPaginationImpl.value), {
@@ -11049,31 +11109,31 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : 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__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FavoriteLists",
   props: {
     user: {},
@@ -11274,7 +11334,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         class: normalizeClass(`propeller-favorite-lists ${__props.className || ""}`),
         "data-loading": unref(loading) ? "true" : "false"
       }, [
-        __props.allowFavoriteListCreate !== false && !unref(loading) && isMounted.value && displayedLists.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
+        __props.allowFavoriteListCreate !== false && !unref(loading) && isMounted.value && displayedLists.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
           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__ */ defineComponent({
             createTextVNode(toDisplayString(getLabel$1("createButton", "Create New List")), 1)
           ])
         ])) : createCommentVNode("", true),
-        unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_3$p, [..._cache[14] || (_cache[14] = [
+        unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_3$q, [..._cache[14] || (_cache[14] = [
           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)
         ])])) : createCommentVNode("", true),
         !unref(loading) && isMounted.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          displayedLists.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$m, [
+          displayedLists.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayedLists.value, (list, index) => {
               return openBlock(), createElementBlock("div", {
                 key: list.id,
@@ -11318,10 +11378,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                   "propeller-favorite-lists__item border border-border rounded-[var(--radius-container)] p-6 hover:bg-surface-hover transition-colors" + (unref(editingListId) !== String(list.id) && __props.onListClick ? " cursor-pointer" : "")
                 )
               }, [
-                createElementVNode("div", _hoisted_6$l, [
-                  createElementVNode("div", _hoisted_7$l, [
-                    unref(editingListId) === String(list.id) ? (openBlock(), createElementBlock("div", _hoisted_8$j, [
-                      createElementVNode("div", _hoisted_9$i, [
+                createElementVNode("div", _hoisted_6$m, [
+                  createElementVNode("div", _hoisted_7$m, [
+                    unref(editingListId) === String(list.id) ? (openBlock(), createElementBlock("div", _hoisted_8$k, [
+                      createElementVNode("div", _hoisted_9$j, [
                         createElementVNode("input", {
                           type: "text",
                           placeholder: getLabel$1("createPlaceholder", "Enter list name"),
@@ -11483,7 +11543,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                     ])], 8, _hoisted_25$a)
                   ])) : createCommentVNode("", true)
                 ])
-              ], 10, _hoisted_5$m);
+              ], 10, _hoisted_5$n);
             }), 128))
           ])) : createCommentVNode("", true),
           displayedLists.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_26$a, [
@@ -11600,31 +11660,31 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : 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__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ForgotPassword",
   props: {
     graphqlClient: {},
@@ -11699,17 +11759,17 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         "data-loading": unref(loading) ? "true" : "false",
         "data-submitted": submitted.value ? "true" : "false"
       }, [
-        resolvedTitle.value ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
-          createElementVNode("h2", _hoisted_3$o, toDisplayString(resolvedTitle.value), 1),
-          __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4$l, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
+        resolvedTitle.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, [
+          createElementVNode("h2", _hoisted_3$p, toDisplayString(resolvedTitle.value), 1),
+          __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4$m, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         !submitted.value ? (openBlock(), createElementBlock("form", {
           key: 1,
           class: "propeller-forgot-password__form space-y-4",
           onSubmit: _cache[1] || (_cache[1] = async (e) => handleSubmit(e))
         }, [
-          createElementVNode("div", _hoisted_5$l, [
-            createElementVNode("label", _hoisted_6$k, toDisplayString(emailLabel.value), 1),
+          createElementVNode("div", _hoisted_5$m, [
+            createElementVNode("label", _hoisted_6$l, toDisplayString(emailLabel.value), 1),
             createElementVNode("input", {
               type: "email",
               id: "forgot-password-email",
@@ -11722,9 +11782,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               placeholder: emailPlaceholder.value,
               required: true,
               disabled: unref(loading)
-            }, null, 40, _hoisted_7$k)
+            }, null, 40, _hoisted_7$l)
           ]),
-          errorMessage.value ? (openBlock(), createElementBlock("div", _hoisted_8$i, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true),
+          errorMessage.value ? (openBlock(), createElementBlock("div", _hoisted_8$j, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true),
           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__ */ defineComponent({
             ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
               createTextVNode(toDisplayString(resolvedButtonText.value), 1)
             ], 64))
-          ], 8, _hoisted_9$h)
+          ], 8, _hoisted_9$i)
         ], 32)) : createCommentVNode("", true),
         submitted.value ? (openBlock(), createElementBlock("div", _hoisted_11$f, [
           _cache[3] || (_cache[3] = createElementVNode("div", { class: "flex justify-center" }, [
@@ -11771,19 +11831,19 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           ], -1)),
           createElementVNode("p", _hoisted_12$f, toDisplayString(resolvedResponseMessage.value), 1)
         ])) : 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__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "GridFilters",
   props: {
     filters: {},
@@ -12027,10 +12087,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         "data-pending": isPending.value ? "true" : "false"
       }, [
         showPriceFilter() && (__props.priceMin !== void 0 || __props.priceMax !== void 0) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("div", _hoisted_2$n, [
-            createElementVNode("h3", _hoisted_3$n, toDisplayString(getLabel$1("priceRange", "Price Range")), 1),
-            createElementVNode("div", _hoisted_4$k, [
-              createElementVNode("div", _hoisted_5$k, [
+          createElementVNode("div", _hoisted_2$o, [
+            createElementVNode("h3", _hoisted_3$o, toDisplayString(getLabel$1("priceRange", "Price Range")), 1),
+            createElementVNode("div", _hoisted_4$l, [
+              createElementVNode("div", _hoisted_5$l, [
                 _cache[14] || (_cache[14] = 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)),
                 createElementVNode("input", {
                   type: "number",
@@ -12041,10 +12101,10 @@ const _sfc_main$p = /* @__PURE__ */ 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] = withKeys((e) => e.target.blur(), ["enter"]))
-                }, null, 40, _hoisted_6$j)
+                }, null, 40, _hoisted_6$k)
               ]),
               _cache[16] || (_cache[16] = createElementVNode("span", { class: "propeller-grid-filters__price-separator text-foreground-subtle text-sm select-none" }, "–", -1)),
-              createElementVNode("div", _hoisted_7$j, [
+              createElementVNode("div", _hoisted_7$k, [
                 _cache[15] || (_cache[15] = 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)),
                 createElementVNode("input", {
                   type: "number",
@@ -12055,10 +12115,10 @@ const _sfc_main$p = /* @__PURE__ */ 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] = withKeys((e) => e.target.blur(), ["enter"]))
-                }, null, 40, _hoisted_8$h)
+                }, null, 40, _hoisted_8$i)
               ])
             ]),
-            createElementVNode("div", _hoisted_9$g, [
+            createElementVNode("div", _hoisted_9$h, [
               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__ */ defineComponent({
             ])) : 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__ */ 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 = ref(false);
+    const gridFiltersProps = computed(() => {
+      const { activeFilterCount, wrapperClassName, labels, ...rest } = props;
+      return rest;
+    });
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") open.value = false;
+    }
+    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 = "";
+      }
+    });
+    onUnmounted(() => {
+      if (typeof document === "undefined") return;
+      document.removeEventListener("keydown", onKey);
+      document.body.style.overflow = "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`propeller-grid-filters-panel w-full lg:w-64 lg:flex-shrink-0 ${__props.wrapperClassName || ""}`)
+      }, [
+        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
+        }, [
+          (openBlock(), createElementBlock("svg", _hoisted_2$n, [..._cache[4] || (_cache[4] = [
+            createElementVNode("path", { d: "M22 3H2l8 9.46V19l4 2v-8.54L22 3z" }, null, -1)
+          ])])),
+          createTextVNode(" " + toDisplayString(getLabel$1("filtersButton", "Filters")) + " ", 1),
+          __props.activeFilterCount && __props.activeFilterCount > 0 ? (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(__props.activeFilterCount), 1)) : createCommentVNode("", true)
+        ], 8, _hoisted_1$n),
+        createElementVNode("div", {
+          class: 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),
+        createElementVNode("div", {
+          class: 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"
+        }, [
+          createElementVNode("div", _hoisted_4$k, [
+            createElementVNode("span", _hoisted_5$k, toDisplayString(getLabel$1("filtersButton", "Filters")), 1),
+            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$1("closeFilters", "Close")
+            }, [
+              (openBlock(), createElementBlock("svg", _hoisted_7$j, [..._cache[5] || (_cache[5] = [
+                createElementVNode("path", { d: "M18 6 6 18M6 6l12 12" }, null, -1)
+              ])]))
+            ], 8, _hoisted_6$j)
+          ]),
+          createElementVNode("div", _hoisted_8$h, [
+            createVNode(_sfc_main$q, mergeProps(gridFiltersProps.value, { labels: __props.labels }), null, 16, ["labels"])
+          ]),
+          createElementVNode("div", _hoisted_9$g, [
+            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)
+            }, toDisplayString(getLabel$1("applyFilters", "Show results")), 1)
+          ])
+        ], 2)
+      ], 2);
     };
   }
 });
@@ -13440,7 +13637,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const OrderItemCardImpl = computed(() => props.orderItemCardComponent ?? _sfc_main$X);
+    const OrderItemCardImpl = computed(() => props.orderItemCardComponent ?? _sfc_main$Y);
     const resolvedCurrency = computed(() => useInfraProps(props).currency);
     const bonusItems = computed(() => {
       const all = props.items ?? props.order?.items ?? [];
@@ -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"
@@ -15065,12 +15262,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const resolvedIncludeTax = computed(
       () => props.includeTax === true ? true : !!infra.includeTax
     );
-    const PriceImpl = computed(() => resolved.value.priceComponent ?? _sfc_main$V);
-    const StockImpl = computed(() => resolved.value.stockComponent ?? _sfc_main$W);
-    const AddToCartImpl = computed(() => resolved.value.addToCartComponent ?? _sfc_main$Q);
-    const ImageImpl = computed(() => resolved.value.imageComponent ?? _sfc_main$D);
-    const BadgesImpl = computed(() => resolved.value.badgesComponent ?? _sfc_main$C);
-    const FavoriteImpl = computed(() => resolved.value.favoriteComponent ?? _sfc_main$P);
+    const PriceImpl = computed(() => resolved.value.priceComponent ?? _sfc_main$W);
+    const StockImpl = computed(() => resolved.value.stockComponent ?? _sfc_main$X);
+    const AddToCartImpl = computed(() => resolved.value.addToCartComponent ?? _sfc_main$R);
+    const ImageImpl = computed(() => resolved.value.imageComponent ?? _sfc_main$E);
+    const BadgesImpl = computed(() => resolved.value.badgesComponent ?? _sfc_main$D);
+    const FavoriteImpl = computed(() => resolved.value.favoriteComponent ?? _sfc_main$Q);
     const isFavorite = ref(false);
     function isRow() {
       return props.columns === 1;
@@ -15326,7 +15523,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                   "show-availability": false,
                   "show-stock": true,
                   labels: props.stockLabels
-                }, null, 8, ["inventory", "labels"])) : (openBlock(), createBlock(_sfc_main$W, {
+                }, null, 8, ["inventory", "labels"])) : (openBlock(), createBlock(_sfc_main$X, {
                   key: 1,
                   inventory: props.product.inventory,
                   showAvailability: false,
@@ -15349,7 +15546,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                     "include-tax": resolvedIncludeTax.value,
                     currency: __props.currency,
                     labels: props.priceLabels
-                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createBlock(_sfc_main$V, {
+                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createBlock(_sfc_main$W, {
                     key: 1,
                     price: __props.product.price,
                     includeTax: resolvedIncludeTax.value,
@@ -15377,7 +15574,7 @@ const _sfc_main$e = /* @__PURE__ */ 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"])) : (openBlock(), 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"])) : (openBlock(), createBlock(_sfc_main$R, {
                   key: 1,
                   graphqlClient: props.graphqlClient,
                   user: props.user,
@@ -15453,7 +15650,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                   "show-availability": props.showAvailability !== false,
                   "show-stock": true,
                   labels: props.stockLabels
-                }, null, 8, ["inventory", "show-availability", "labels"])) : (openBlock(), createBlock(_sfc_main$W, {
+                }, null, 8, ["inventory", "show-availability", "labels"])) : (openBlock(), createBlock(_sfc_main$X, {
                   key: 1,
                   inventory: props.product.inventory,
                   showAvailability: props.showAvailability !== false,
@@ -15491,7 +15688,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                     "include-tax": resolvedIncludeTax.value,
                     currency: __props.currency,
                     labels: props.priceLabels
-                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createBlock(_sfc_main$V, {
+                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createBlock(_sfc_main$W, {
                     key: 1,
                     price: __props.product.price,
                     includeTax: resolvedIncludeTax.value,
@@ -15516,7 +15713,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 "show-availability": props.showAvailability !== false,
                 "show-stock": true,
                 labels: props.stockLabels
-              }, null, 8, ["inventory", "show-availability", "labels"])) : (openBlock(), createBlock(_sfc_main$W, {
+              }, null, 8, ["inventory", "show-availability", "labels"])) : (openBlock(), createBlock(_sfc_main$X, {
                 key: 1,
                 inventory: props.product.inventory,
                 showAvailability: props.showAvailability !== false,
@@ -15539,7 +15736,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                   "include-tax": resolvedIncludeTax.value,
                   currency: __props.currency,
                   labels: props.priceLabels
-                }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createBlock(_sfc_main$V, {
+                }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createBlock(_sfc_main$W, {
                   key: 1,
                   price: __props.product.price,
                   includeTax: resolvedIncludeTax.value,
@@ -15567,7 +15764,7 @@ const _sfc_main$e = /* @__PURE__ */ 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"])) : (openBlock(), 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"])) : (openBlock(), createBlock(_sfc_main$R, {
                 key: 1,
                 graphqlClient: props.graphqlClient,
                 user: props.user,
@@ -15970,7 +16167,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       () => props.productCardComponent ?? _sfc_main$e
     );
     const ClusterCardImpl = computed(
-      () => props.clusterCardComponent ?? _sfc_main$B
+      () => props.clusterCardComponent ?? _sfc_main$C
     );
     const gridConfig = computed(() => ({
       columns: props.columns || 3,
@@ -16359,15 +16556,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const useNewShell = computed(
       () => NEW_SHELL_KEYS.some((k2) => props[k2] !== void 0)
     );
-    const ImageImpl = computed(() => props.imageComponent ?? _sfc_main$D);
-    const BadgesImpl = computed(() => props.badgesComponent ?? _sfc_main$C);
-    const FavoriteImpl = computed(() => props.favoriteComponent ?? _sfc_main$P);
-    const PriceImpl = computed(() => props.priceComponent ?? _sfc_main$V);
-    const StockImpl = computed(() => props.stockComponent ?? _sfc_main$W);
-    const AddToCartImpl = computed(() => props.addToCartComponent ?? _sfc_main$Q);
+    const ImageImpl = computed(() => props.imageComponent ?? _sfc_main$E);
+    const BadgesImpl = computed(() => props.badgesComponent ?? _sfc_main$D);
+    const FavoriteImpl = computed(() => props.favoriteComponent ?? _sfc_main$Q);
+    const PriceImpl = computed(() => props.priceComponent ?? _sfc_main$W);
+    const StockImpl = computed(() => props.stockComponent ?? _sfc_main$X);
+    const AddToCartImpl = computed(() => props.addToCartComponent ?? _sfc_main$R);
     const BundlesImpl = computed(() => props.bundlesComponent ?? _sfc_main$f);
-    const BulkPricesImpl = computed(() => props.bulkPricesComponent ?? _sfc_main$Y);
-    const SurchargesImpl = computed(() => props.surchargesComponent ?? _sfc_main$K);
+    const BulkPricesImpl = computed(() => props.bulkPricesComponent ?? _sfc_main$Z);
+    const SurchargesImpl = computed(() => props.surchargesComponent ?? _sfc_main$L);
     const pdpConfig = computed(() => ({
       columns: 1,
       priceComponent: props.priceComponent,
@@ -16656,7 +16853,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       () => props.productCardComponent ?? _sfc_main$e
     );
     const ClusterCardImpl = computed(
-      () => props.clusterCardComponent ?? _sfc_main$B
+      () => props.clusterCardComponent ?? _sfc_main$C
     );
     const gridConfig = computed(() => ({
       columns: 3,
@@ -17203,8 +17400,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const ProductDescriptionImpl = computed(() => props.productDescriptionComponent ?? _sfc_main$d);
     const ProductSpecificationsImpl = computed(() => props.productSpecificationsComponent ?? _sfc_main$7);
-    const ProductDownloadsImpl = computed(() => props.productDownloadsComponent ?? _sfc_main$Z);
-    const ProductVideosImpl = computed(() => props.productVideosComponent ?? _sfc_main$_);
+    const ProductDownloadsImpl = computed(() => props.productDownloadsComponent ?? _sfc_main$_);
+    const ProductVideosImpl = computed(() => props.productVideosComponent ?? _sfc_main$$);
     const activeTab = ref("description");
     const specsVisited = ref(false);
     const { attributes: fetchedAttributes, fetchSpecs } = useProductSpecs({
@@ -20032,79 +20229,80 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main$S as AccountIconAndMenu,
-  _sfc_main$R as ActionCode,
-  _sfc_main$Q as AddToCart,
-  _sfc_main$P as AddToFavorite,
-  _sfc_main$O as AddressCard,
-  _sfc_main$N as AddressSelector,
+  _sfc_main$T as AccountIconAndMenu,
+  _sfc_main$S as ActionCode,
+  _sfc_main$R as AddToCart,
+  _sfc_main$Q as AddToFavorite,
+  _sfc_main$P as AddressCard,
+  _sfc_main$O as AddressSelector,
   _ as Breadcrumbs,
   C as COUNTRIES,
   a as COUNTRIES_MAP,
-  _sfc_main$M as CartBonusItems,
-  _sfc_main$L as CartCarriers,
-  _sfc_main$I as CartIconAndSidebar,
-  _sfc_main$J as CartItem,
-  _sfc_main$H as CartOverview,
-  _sfc_main$G as CartPaymethods,
-  _sfc_main$F as CartSummary,
-  _sfc_main$E as CategoryDescription,
+  _sfc_main$N as CartBonusItems,
+  _sfc_main$M as CartCarriers,
+  _sfc_main$J as CartIconAndSidebar,
+  _sfc_main$K as CartItem,
+  _sfc_main$I as CartOverview,
+  _sfc_main$H as CartPaymethods,
+  _sfc_main$G as CartSummary,
+  _sfc_main$F as CategoryDescription,
   b as CategoryShortDescription,
-  _sfc_main$B as ClusterCard,
-  _sfc_main$A as ClusterConfigurator,
-  _sfc_main$z as ClusterInfo,
-  _sfc_main$y as ClusterJsonLd,
-  _sfc_main$x as ClusterOptions,
-  _sfc_main$w as CompanySwitcher,
-  _sfc_main$Q as DefaultAddToCart,
-  _sfc_main$P as DefaultAddToFavorite,
-  _sfc_main$W as DefaultItemStock,
-  _sfc_main$C as DefaultProductBadges,
-  _sfc_main$Y as DefaultProductBulkPrices,
+  _sfc_main$C as ClusterCard,
+  _sfc_main$B as ClusterConfigurator,
+  _sfc_main$A as ClusterInfo,
+  _sfc_main$z as ClusterJsonLd,
+  _sfc_main$y as ClusterOptions,
+  _sfc_main$x as CompanySwitcher,
+  _sfc_main$R as DefaultAddToCart,
+  _sfc_main$Q as DefaultAddToFavorite,
+  _sfc_main$X as DefaultItemStock,
+  _sfc_main$D as DefaultProductBadges,
+  _sfc_main$Z as DefaultProductBulkPrices,
   _sfc_main$f as DefaultProductBundles,
-  _sfc_main$D as DefaultProductImage,
-  _sfc_main$V as DefaultProductPrice,
-  _sfc_main$K as DefaultProductSurcharges,
-  _sfc_main$v as DeliveryDate,
-  _sfc_main$s as FavoriteListDetails,
-  _sfc_main$u as FavoriteListItem,
-  _sfc_main$r as FavoriteLists,
-  _sfc_main$q as ForgotPassword,
-  _sfc_main$p as GridFilters,
-  _sfc_main$t as GridPagination,
+  _sfc_main$E as DefaultProductImage,
+  _sfc_main$W as DefaultProductPrice,
+  _sfc_main$L as DefaultProductSurcharges,
+  _sfc_main$w as DeliveryDate,
+  _sfc_main$t as FavoriteListDetails,
+  _sfc_main$v as FavoriteListItem,
+  _sfc_main$s as FavoriteLists,
+  _sfc_main$r as ForgotPassword,
+  _sfc_main$q as GridFilters,
+  _sfc_main$p as GridFiltersPanel,
+  _sfc_main$u as GridPagination,
   c as GridTitle,
   _sfc_main$o as GridToolbar,
   _sfc_main$n as ItemListJsonLd,
-  _sfc_main$W as ItemStock,
+  _sfc_main$X as ItemStock,
   _sfc_main$m as ItemsOverview,
-  _sfc_main$T as LoginForm,
+  _sfc_main$U as LoginForm,
   _sfc_main$l as Menu,
   _sfc_main$k as OrderActions,
   _sfc_main$j as OrderBonusItems,
-  _sfc_main$X as OrderItemCard,
+  _sfc_main$Y as OrderItemCard,
   _sfc_main$i as OrderList,
   _sfc_main$h as OrderShipments,
   f2 as OrderSummary,
   g as OrderTotals,
   _sfc_main$g as PriceToggle,
-  _sfc_main$Y as ProductBulkPrices,
+  _sfc_main$Z as ProductBulkPrices,
   _sfc_main$f as ProductBundles,
   _sfc_main$e as ProductCard,
   _sfc_main$d as ProductDescription,
-  _sfc_main$Z as ProductDownloads,
+  _sfc_main$_ as ProductDownloads,
   _sfc_main$c as ProductGallery,
   _sfc_main$b as ProductGrid,
   ProductGridInjectionKey,
   _sfc_main$a as ProductInfo,
   _sfc_main$9 as ProductJsonLd,
-  _sfc_main$V as ProductPrice,
+  _sfc_main$W as ProductPrice,
   k as ProductShortDescription,
   _sfc_main$8 as ProductSlider,
   _sfc_main$7 as ProductSpecifications,
   _sfc_main$6 as ProductTabs,
-  _sfc_main$_ as ProductVideos,
+  _sfc_main$$ as ProductVideos,
   P2 as PropellerDepsKey,
-  _sfc_main$U as PropellerProvider,
+  _sfc_main$V as PropellerProvider,
   PropellerScopeKey,
   _sfc_main$5 as PurchaseAuthorizationConfigurator,
   _sfc_main$4 as PurchaseAuthorizationRequests,