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

package/dist/index.cjs

@@ -3415,7 +3415,7 @@ const _hoisted_21$j = {
   class: "propeller-account-menu__login-cta text-center py-4"
 };
 const _hoisted_22$j = { class: "propeller-account-menu__login-title text-lg font-semibold mb-2" };
-const _hoisted_23$i = { class: "propeller-account-menu__login-subtitle text-sm text-muted-foreground mb-4" };
+const _hoisted_23$j = { class: "propeller-account-menu__login-subtitle text-sm text-muted-foreground mb-4" };
 const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "AccountIconAndMenu",
   props: {
@@ -3681,7 +3681,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
                 }, null, 40, ["graphqlClient", "cart", "title", "subtitle", "buttonText", "displayForgotPasswordLink", "displayRegisterLink", "displayGuestCheckoutLink", "labels", "onLoginSubmit", "loginLoading", "loginError", "beforeLogin", "afterLogin", "onForgotPasswordClick", "onRegisterClick", "onGuestCheckoutClick", "accountHeaderLoginForm"])) : vue.createCommentVNode("", true),
                 __props.accountHeaderLoginForm === false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$j, [
                   vue.createElementVNode("h4", _hoisted_22$j, vue.toDisplayString(getMenuTitle()), 1),
-                  vue.createElementVNode("p", _hoisted_23$i, vue.toDisplayString(getLabel("loginSubtitle", "Login to access your account")), 1),
+                  vue.createElementVNode("p", _hoisted_23$j, vue.toDisplayString(getLabel("loginSubtitle", "Login to access your account")), 1),
                   vue.createElementVNode("button", {
                     type: "button",
                     class: "propeller-account-menu__login-btn w-full inline-flex justify-center items-center px-4 py-2 rounded-[var(--radius-control)] bg-secondary text-primary-foreground text-sm font-medium hover:bg-secondary/90 transition-colors",
@@ -3875,98 +3875,108 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$L = ["data-loading"];
-const _hoisted_2$K = { class: "propeller-add-to-cart__controls flex items-center gap-2 w-full" };
+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 = {
   key: 0,
-  class: "propeller-add-to-cart__stepper flex items-center border border-input rounded-[var(--radius-control)] bg-card h-10"
+  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 = ["data-toast-type"];
-const _hoisted_10$x = {
+const _hoisted_9$z = {
+  class: "propeller-add-to-cart__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_10$x = ["data-toast-type"];
+const _hoisted_11$t = {
   key: 0,
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   strokeWidth: 2
 };
-const _hoisted_11$t = {
+const _hoisted_12$t = {
   key: 1,
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   strokeWidth: 2
 };
-const _hoisted_12$t = {
+const _hoisted_13$r = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   class: "h-4 w-4",
   strokeWidth: 2
 };
-const _hoisted_13$r = {
+const _hoisted_14$r = {
   key: 1,
   class: "propeller-add-to-cart__modal fixed inset-0 z-50 flex items-center justify-center px-4"
 };
-const _hoisted_14$r = { class: "propeller-add-to-cart__modal-content relative w-full max-w-lg bg-card rounded-[var(--radius-container)] shadow-2xl overflow-hidden" };
-const _hoisted_15$q = { class: "propeller-add-to-cart__modal-header flex items-center gap-3 px-6 py-4 border-b border-border-subtle" };
-const _hoisted_16$p = {
+const _hoisted_15$q = { class: "propeller-add-to-cart__modal-content relative w-full max-w-lg bg-card rounded-[var(--radius-container)] shadow-2xl overflow-hidden" };
+const _hoisted_16$p = { class: "propeller-add-to-cart__modal-header flex items-center gap-3 px-6 py-4 border-b border-border-subtle" };
+const _hoisted_17$p = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   class: "propeller-add-to-cart__modal-success-icon h-5 w-5 flex-shrink-0 text-success",
   strokeWidth: 2
 };
-const _hoisted_17$p = { class: "propeller-add-to-cart__modal-title flex-1 text-base font-semibold text-foreground" };
-const _hoisted_18$n = {
+const _hoisted_18$n = { class: "propeller-add-to-cart__modal-title flex-1 text-base font-semibold text-foreground" };
+const _hoisted_19$m = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   class: "h-5 w-5",
   strokeWidth: 2
 };
-const _hoisted_19$m = { class: "propeller-add-to-cart__modal-body px-6 py-5" };
-const _hoisted_20$k = { class: "propeller-add-to-cart__modal-product flex items-start gap-4" };
-const _hoisted_21$i = ["src", "alt"];
-const _hoisted_22$i = {
+const _hoisted_20$k = { class: "propeller-add-to-cart__modal-body px-6 py-5" };
+const _hoisted_21$i = { class: "propeller-add-to-cart__modal-product flex items-start gap-4" };
+const _hoisted_22$i = ["src", "alt"];
+const _hoisted_23$i = {
   key: 1,
   class: "propeller-add-to-cart__modal-image-placeholder w-16 h-16 flex items-center justify-center rounded border border-border-subtle flex-shrink-0 bg-surface-hover"
 };
-const _hoisted_23$h = {
+const _hoisted_24$h = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   class: "w-8 h-8 text-foreground-subtle",
   strokeWidth: 1.5
 };
-const _hoisted_24$g = { class: "flex-1 min-w-0" };
-const _hoisted_25$g = ["href"];
-const _hoisted_26$g = {
+const _hoisted_25$h = { class: "flex-1 min-w-0" };
+const _hoisted_26$h = ["href"];
+const _hoisted_27$h = {
   key: 0,
   class: "propeller-add-to-cart__modal-sku text-xs text-foreground-subtle mt-0.5"
 };
-const _hoisted_27$g = {
+const _hoisted_28$g = {
   key: 1,
   class: "propeller-add-to-cart__modal-surcharges mt-1 text-xs text-muted-foreground"
 };
-const _hoisted_28$g = { class: "font-medium" };
-const _hoisted_29$f = { class: "propeller-add-to-cart__modal-surcharges-list mt-0.5" };
-const _hoisted_30$f = { class: "flex-shrink-0 text-right" };
-const _hoisted_31$f = { class: "propeller-add-to-cart__modal-quantity text-xs text-muted-foreground" };
-const _hoisted_32$e = {
+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 = {
   key: 1,
   class: "propeller-add-to-cart__modal-price text-sm font-semibold text-foreground mt-0.5"
 };
-const _hoisted_33$d = {
+const _hoisted_34$c = {
   key: 0,
   class: "propeller-add-to-cart__modal-children mt-3 ml-20 space-y-1 border-l-2 border-border-subtle pl-2"
 };
-const _hoisted_34$c = { class: "line-clamp-1" };
-const _hoisted_35$c = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
-const _hoisted_36$c = { class: "propeller-add-to-cart__modal-actions flex gap-3 px-6 py-4 border-t border-border-subtle" };
+const _hoisted_35$c = { class: "line-clamp-1" };
+const _hoisted_36$c = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
+const _hoisted_37$c = { class: "propeller-add-to-cart__modal-actions flex gap-3 px-6 py-4 border-t border-border-subtle" };
 const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "AddToCart",
   props: {
@@ -4187,7 +4197,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
             }, " -", 8, _hoisted_4$G),
             vue.createElementVNode("input", {
               type: "number",
-              class: "propeller-add-to-cart__quantity 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",
+              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",
               min: vue.unref(getMinQuantity)(props.product),
               step: vue.unref(getStep)(props.product),
               value: quantity.value,
@@ -4210,7 +4220,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           __props.allowIncrDecr === false ? (vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
             type: "number",
-            class: "propeller-add-to-cart__quantity w-16 h-10 text-center text-sm border border-input rounded-[var(--radius-control)] focus:ring-2 focus:ring-secondary focus:border-transparent [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
+            class: "propeller-add-to-cart__quantity w-full md:w-16 h-10 text-center text-sm border border-input rounded-[var(--radius-control)] focus:ring-2 focus:ring-secondary focus:border-transparent [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
             min: vue.unref(getMinQuantity)(props.product),
             step: vue.unref(getStep)(props.product),
             value: quantity.value,
@@ -4225,10 +4235,23 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           }, null, 40, _hoisted_7$E)) : vue.createCommentVNode("", true),
           vue.createElementVNode("button", {
             type: "button",
-            class: "propeller-add-to-cart__submit flex-1 inline-flex justify-center items-center 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",
+            class: "propeller-add-to-cart__submit flex-1 basis-full md:basis-auto inline-flex justify-center items-center gap-2 h-10 px-6 border border-transparent text-sm font-medium rounded-[var(--radius-control)] text-primary-foreground bg-secondary hover:bg-secondary/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-secondary disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
             onClick: _cache[4] || (_cache[4] = async (event) => handleAddToCart()),
             disabled: vue.unref(loading)
           }, [
+            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_9$z, [..._cache[11] || (_cache[11] = [
+              vue.createElementVNode("circle", {
+                cx: "8",
+                cy: "21",
+                r: "1"
+              }, null, -1),
+              vue.createElementVNode("circle", {
+                cx: "19",
+                cy: "21",
+                r: "1"
+              }, null, -1),
+              vue.createElementVNode("path", { d: "M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" }, null, -1)
+            ])])),
             vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.createTextVNode(vue.toDisplayString(getLabel("adding", "Adding...")), 1)
             ], 64)) : vue.createCommentVNode("", true),
@@ -4245,14 +4268,14 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(`propeller-add-to-cart__toast-icon flex-shrink-0 w-5 h-5 mt-0.5 ${toastType.value === "success" ? "text-success-foreground" : "text-destructive-foreground"}`)
           }, [
-            toastType.value === "success" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_10$x, [..._cache[11] || (_cache[11] = [
+            toastType.value === "success" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_11$t, [..._cache[12] || (_cache[12] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 d: "M5 13l4 4L19 7"
               }, null, -1)
             ])])) : vue.createCommentVNode("", true),
-            toastType.value === "error" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_11$t, [..._cache[12] || (_cache[12] = [
+            toastType.value === "error" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_12$t, [..._cache[13] || (_cache[13] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -4268,7 +4291,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[5] || (_cache[5] = async (event) => dismissToast()),
             class: vue.normalizeClass(`propeller-add-to-cart__toast-close flex-shrink-0 rounded focus:outline-none ${toastType.value === "success" ? "text-success-foreground hover:text-success-foreground/80" : "text-destructive-foreground hover:text-destructive-foreground/80"}`)
           }, [
-            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_12$t, [..._cache[13] || (_cache[13] = [
+            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_13$r, [..._cache[14] || (_cache[14] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -4276,28 +4299,28 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
               }, null, -1)
             ])]))
           ], 2)
-        ], 10, _hoisted_9$z)) : vue.createCommentVNode("", true),
-        modalVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$r, [
+        ], 10, _hoisted_10$x)) : vue.createCommentVNode("", true),
+        modalVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$r, [
           vue.createElementVNode("div", {
             class: "propeller-add-to-cart__modal-backdrop fixed inset-0 bg-foreground/20",
             onClick: _cache[6] || (_cache[6] = async (event) => closeModal())
           }),
-          vue.createElementVNode("div", _hoisted_14$r, [
-            vue.createElementVNode("div", _hoisted_15$q, [
-              (vue.openBlock(), vue.createElementBlock("svg", _hoisted_16$p, [..._cache[14] || (_cache[14] = [
+          vue.createElementVNode("div", _hoisted_15$q, [
+            vue.createElementVNode("div", _hoisted_16$p, [
+              (vue.openBlock(), vue.createElementBlock("svg", _hoisted_17$p, [..._cache[15] || (_cache[15] = [
                 vue.createElementVNode("path", {
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
                   d: "M5 13l4 4L19 7"
                 }, null, -1)
               ])])),
-              vue.createElementVNode("h3", _hoisted_17$p, vue.toDisplayString(getLabel("modalTitle", "Added to cart")), 1),
+              vue.createElementVNode("h3", _hoisted_18$n, vue.toDisplayString(getLabel("modalTitle", "Added to cart")), 1),
               vue.createElementVNode("button", {
                 type: "button",
                 class: "propeller-add-to-cart__modal-close flex-shrink-0 text-foreground-subtle hover:text-muted-foreground focus:outline-none",
                 onClick: _cache[7] || (_cache[7] = async (event) => closeModal())
               }, [
-                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_18$n, [..._cache[15] || (_cache[15] = [
+                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_19$m, [..._cache[16] || (_cache[16] = [
                   vue.createElementVNode("path", {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -4306,16 +4329,16 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                 ])]))
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_19$m, [
-              vue.createElementVNode("div", _hoisted_20$k, [
+            vue.createElementVNode("div", _hoisted_20$k, [
+              vue.createElementVNode("div", _hoisted_21$i, [
                 !!getModalImageUrl() ? (vue.openBlock(), vue.createElementBlock("img", {
                   key: 0,
                   class: "propeller-add-to-cart__modal-image w-16 h-16 object-contain rounded border border-border-subtle flex-shrink-0",
                   src: getModalImageUrl(),
                   alt: getModalName()
-                }, null, 8, _hoisted_21$i)) : vue.createCommentVNode("", true),
-                !getModalImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22$i, [
-                  (vue.openBlock(), vue.createElementBlock("svg", _hoisted_23$h, [..._cache[16] || (_cache[16] = [
+                }, null, 8, _hoisted_22$i)) : vue.createCommentVNode("", true),
+                !getModalImageUrl() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$i, [
+                  (vue.openBlock(), vue.createElementBlock("svg", _hoisted_24$h, [..._cache[17] || (_cache[17] = [
                     vue.createElementVNode("path", {
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
@@ -4323,15 +4346,15 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                     }, null, -1)
                   ])]))
                 ])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", _hoisted_24$g, [
+                vue.createElementVNode("div", _hoisted_25$h, [
                   vue.createElementVNode("a", {
                     class: "propeller-add-to-cart__modal-product-title text-sm font-medium text-secondary leading-tight hover:underline line-clamp-2",
                     href: getProductUrl()
-                  }, vue.toDisplayString(getModalName()), 9, _hoisted_25$g),
-                  !!getModalSku() ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_26$g, " SKU: " + vue.toDisplayString(getModalSku()), 1)) : vue.createCommentVNode("", true),
-                  getModalSurcharges().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$g, [
-                    vue.createElementVNode("span", _hoisted_28$g, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
-                    vue.createElementVNode("ul", _hoisted_29$f, [
+                  }, vue.toDisplayString(getModalName()), 9, _hoisted_26$h),
+                  !!getModalSku() ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_27$h, " SKU: " + vue.toDisplayString(getModalSku()), 1)) : vue.createCommentVNode("", true),
+                  getModalSurcharges().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$g, [
+                    vue.createElementVNode("span", _hoisted_29$f, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
+                    vue.createElementVNode("ul", _hoisted_30$f, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getModalSurcharges(), (line, idx) => {
                         return vue.openBlock(), vue.createElementBlock("li", {
                           key: idx,
@@ -4341,8 +4364,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ])) : vue.createCommentVNode("", true)
                 ]),
-                vue.createElementVNode("div", _hoisted_30$f, [
-                  vue.createElementVNode("p", _hoisted_31$f, vue.toDisplayString(getLabel("quantity", "Quantity")) + ": " + vue.toDisplayString(quantity.value), 1),
+                vue.createElementVNode("div", _hoisted_31$f, [
+                  vue.createElementVNode("p", _hoisted_32$e, vue.toDisplayString(getLabel("quantity", "Quantity")) + ": " + vue.toDisplayString(quantity.value), 1),
                   !!getModalPrice() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                       key: 0,
@@ -4350,23 +4373,23 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                       "include-tax": resolvedIncludeTax.value,
                       currency: __props.currency,
                       labels: __props.labels
-                    }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_32$e, vue.toDisplayString(getModalPrice()), 1))
+                    }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_33$d, vue.toDisplayString(getModalPrice()), 1))
                   ], 64)) : vue.createCommentVNode("", true)
                 ])
               ]),
-              getChildItems().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_33$d, [
+              getChildItems().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_34$c, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getChildItems(), (child, idx) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: idx,
                     class: "propeller-add-to-cart__modal-child flex justify-between items-center text-xs text-muted-foreground"
                   }, [
-                    vue.createElementVNode("span", _hoisted_34$c, vue.toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
-                    vue.createElementVNode("span", _hoisted_35$c, vue.toDisplayString(getChildItemPrice(child)), 1)
+                    vue.createElementVNode("span", _hoisted_35$c, vue.toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
+                    vue.createElementVNode("span", _hoisted_36$c, vue.toDisplayString(getChildItemPrice(child)), 1)
                   ]);
                 }), 128))
               ])) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_36$c, [
+            vue.createElementVNode("div", _hoisted_37$c, [
               vue.createElementVNode("button", {
                 type: "button",
                 class: "propeller-add-to-cart__modal-continue flex-1 inline-flex justify-center rounded-[var(--radius-control)] border border-input bg-card px-4 py-2 text-sm font-medium text-muted-foreground hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-secondary focus:ring-offset-2",
@@ -4769,11 +4792,11 @@ const _hoisted_19$k = { class: "block text-sm font-medium mb-1" };
 const _hoisted_20$i = ["value"];
 const _hoisted_21$h = { value: "M" };
 const _hoisted_22$h = { value: "F" };
-const _hoisted_23$g = { value: "U" };
-const _hoisted_24$f = { class: "block text-sm font-medium mb-1" };
-const _hoisted_25$f = ["value"];
-const _hoisted_26$f = { class: "grid grid-cols-3 gap-4" };
-const _hoisted_27$f = { class: "block text-sm font-medium mb-1" };
+const _hoisted_23$h = { value: "U" };
+const _hoisted_24$g = { class: "block text-sm font-medium mb-1" };
+const _hoisted_25$g = ["value"];
+const _hoisted_26$g = { class: "grid grid-cols-3 gap-4" };
+const _hoisted_27$g = { class: "block text-sm font-medium mb-1" };
 const _hoisted_28$f = ["value"];
 const _hoisted_29$e = { class: "block text-sm font-medium mb-1" };
 const _hoisted_30$e = ["value"];
@@ -5185,11 +5208,11 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                   }, [
                     vue.createElementVNode("option", _hoisted_21$h, vue.toDisplayString(getLabel("genderMale", "Male")), 1),
                     vue.createElementVNode("option", _hoisted_22$h, vue.toDisplayString(getLabel("genderFemale", "Female")), 1),
-                    vue.createElementVNode("option", _hoisted_23$g, vue.toDisplayString(getLabel("genderOther", "Other")), 1)
+                    vue.createElementVNode("option", _hoisted_23$h, vue.toDisplayString(getLabel("genderOther", "Other")), 1)
                   ], 40, _hoisted_20$i)
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_24$f, vue.toDisplayString(getLabel("company", "Company")), 1),
+                  vue.createElementVNode("label", _hoisted_24$g, vue.toDisplayString(getLabel("company", "Company")), 1),
                   vue.createElementVNode("input", {
                     type: "text",
                     class: "propeller-address-card__input w-full h-10 px-3 rounded-[var(--radius-control)] border border-input",
@@ -5197,12 +5220,12 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
                     onChange: _cache[4] || (_cache[4] = async (e) => {
                       editCompany.value = e.target.value;
                     })
-                  }, null, 40, _hoisted_25$f)
+                  }, null, 40, _hoisted_25$g)
                 ])
               ]),
-              vue.createElementVNode("div", _hoisted_26$f, [
+              vue.createElementVNode("div", _hoisted_26$g, [
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_27$f, vue.toDisplayString(getLabel("firstName", "First Name")) + " *", 1),
+                  vue.createElementVNode("label", _hoisted_27$g, vue.toDisplayString(getLabel("firstName", "First Name")) + " *", 1),
                   vue.createElementVNode("input", {
                     type: "text",
                     class: "propeller-address-card__input w-full h-10 px-3 rounded-[var(--radius-control)] border border-input",
@@ -6101,11 +6124,11 @@ const _hoisted_19$j = { class: "font-semibold text-foreground" };
 const _hoisted_20$h = { class: "propeller-cart-item__options mt-3 space-y-1.5 border-l-2 border-border pl-3" };
 const _hoisted_21$g = { class: "propeller-cart-item__options-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-1" };
 const _hoisted_22$g = { class: "font-medium" };
-const _hoisted_23$f = { class: "text-foreground-subtle text-xs self-center" };
-const _hoisted_24$e = { class: "font-semibold text-foreground" };
-const _hoisted_25$e = { class: "propeller-cart-item__notes mt-3" };
-const _hoisted_26$e = { class: "propeller-cart-item__notes-label text-xs font-medium text-muted-foreground block mb-1" };
-const _hoisted_27$e = ["value", "placeholder"];
+const _hoisted_23$g = { class: "text-foreground-subtle text-xs self-center" };
+const _hoisted_24$f = { class: "font-semibold text-foreground" };
+const _hoisted_25$f = { class: "propeller-cart-item__notes mt-3" };
+const _hoisted_26$f = { class: "propeller-cart-item__notes-label text-xs font-medium text-muted-foreground block mb-1" };
+const _hoisted_27$f = ["value", "placeholder"];
 const _hoisted_28$e = { class: "propeller-cart-item__crossupsells mt-3 pt-3 border-t border-border" };
 const _hoisted_29$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" };
@@ -6207,8 +6230,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     priceComponent: {},
     stockComponent: {},
     surchargesComponent: {},
-    cardFrame: { type: Boolean },
-    showDelete: { type: Boolean },
+    cardFrame: { type: Boolean, default: true },
+    showDelete: { type: Boolean, default: true },
     readOnlyQuantity: { type: Boolean },
     onTitleClick: {}
   },
@@ -6603,9 +6626,9 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                 }, [
                   vue.createElementVNode("span", _hoisted_22$g, vue.toDisplayString(child.product.names?.[0]?.value || "Option"), 1),
                   _cache[10] || (_cache[10] = vue.createElementVNode("span", { class: "text-foreground-subtle hidden sm:inline" }, "-", -1)),
-                  vue.createElementVNode("span", _hoisted_23$f, vue.toDisplayString(child.product.sku), 1),
+                  vue.createElementVNode("span", _hoisted_23$g, vue.toDisplayString(child.product.sku), 1),
                   _cache[11] || (_cache[11] = vue.createElementVNode("div", { class: "flex-1 border-b border-dotted border-input mx-1 mb-1" }, null, -1)),
-                  vue.createElementVNode("span", _hoisted_24$e, vue.toDisplayString(getChildItemPrice(child)), 1)
+                  vue.createElementVNode("span", _hoisted_24$f, vue.toDisplayString(getChildItemPrice(child)), 1)
                 ]);
               }), 128))
             ])
@@ -6616,15 +6639,15 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             notes: notes.value,
             onNoteChange: (value) => handleNoteChange(value)
           }, () => [
-            vue.createElementVNode("div", _hoisted_25$e, [
-              vue.createElementVNode("label", _hoisted_26$e, vue.toDisplayString(getLabel("notes", "Notes")), 1),
+            vue.createElementVNode("div", _hoisted_25$f, [
+              vue.createElementVNode("label", _hoisted_26$f, vue.toDisplayString(getLabel("notes", "Notes")), 1),
               vue.createElementVNode("textarea", {
                 class: "propeller-cart-item__notes-input w-full text-sm border border-input rounded-[var(--radius-control)] px-3 py-2 focus:ring-2 focus:ring-secondary focus:border-transparent resize-none",
                 value: notes.value,
                 onChange: _cache[1] || (_cache[1] = async (e) => handleNoteChange(e.target.value)),
                 placeholder: getLabel("notesPlaceholder", "Add a note for this item..."),
                 rows: 2
-              }, null, 40, _hoisted_27$e)
+              }, null, 40, _hoisted_27$f)
             ])
           ]) : vue.createCommentVNode("", true),
           getVisibleCrossupsells().length > 0 ? vue.renderSlot(_ctx.$slots, "crossupsells", {
@@ -6850,9 +6873,9 @@ const _hoisted_21$f = {
   strokeWidth: 1.5
 };
 const _hoisted_22$f = { class: "propeller-cart-icon__empty-message text-sm text-muted-foreground" };
-const _hoisted_23$e = { class: "propeller-cart-icon__item-media w-20 h-20 flex-shrink-0 bg-surface-hover rounded-[var(--radius-control)] overflow-hidden border border-border-subtle flex items-center justify-center" };
-const _hoisted_24$d = ["src", "alt"];
-const _hoisted_25$d = {
+const _hoisted_23$f = { class: "propeller-cart-icon__item-media w-20 h-20 flex-shrink-0 bg-surface-hover rounded-[var(--radius-control)] overflow-hidden border border-border-subtle flex items-center justify-center" };
+const _hoisted_24$e = ["src", "alt"];
+const _hoisted_25$e = {
   key: 1,
   fill: "none",
   viewBox: "0 0 24 24",
@@ -6860,11 +6883,11 @@ const _hoisted_25$d = {
   class: "w-8 h-8 text-foreground-subtle",
   strokeWidth: 1.5
 };
-const _hoisted_26$d = {
+const _hoisted_26$e = {
   key: 0,
   class: "propeller-cart-icon__item-name text-sm font-medium line-clamp-2"
 };
-const _hoisted_27$d = ["href"];
+const _hoisted_27$e = ["href"];
 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"
@@ -7143,14 +7166,14 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                     className: "propeller-cart-icon__item"
                   }, {
                     image: vue.withCtx(({ cartItem: rowCartItem }) => [
-                      vue.createElementVNode("div", _hoisted_23$e, [
+                      vue.createElementVNode("div", _hoisted_23$f, [
                         !!rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url ? (vue.openBlock(), vue.createElementBlock("img", {
                           key: 0,
                           class: "propeller-cart-icon__item-image w-full h-full object-contain p-2",
                           src: rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url,
                           alt: rowCartItem.product?.names?.[0]?.value || "Product"
-                        }, null, 8, _hoisted_24$d)) : vue.createCommentVNode("", true),
-                        !rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_25$d, [..._cache[15] || (_cache[15] = [
+                        }, null, 8, _hoisted_24$e)) : vue.createCommentVNode("", true),
+                        !rowCartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_25$e, [..._cache[15] || (_cache[15] = [
                           vue.createElementVNode("path", {
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
@@ -7160,13 +7183,13 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                       ])
                     ]),
                     title: vue.withCtx(({ isBundle, name, bundleName, productUrl }) => [
-                      isBundle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_26$d, vue.toDisplayString(bundleName), 1)) : vue.createCommentVNode("", true),
+                      isBundle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_26$e, vue.toDisplayString(bundleName), 1)) : vue.createCommentVNode("", true),
                       !isBundle ? (vue.openBlock(), vue.createElementBlock("a", {
                         key: 1,
                         class: "propeller-cart-icon__item-name text-sm font-medium hover:text-primary line-clamp-2",
                         href: productUrl,
                         onClick: _cache[6] || (_cache[6] = (_e) => closeSidebar())
-                      }, vue.toDisplayString(name), 9, _hoisted_27$d)) : vue.createCommentVNode("", true)
+                      }, vue.toDisplayString(name), 9, _hoisted_27$e)) : vue.createCommentVNode("", true)
                     ]),
                     _: 1
                   }, 40, ["cartItem", "cartId", "graphqlClient", "user", "language", "configuration", "companyId", "onTitleClick"]);
@@ -7286,17 +7309,17 @@ const _hoisted_20$f = {
 };
 const _hoisted_21$e = { class: "font-medium" };
 const _hoisted_22$e = { class: "space-y-4 mt-6" };
-const _hoisted_23$d = {
+const _hoisted_23$e = {
   key: 0,
   class: "space-y-2"
 };
-const _hoisted_24$c = { class: "text-sm font-medium" };
-const _hoisted_25$c = ["value", "placeholder"];
-const _hoisted_26$c = {
+const _hoisted_24$d = { class: "text-sm font-medium" };
+const _hoisted_25$d = ["value", "placeholder"];
+const _hoisted_26$d = {
   key: 1,
   class: "space-y-2"
 };
-const _hoisted_27$c = { class: "text-sm font-medium" };
+const _hoisted_27$d = { class: "text-sm font-medium" };
 const _hoisted_28$c = ["value", "placeholder"];
 const _hoisted_29$b = {
   key: 2,
@@ -7463,8 +7486,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
           ])) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("div", _hoisted_22$e, [
-          showReference.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$d, [
-            vue.createElementVNode("label", _hoisted_24$c, vue.toDisplayString(getLabel("referenceLabel", "Reference (Optional)")), 1),
+          showReference.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$e, [
+            vue.createElementVNode("label", _hoisted_24$d, vue.toDisplayString(getLabel("referenceLabel", "Reference (Optional)")), 1),
             vue.createElementVNode("input", {
               type: "text",
               class: "propeller-cart-overview__input flex w-full rounded-[var(--radius-control)] border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-secondary",
@@ -7474,10 +7497,10 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
               )),
               placeholder: getLabel("referencePlaceholder", "Your reference number"),
               maxLength: 255
-            }, null, 40, _hoisted_25$c)
+            }, null, 40, _hoisted_25$d)
           ])) : vue.createCommentVNode("", true),
-          showNotes.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$c, [
-            vue.createElementVNode("label", _hoisted_27$c, vue.toDisplayString(getLabel("notesLabel", "Order Notes (Optional)")), 1),
+          showNotes.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$d, [
+            vue.createElementVNode("label", _hoisted_27$d, vue.toDisplayString(getLabel("notesLabel", "Order Notes (Optional)")), 1),
             vue.createElementVNode("textarea", {
               class: "propeller-cart-overview__textarea flex w-full rounded-[var(--radius-control)] border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-secondary min-h-[80px]",
               value: notes.value,
@@ -7681,7 +7704,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$c = ["disabled"];
+const _hoisted_23$d = ["disabled"];
 const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "CartSummary",
   props: {
@@ -7893,7 +7916,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
           !requestLoading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createTextVNode(vue.toDisplayString(getLabel("requestAuthorizationButton", "Request Authorization")), 1)
           ], 64)) : vue.createCommentVNode("", true)
-        ], 8, _hoisted_23$c)) : vue.createCommentVNode("", true)
+        ], 8, _hoisted_23$d)) : vue.createCommentVNode("", true)
       ]);
     };
   }
@@ -8111,14 +8134,14 @@ const _hoisted_19$f = { class: "propeller-cluster-card__body flex flex-1 flex-co
 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$b = { class: "propeller-cluster-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_24$b = { class: "propeller-cluster-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_25$b = { class: "propeller-cluster-card__price mt-auto pt-1" };
-const _hoisted_26$b = {
+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 = {
   key: 1,
   class: "font-bold text-foreground text-base sm:text-lg"
 };
-const _hoisted_27$b = { class: "propeller-cluster-card__cta px-3 pb-3 sm:px-4 sm:pb-4" };
+const _hoisted_27$c = { class: "propeller-cluster-card__cta px-3 pb-3 sm:px-4 sm:pb-4" };
 const _hoisted_28$b = ["href"];
 const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "ClusterCard",
@@ -8544,14 +8567,14 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               cluster: __props.cluster,
               manufacturer: getClusterManufacturer()
             }, () => [
-              vue.createElementVNode("div", _hoisted_23$b, vue.toDisplayString(getClusterManufacturer()), 1)
+              vue.createElementVNode("div", _hoisted_23$c, vue.toDisplayString(getClusterManufacturer()), 1)
             ]) : vue.createCommentVNode("", true),
             __props.showShortDescription && !!getClusterShortDescription() ? vue.renderSlot(_ctx.$slots, "shortDescription", {
               key: 5,
               cluster: __props.cluster,
               text: getClusterShortDescription()
             }, () => [
-              vue.createElementVNode("p", _hoisted_24$b, vue.toDisplayString(getClusterShortDescription()), 1)
+              vue.createElementVNode("p", _hoisted_24$c, vue.toDisplayString(getClusterShortDescription()), 1)
             ]) : vue.createCommentVNode("", true),
             !!getClusterPrice() ? vue.renderSlot(_ctx.$slots, "price", {
               key: 6,
@@ -8561,18 +8584,18 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
               currency: __props.currency,
               labels: __props.labels
             }, () => [
-              vue.createElementVNode("div", _hoisted_25$b, [
+              vue.createElementVNode("div", _hoisted_25$c, [
                 props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                   key: 0,
                   price: __props.cluster.defaultProduct?.price,
                   "include-tax": resolvedIncludeTax.value,
                   currency: __props.currency,
                   labels: __props.labels
-                }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_26$b, vue.toDisplayString(getClusterPrice()), 1))
+                }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_26$c, vue.toDisplayString(getClusterPrice()), 1))
               ])
             ]) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_27$b, [
+          vue.createElementVNode("div", _hoisted_27$c, [
             vue.renderSlot(_ctx.$slots, "viewClusterLink", {
               cluster: __props.cluster,
               clusterUrl: getClusterUrl(),
@@ -10314,11 +10337,11 @@ const _hoisted_19$c = {
 const _hoisted_20$b = { class: "propeller-favorite-list-details__floating-bar-count text-sm text-foreground-subtle ml-3" };
 const _hoisted_21$b = { class: "propeller-favorite-list-details__floating-bar-actions flex items-center gap-3" };
 const _hoisted_22$b = ["disabled"];
-const _hoisted_23$a = ["disabled"];
-const _hoisted_24$a = { class: "propeller-favorite-list-details__modal-header border-b border-border px-6 py-4" };
-const _hoisted_25$a = { class: "propeller-favorite-list-details__modal-title text-lg font-bold" };
-const _hoisted_26$a = { class: "propeller-favorite-list-details__modal-body px-6 py-4 space-y-4" };
-const _hoisted_27$a = { class: "propeller-favorite-list-details__search-input-wrapper relative" };
+const _hoisted_23$b = ["disabled"];
+const _hoisted_24$b = { class: "propeller-favorite-list-details__modal-header border-b border-border px-6 py-4" };
+const _hoisted_25$b = { class: "propeller-favorite-list-details__modal-title text-lg font-bold" };
+const _hoisted_26$b = { class: "propeller-favorite-list-details__modal-body px-6 py-4 space-y-4" };
+const _hoisted_27$b = { class: "propeller-favorite-list-details__search-input-wrapper relative" };
 const _hoisted_28$a = ["placeholder", "value"];
 const _hoisted_29$a = ["aria-label"];
 const _hoisted_30$a = { class: "propeller-favorite-list-details__search-results max-h-80 overflow-y-auto" };
@@ -10888,7 +10911,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })
                 ], -1)),
                 vue.createTextVNode(" " + vue.toDisplayString(getLabel("addToCart", "Add to cart")), 1)
-              ], 8, _hoisted_23$a)
+              ], 8, _hoisted_23$b)
             ])
           ])
         ])) : vue.createCommentVNode("", true),
@@ -10902,11 +10925,11 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[8] || (_cache[8] = vue.withModifiers(() => {
             }, ["stop"]))
           }, [
-            vue.createElementVNode("div", _hoisted_24$a, [
-              vue.createElementVNode("h2", _hoisted_25$a, vue.toDisplayString(getLabel("addProductModalTitle", "Add product to list")), 1)
+            vue.createElementVNode("div", _hoisted_24$b, [
+              vue.createElementVNode("h2", _hoisted_25$b, vue.toDisplayString(getLabel("addProductModalTitle", "Add product to list")), 1)
             ]),
-            vue.createElementVNode("div", _hoisted_26$a, [
-              vue.createElementVNode("div", _hoisted_27$a, [
+            vue.createElementVNode("div", _hoisted_26$b, [
+              vue.createElementVNode("div", _hoisted_27$b, [
                 _cache[14] || (_cache[14] = vue.createElementVNode("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   width: "16",
@@ -11076,17 +11099,17 @@ const _hoisted_22$a = {
   key: 1,
   class: "flex items-center gap-1"
 };
-const _hoisted_23$9 = {
+const _hoisted_23$a = {
   key: 0,
   class: "propeller-favorite-lists__actions flex gap-2"
 };
-const _hoisted_24$9 = ["title", "onClick"];
-const _hoisted_25$9 = ["title", "onClick"];
-const _hoisted_26$9 = {
+const _hoisted_24$a = ["title", "onClick"];
+const _hoisted_25$a = ["title", "onClick"];
+const _hoisted_26$a = {
   key: 1,
   class: "propeller-favorite-lists__empty border border-border rounded-[var(--radius-container)] p-12 text-center space-y-4"
 };
-const _hoisted_27$9 = { class: "propeller-favorite-lists__empty-title text-lg font-medium" };
+const _hoisted_27$a = { class: "propeller-favorite-lists__empty-title text-lg font-medium" };
 const _hoisted_28$9 = { class: "propeller-favorite-lists__empty-message text-muted-foreground" };
 const _hoisted_29$9 = {
   key: 3,
@@ -11410,7 +11433,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                       ])
                     ])) : vue.createCommentVNode("", true)
                   ]),
-                  __props.showActions !== false && vue.unref(editingListId) !== String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$9, [
+                  __props.showActions !== false && vue.unref(editingListId) !== String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$a, [
                     vue.createElementVNode("button", {
                       title: getLabel("editTooltip", "Edit"),
                       class: "propeller-favorite-lists__edit-btn h-8 w-8 p-0 inline-flex items-center justify-center rounded-[var(--radius-control)] text-muted-foreground hover:text-muted-foreground hover:bg-surface-hover",
@@ -11433,7 +11456,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                         vue.createElementVNode("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" }),
                         vue.createElementVNode("path", { d: "m15 5 4 4" })
                       ], -1)
-                    ])], 8, _hoisted_24$9),
+                    ])], 8, _hoisted_24$a),
                     vue.createElementVNode("button", {
                       title: getLabel("deleteTooltip", "Delete"),
                       class: "propeller-favorite-lists__delete-btn h-8 w-8 p-0 inline-flex items-center justify-center rounded-[var(--radius-control)] text-destructive hover:text-destructive hover:bg-destructive/10",
@@ -11457,13 +11480,13 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                         vue.createElementVNode("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
                         vue.createElementVNode("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
                       ], -1)
-                    ])], 8, _hoisted_25$9)
+                    ])], 8, _hoisted_25$a)
                   ])) : vue.createCommentVNode("", true)
                 ])
               ], 10, _hoisted_5$m);
             }), 128))
           ])) : vue.createCommentVNode("", true),
-          displayedLists.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$9, [
+          displayedLists.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$a, [
             _cache[19] || (_cache[19] = vue.createElementVNode("div", { class: "propeller-favorite-lists__empty-icon-wrapper bg-surface-hover p-4 rounded-full w-16 h-16 flex items-center justify-center mx-auto" }, [
               vue.createElementVNode("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -11481,7 +11504,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               ])
             ], -1)),
             vue.createElementVNode("div", null, [
-              vue.createElementVNode("p", _hoisted_27$9, vue.toDisplayString(getLabel("noLists", "No favorite lists")), 1),
+              vue.createElementVNode("p", _hoisted_27$a, vue.toDisplayString(getLabel("noLists", "No favorite lists")), 1),
               vue.createElementVNode("p", _hoisted_28$9, vue.toDisplayString(getLabel(
                 "noListsDescription",
                 "Start by creating a new list to save your items."
@@ -12498,17 +12521,17 @@ const _hoisted_22$9 = {
   key: 0,
   class: "propeller-items-overview__item-sku text-xs text-muted-foreground mt-0.5"
 };
-const _hoisted_23$8 = {
+const _hoisted_23$9 = {
   key: 1,
   class: "propeller-items-overview__item-surcharges mt-1 text-xs text-muted-foreground"
 };
-const _hoisted_24$8 = { class: "font-medium" };
-const _hoisted_25$8 = { class: "propeller-items-overview__item-surcharges-list mt-0.5" };
-const _hoisted_26$8 = {
+const _hoisted_24$9 = { class: "font-medium" };
+const _hoisted_25$9 = { class: "propeller-items-overview__item-surcharges-list mt-0.5" };
+const _hoisted_26$9 = {
   key: 2,
   class: "propeller-items-overview__item-options mt-1.5 space-y-1 border-l-2 border-border-subtle pl-2"
 };
-const _hoisted_27$8 = { class: "line-clamp-1" };
+const _hoisted_27$9 = { class: "line-clamp-1" };
 const _hoisted_28$8 = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
 const _hoisted_29$8 = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-1" };
 const _hoisted_30$8 = ["data-in-stock"];
@@ -12724,9 +12747,9 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                       showPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_21$9, vue.toDisplayString(formatItemPrice(getItemTotalPrice(item))), 1)) : vue.createCommentVNode("", true)
                     ]),
                     showSku.value && getItemSku(item) ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_22$9, " SKU: " + vue.toDisplayString(getItemSku(item)), 1)) : vue.createCommentVNode("", true),
-                    getItemSurcharges(item).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$8, [
-                      vue.createElementVNode("span", _hoisted_24$8, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
-                      vue.createElementVNode("ul", _hoisted_25$8, [
+                    getItemSurcharges(item).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$9, [
+                      vue.createElementVNode("span", _hoisted_24$9, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
+                      vue.createElementVNode("ul", _hoisted_25$9, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getItemSurcharges(item), (line, idx) => {
                           return vue.openBlock(), vue.createElementBlock("li", {
                             key: idx,
@@ -12735,13 +12758,13 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                         }), 128))
                       ])
                     ])) : vue.createCommentVNode("", true),
-                    getItemChildItems(item).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$8, [
+                    getItemChildItems(item).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26$9, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getItemChildItems(item), (child, idx) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
                           key: idx,
                           class: "propeller-items-overview__item-option flex justify-between items-center text-xs text-muted-foreground"
                         }, [
-                          vue.createElementVNode("span", _hoisted_27$8, vue.toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
+                          vue.createElementVNode("span", _hoisted_27$9, vue.toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
                           vue.createElementVNode("span", _hoisted_28$8, vue.toDisplayString(formatItemPrice(child.totalSum || 0)), 1)
                         ]);
                       }), 128))
@@ -12819,15 +12842,15 @@ const _hoisted_19$8 = { class: "propeller-menu__tabs flex items-center border-b
 const _hoisted_20$8 = ["data-active", "onMouseenter", "onClick"];
 const _hoisted_21$8 = { class: "propeller-menu__label" };
 const _hoisted_22$8 = ["onMouseenter"];
-const _hoisted_23$7 = { class: "propeller-menu__panel-grid grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" };
-const _hoisted_24$7 = ["href", "onClick"];
-const _hoisted_25$7 = { class: "propeller-menu__label" };
-const _hoisted_26$7 = {
+const _hoisted_23$8 = { class: "propeller-menu__panel-grid grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" };
+const _hoisted_24$8 = ["href", "onClick"];
+const _hoisted_25$8 = { class: "propeller-menu__label" };
+const _hoisted_26$8 = {
   key: 0,
   class: "propeller-menu__list mt-2 space-y-1",
   "data-level": "3"
 };
-const _hoisted_27$7 = ["href", "onClick"];
+const _hoisted_27$8 = ["href", "onClick"];
 const _hoisted_28$7 = { class: "propeller-menu__label" };
 const _hoisted_29$7 = {
   class: "propeller-menu__list divide-y divide-border",
@@ -13073,7 +13096,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                 onMouseenter: async (event) => setHoveredL1(l1.categoryId),
                 onMouseleave: _cache[0] || (_cache[0] = async (event) => setHoveredL1(null))
               }, [
-                vue.createElementVNode("div", _hoisted_23$7, [
+                vue.createElementVNode("div", _hoisted_23$8, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getSubCategories(l1), (l2, idx2) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
                       key: `l2-${l2.categoryId}-${idx2}`,
@@ -13085,9 +13108,9 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                         href: getCategoryUrl(l2),
                         onClick: async (e) => handleItemClick(l2, e)
                       }, [
-                        vue.createElementVNode("span", _hoisted_25$7, vue.toDisplayString(getCategoryName(l2)), 1)
-                      ], 8, _hoisted_24$7),
-                      getSubCategories(l2).length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_26$7, [
+                        vue.createElementVNode("span", _hoisted_25$8, vue.toDisplayString(getCategoryName(l2)), 1)
+                      ], 8, _hoisted_24$8),
+                      getSubCategories(l2).length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_26$8, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getSubCategories(l2), (l3, idx3) => {
                           return vue.openBlock(), vue.createElementBlock("li", {
                             key: `l3-${l3.categoryId}-${idx3}`,
@@ -13100,7 +13123,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                               onClick: async (e) => handleItemClick(l3, e)
                             }, [
                               vue.createElementVNode("span", _hoisted_28$7, vue.toDisplayString(getCategoryName(l3)), 1)
-                            ], 8, _hoisted_27$7)
+                            ], 8, _hoisted_27$8)
                           ]);
                         }), 128))
                       ])) : vue.createCommentVNode("", true)
@@ -13490,14 +13513,14 @@ const _hoisted_19$7 = { value: "" };
 const _hoisted_20$7 = ["value"];
 const _hoisted_21$7 = ["value"];
 const _hoisted_22$7 = { value: "" };
-const _hoisted_23$6 = ["value"];
-const _hoisted_24$6 = {
+const _hoisted_23$7 = ["value"];
+const _hoisted_24$7 = {
   key: 4,
   class: "flex space-x-2"
 };
-const _hoisted_25$6 = ["value"];
-const _hoisted_26$6 = { value: "" };
-const _hoisted_27$6 = ["value"];
+const _hoisted_25$7 = ["value"];
+const _hoisted_26$7 = { value: "" };
+const _hoisted_27$7 = ["value"];
 const _hoisted_28$6 = { class: "propeller-order-list__filter-actions flex justify-end space-x-2" };
 const _hoisted_29$6 = {
   key: 0,
@@ -13865,11 +13888,11 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       return vue.openBlock(), vue.createElementBlock("option", {
                         key: order,
                         value: order
-                      }, vue.toDisplayString(getLabel(order, order)), 9, _hoisted_23$6);
+                      }, vue.toDisplayString(getLabel(order, order)), 9, _hoisted_23$7);
                     }), 128))
                   ], 40, _hoisted_21$7)
                 ])) : vue.createCommentVNode("", true),
-                field === "type" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24$6, [
+                field === "type" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24$7, [
                   vue.createElementVNode("select", {
                     class: "propeller-order-list__filter-input block w-full rounded-[var(--radius-control)] border-input shadow-sm focus:border-primary focus:ring-primary sm:text-sm p-2 border",
                     value: vue.unref(searchForm).type || "",
@@ -13880,14 +13903,14 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       };
                     })
                   }, [
-                    vue.createElementVNode("option", _hoisted_26$6, vue.toDisplayString(getLabel("typeOption", "Type")), 1),
+                    vue.createElementVNode("option", _hoisted_26$7, vue.toDisplayString(getLabel("typeOption", "Type")), 1),
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.values(vue.unref(propellerSdkV2.OrderType)), (type, index22) => {
                       return vue.openBlock(), vue.createElementBlock("option", {
                         key: type,
                         value: type
-                      }, vue.toDisplayString(getLabel(type, type)), 9, _hoisted_27$6);
+                      }, vue.toDisplayString(getLabel(type, type)), 9, _hoisted_27$7);
                     }), 128))
-                  ], 40, _hoisted_25$6)
+                  ], 40, _hoisted_25$7)
                 ])) : vue.createCommentVNode("", true)
               ]);
             }), 128))
@@ -14062,11 +14085,11 @@ const _hoisted_22$6 = {
   class: "h-5 w-5",
   strokeWidth: 2
 };
-const _hoisted_23$5 = { class: "px-6 py-4 space-y-4" };
-const _hoisted_24$5 = { class: "grid grid-cols-2 gap-4 text-sm" };
-const _hoisted_25$5 = { class: "font-medium text-muted-foreground" };
-const _hoisted_26$5 = { class: "mt-0.5" };
-const _hoisted_27$5 = {
+const _hoisted_23$6 = { class: "px-6 py-4 space-y-4" };
+const _hoisted_24$6 = { class: "grid grid-cols-2 gap-4 text-sm" };
+const _hoisted_25$6 = { class: "font-medium text-muted-foreground" };
+const _hoisted_26$6 = { class: "mt-0.5" };
+const _hoisted_27$6 = {
   key: 0,
   class: "propeller-order-shipments__status inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary"
 };
@@ -14215,12 +14238,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                 ])]))
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_23$5, [
-              vue.createElementVNode("div", _hoisted_24$5, [
+            vue.createElementVNode("div", _hoisted_23$6, [
+              vue.createElementVNode("div", _hoisted_24$6, [
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("span", _hoisted_25$5, vue.toDisplayString(getLabel("labelStatus", "Status")), 1),
-                  vue.createElementVNode("p", _hoisted_26$5, [
-                    !!activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_27$5, vue.toDisplayString(activeShipment.value?.status), 1)) : vue.createCommentVNode("", true),
+                  vue.createElementVNode("span", _hoisted_25$6, vue.toDisplayString(getLabel("labelStatus", "Status")), 1),
+                  vue.createElementVNode("p", _hoisted_26$6, [
+                    !!activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_27$6, vue.toDisplayString(activeShipment.value?.status), 1)) : vue.createCommentVNode("", true),
                     !activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_28$5, "-")) : vue.createCommentVNode("", true)
                   ])
                 ]),
@@ -14450,17 +14473,17 @@ const _hoisted_19$5 = {
 const _hoisted_20$5 = { class: "flex items-baseline gap-2" };
 const _hoisted_21$5 = { class: "propeller-product-bundles__price text-2xl font-bold text-foreground" };
 const _hoisted_22$5 = { class: "text-xs text-muted-foreground" };
-const _hoisted_23$4 = {
+const _hoisted_23$5 = {
   key: 1,
   class: "propeller-product-bundles__savings mt-2 inline-block bg-success/10 text-success text-sm font-medium px-3 py-1 rounded-[var(--radius-control)]"
 };
-const _hoisted_24$4 = ["onClick", "disabled", "data-loading"];
-const _hoisted_25$4 = {
+const _hoisted_24$5 = ["onClick", "disabled", "data-loading"];
+const _hoisted_25$5 = {
   key: 3,
   class: "propeller-product-bundles__login-prompt text-center text-sm text-muted-foreground py-2"
 };
-const _hoisted_26$4 = ["data-toast-type"];
-const _hoisted_27$4 = {
+const _hoisted_26$5 = ["data-toast-type"];
+const _hoisted_27$5 = {
   key: 0,
   fill: "none",
   viewBox: "0 0 24 24",
@@ -14777,7 +14800,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                         ], 64))
                       ])
                     ]),
-                    hasDiscount(bundle) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$4, vue.toDisplayString(getLabel("youSave", "Your savings: ")) + vue.toDisplayString(formatPrice(
+                    hasDiscount(bundle) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$5, vue.toDisplayString(getLabel("youSave", "Your savings: ")) + vue.toDisplayString(formatPrice(
                       getOriginalPrice(bundle) - getBundlePrice(bundle)
                     )), 1)) : vue.createCommentVNode("", true)
                   ]),
@@ -14792,9 +14815,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                     ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                       vue.createTextVNode(vue.toDisplayString(getLabel("addToCart", "In cart")), 1)
                     ], 64))
-                  ], 8, _hoisted_24$4)
+                  ], 8, _hoisted_24$5)
                 ], 64)) : vue.createCommentVNode("", true),
-                getHidePrices() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25$4, vue.toDisplayString(getLabel(
+                getHidePrices() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25$5, vue.toDisplayString(getLabel(
                   "loginToSeePrices",
                   "Log in to see prices and add to cart"
                 )), 1)) : vue.createCommentVNode("", true)
@@ -14810,7 +14833,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", {
             class: vue.normalizeClass(`propeller-product-bundles__toast-icon flex-shrink-0 w-5 h-5 mt-0.5 ${toastType.value === "success" ? "text-success-foreground" : "text-destructive-foreground"}`)
           }, [
-            toastType.value === "success" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_27$4, [..._cache[7] || (_cache[7] = [
+            toastType.value === "success" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_27$5, [..._cache[7] || (_cache[7] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -14841,7 +14864,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               }, null, -1)
             ])]))
           ], 2)
-        ], 10, _hoisted_26$4)) : vue.createCommentVNode("", true),
+        ], 10, _hoisted_26$5)) : vue.createCommentVNode("", true),
         modalVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30$4, [
           vue.createElementVNode("div", {
             class: "propeller-product-bundles__modal-backdrop fixed inset-0 bg-foreground/20",
@@ -14944,18 +14967,32 @@ const _hoisted_9$9 = { class: "propeller-product-card__sku font-mono text-xs tex
 const _hoisted_10$8 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
 const _hoisted_11$7 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
 const _hoisted_12$7 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_13$7 = { class: "propeller-product-card__footer w-full md:w-auto flex items-center gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
-const _hoisted_14$7 = { class: "propeller-product-card__price" };
-const _hoisted_15$6 = { class: "propeller-product-card__cta flex-shrink-0 ml-auto" };
-const _hoisted_16$6 = { class: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
-const _hoisted_17$6 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_18$5 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
-const _hoisted_19$4 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_20$4 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_21$4 = { class: "propeller-product-card__price mt-auto pt-1" };
-const _hoisted_22$4 = {
+const _hoisted_13$7 = { class: "propeller-product-card__footer w-full md:w-auto flex flex-col gap-2 md:flex-row md:items-center md:gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
+const _hoisted_14$7 = { class: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents" };
+const _hoisted_15$6 = { class: "propeller-product-card__price" };
+const _hoisted_16$6 = { class: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
+const _hoisted_17$6 = { class: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
+const _hoisted_18$5 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
+const _hoisted_19$4 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+const _hoisted_20$4 = {
+  key: 3,
+  class: "hidden md:block"
+};
+const _hoisted_21$4 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
+const _hoisted_22$4 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
+const _hoisted_23$4 = {
+  key: 6,
+  class: "mt-auto hidden md:block"
+};
+const _hoisted_24$4 = { class: "propeller-product-card__price pt-1" };
+const _hoisted_25$4 = {
   key: 0,
-  class: "propeller-product-card__cta px-3 pb-3 sm:px-4 sm:pb-4"
+  class: "propeller-product-card__footer-meta flex items-center justify-between gap-2 px-3 pt-1 sm:px-4 md:hidden"
+};
+const _hoisted_26$4 = { class: "propeller-product-card__price" };
+const _hoisted_27$4 = {
+  key: 1,
+  class: "propeller-product-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4"
 };
 const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductCard",
@@ -15275,52 +15312,54 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             ])
           ]),
           vue.createElementVNode("div", _hoisted_13$7, [
-            props.showStock && !!props.product.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
-              key: 0,
-              product: __props.product,
-              inventory: __props.product.inventory,
-              showAvailability: false,
-              labels: props.stockLabels
-            }, () => [
-              props.stockComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(StockImpl.value), {
+            vue.createElementVNode("div", _hoisted_14$7, [
+              props.showStock && !!props.product.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
                 key: 0,
-                inventory: props.product.inventory,
-                "show-availability": false,
-                "show-stock": true,
-                labels: props.stockLabels
-              }, null, 8, ["inventory", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3, {
-                key: 1,
-                inventory: props.product.inventory,
+                product: __props.product,
+                inventory: __props.product.inventory,
                 showAvailability: false,
-                showStock: true,
                 labels: props.stockLabels
-              }, null, 8, ["inventory", "labels"]))
-            ]) : vue.createCommentVNode("", true),
-            __props.showPrice !== false && !!__props.product?.price ? vue.renderSlot(_ctx.$slots, "price", {
-              key: 1,
-              product: __props.product,
-              price: __props.product.price,
-              includeTax: resolvedIncludeTax.value,
-              currency: __props.currency,
-              labels: props.priceLabels
-            }, () => [
-              vue.createElementVNode("div", _hoisted_14$7, [
-                props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
+              }, () => [
+                props.stockComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(StockImpl.value), {
                   key: 0,
-                  price: __props.product.price,
-                  "include-tax": resolvedIncludeTax.value,
-                  currency: __props.currency,
-                  labels: props.priceLabels
-                }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$9, {
+                  inventory: props.product.inventory,
+                  "show-availability": false,
+                  "show-stock": true,
+                  labels: props.stockLabels
+                }, null, 8, ["inventory", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3, {
                   key: 1,
-                  price: __props.product.price,
-                  includeTax: resolvedIncludeTax.value,
-                  priceSize: "text-sm",
-                  labels: props.priceLabels
-                }, null, 8, ["price", "includeTax", "labels"]))
-              ])
-            ]) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_15$6, [
+                  inventory: props.product.inventory,
+                  showAvailability: false,
+                  showStock: true,
+                  labels: props.stockLabels
+                }, null, 8, ["inventory", "labels"]))
+              ]) : vue.createCommentVNode("", true),
+              __props.showPrice !== false && !!__props.product?.price ? vue.renderSlot(_ctx.$slots, "price", {
+                key: 1,
+                product: __props.product,
+                price: __props.product.price,
+                includeTax: resolvedIncludeTax.value,
+                currency: __props.currency,
+                labels: props.priceLabels
+              }, () => [
+                vue.createElementVNode("div", _hoisted_15$6, [
+                  props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
+                    key: 0,
+                    price: __props.product.price,
+                    "include-tax": resolvedIncludeTax.value,
+                    currency: __props.currency,
+                    labels: props.priceLabels
+                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$9, {
+                    key: 1,
+                    price: __props.product.price,
+                    includeTax: resolvedIncludeTax.value,
+                    priceSize: "text-sm",
+                    labels: props.priceLabels
+                  }, null, 8, ["price", "includeTax", "labels"]))
+                ])
+              ]) : vue.createCommentVNode("", true)
+            ]),
+            vue.createElementVNode("div", _hoisted_16$6, [
               vue.renderSlot(_ctx.$slots, "addToCart", {
                 product: __props.product,
                 cartId: props.cartId,
@@ -15366,13 +15405,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           ])
         ], 64)) : vue.createCommentVNode("", true),
         !isRow() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          vue.createElementVNode("div", _hoisted_16$6, [
+          vue.createElementVNode("div", _hoisted_17$6, [
             __props.showSku !== false && !!getProductSku() ? vue.renderSlot(_ctx.$slots, "sku", {
               key: 0,
               product: __props.product,
               sku: getProductSku()
             }, () => [
-              vue.createElementVNode("div", _hoisted_17$6, vue.toDisplayString(getProductSku()), 1)
+              vue.createElementVNode("div", _hoisted_18$5, vue.toDisplayString(getProductSku()), 1)
             ]) : vue.createCommentVNode("", true),
             __props.showName !== false ? vue.renderSlot(_ctx.$slots, getProductName(), {
               key: 1,
@@ -15392,7 +15431,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               product: __props.product,
               values: computedTextLabels()
             }, () => [
-              vue.createElementVNode("div", _hoisted_18$5, [
+              vue.createElementVNode("div", _hoisted_19$4, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedTextLabels(), (item, index2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: index2,
@@ -15401,8 +15440,71 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 }), 128))
               ])
             ]) : vue.createCommentVNode("", true),
+            props.showStock && !!props.product.inventory ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$4, [
+              vue.renderSlot(_ctx.$slots, "stock", {
+                product: __props.product,
+                inventory: __props.product.inventory,
+                showAvailability: props.showAvailability !== false,
+                labels: props.stockLabels
+              }, () => [
+                props.stockComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(StockImpl.value), {
+                  key: 0,
+                  inventory: props.product.inventory,
+                  "show-availability": props.showAvailability !== false,
+                  "show-stock": true,
+                  labels: props.stockLabels
+                }, null, 8, ["inventory", "show-availability", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$3, {
+                  key: 1,
+                  inventory: props.product.inventory,
+                  showAvailability: props.showAvailability !== false,
+                  showStock: true,
+                  labels: props.stockLabels
+                }, null, 8, ["inventory", "showAvailability", "labels"]))
+              ])
+            ])) : vue.createCommentVNode("", true),
+            __props.showManufacturer && !!getProductManufacturer() ? vue.renderSlot(_ctx.$slots, "manufacturer", {
+              key: 4,
+              product: __props.product,
+              manufacturer: getProductManufacturer()
+            }, () => [
+              vue.createElementVNode("div", _hoisted_21$4, vue.toDisplayString(getProductManufacturer()), 1)
+            ]) : vue.createCommentVNode("", true),
+            __props.showShortDescription && !!getProductShortDescription() ? vue.renderSlot(_ctx.$slots, "shortDescription", {
+              key: 5,
+              product: __props.product,
+              text: getProductShortDescription()
+            }, () => [
+              vue.createElementVNode("p", _hoisted_22$4, vue.toDisplayString(getProductShortDescription()), 1)
+            ]) : vue.createCommentVNode("", true),
+            __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$4, [
+              vue.renderSlot(_ctx.$slots, "price", {
+                product: __props.product,
+                price: __props.product.price,
+                includeTax: resolvedIncludeTax.value,
+                currency: __props.currency,
+                labels: props.priceLabels
+              }, () => [
+                vue.createElementVNode("div", _hoisted_24$4, [
+                  props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
+                    key: 0,
+                    price: __props.product.price,
+                    "include-tax": resolvedIncludeTax.value,
+                    currency: __props.currency,
+                    labels: props.priceLabels
+                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createBlock(ProductVideos_vue_vue_type_script_setup_true_lang._sfc_main$9, {
+                    key: 1,
+                    price: __props.product.price,
+                    includeTax: resolvedIncludeTax.value,
+                    priceSize: "text-base sm:text-lg",
+                    labels: props.priceLabels
+                  }, null, 8, ["price", "includeTax", "labels"]))
+                ])
+              ])
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          props.showStock && !!props.product.inventory || __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25$4, [
             props.showStock && !!props.product.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
-              key: 3,
+              key: 0,
               product: __props.product,
               inventory: __props.product.inventory,
               showAvailability: props.showAvailability !== false,
@@ -15422,29 +15524,15 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 labels: props.stockLabels
               }, null, 8, ["inventory", "showAvailability", "labels"]))
             ]) : vue.createCommentVNode("", true),
-            __props.showManufacturer && !!getProductManufacturer() ? vue.renderSlot(_ctx.$slots, "manufacturer", {
-              key: 4,
-              product: __props.product,
-              manufacturer: getProductManufacturer()
-            }, () => [
-              vue.createElementVNode("div", _hoisted_19$4, vue.toDisplayString(getProductManufacturer()), 1)
-            ]) : vue.createCommentVNode("", true),
-            __props.showShortDescription && !!getProductShortDescription() ? vue.renderSlot(_ctx.$slots, "shortDescription", {
-              key: 5,
-              product: __props.product,
-              text: getProductShortDescription()
-            }, () => [
-              vue.createElementVNode("p", _hoisted_20$4, vue.toDisplayString(getProductShortDescription()), 1)
-            ]) : vue.createCommentVNode("", true),
             __props.showPrice !== false && !!__props.product?.price ? vue.renderSlot(_ctx.$slots, "price", {
-              key: 6,
+              key: 1,
               product: __props.product,
               price: __props.product.price,
               includeTax: resolvedIncludeTax.value,
               currency: __props.currency,
               labels: props.priceLabels
             }, () => [
-              vue.createElementVNode("div", _hoisted_21$4, [
+              vue.createElementVNode("div", _hoisted_26$4, [
                 props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                   key: 0,
                   price: __props.product.price,
@@ -15455,13 +15543,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                   key: 1,
                   price: __props.product.price,
                   includeTax: resolvedIncludeTax.value,
-                  priceSize: "text-base sm:text-lg",
+                  priceSize: "text-base",
                   labels: props.priceLabels
                 }, null, 8, ["price", "includeTax", "labels"]))
               ])
             ]) : vue.createCommentVNode("", true)
-          ]),
-          props.allowAddToCart !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22$4, [
+          ])) : vue.createCommentVNode("", true),
+          props.allowAddToCart !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$4, [
             vue.renderSlot(_ctx.$slots, "addToCart", {
               product: __props.product,
               cartId: props.cartId,