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

package/dist/index.js

@@ -3973,11 +3973,11 @@ const _hoisted_27$h = {
   key: 0,
   class: "propeller-add-to-cart__modal-sku text-xs text-foreground-subtle mt-0.5"
 };
-const _hoisted_28$g = {
+const _hoisted_28$h = {
   key: 1,
   class: "propeller-add-to-cart__modal-surcharges mt-1 text-xs text-muted-foreground"
 };
-const _hoisted_29$g = { class: "font-medium" };
+const _hoisted_29$h = { class: "font-medium" };
 const _hoisted_30$g = { class: "propeller-add-to-cart__modal-surcharges-list mt-0.5" };
 const _hoisted_31$g = { class: "flex-shrink-0 text-right" };
 const _hoisted_32$f = { class: "propeller-add-to-cart__modal-quantity text-xs text-muted-foreground" };
@@ -4367,8 +4367,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                     href: getProductUrl()
                   }, 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$g, toDisplayString(getLabel$1("surcharges", "Additional surcharges:")), 1),
+                  getModalSurcharges().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_28$h, [
+                    createElementVNode("span", _hoisted_29$h, toDisplayString(getLabel$1("surcharges", "Additional surcharges:")), 1),
                     createElementVNode("ul", _hoisted_30$g, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(getModalSurcharges(), (line, idx) => {
                         return openBlock(), createElementBlock("li", {
@@ -4812,8 +4812,8 @@ const _hoisted_24$g = { class: "block text-sm font-medium mb-1" };
 const _hoisted_25$g = ["value"];
 const _hoisted_26$g = { class: "grid grid-cols-3 gap-4" };
 const _hoisted_27$g = { class: "block text-sm font-medium mb-1" };
-const _hoisted_28$f = ["value"];
-const _hoisted_29$f = { class: "block text-sm font-medium mb-1" };
+const _hoisted_28$g = ["value"];
+const _hoisted_29$g = { class: "block text-sm font-medium mb-1" };
 const _hoisted_30$f = ["value"];
 const _hoisted_31$f = { class: "block text-sm font-medium mb-1" };
 const _hoisted_32$e = ["value"];
@@ -5249,10 +5249,10 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                       editFirstName.value = e.target.value;
                     }),
                     required: true
-                  }, null, 40, _hoisted_28$f)
+                  }, null, 40, _hoisted_28$g)
                 ]),
                 createElementVNode("div", null, [
-                  createElementVNode("label", _hoisted_29$f, toDisplayString(getLabel$1("middleName", "Middle Name")), 1),
+                  createElementVNode("label", _hoisted_29$g, 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",
@@ -6143,8 +6143,8 @@ const _hoisted_24$f = { class: "font-semibold text-foreground" };
 const _hoisted_25$f = { class: "propeller-cart-item__notes mt-3" };
 const _hoisted_26$f = { class: "propeller-cart-item__notes-label text-xs font-medium text-muted-foreground block mb-1" };
 const _hoisted_27$f = ["value", "placeholder"];
-const _hoisted_28$e = { class: "propeller-cart-item__crossupsells mt-3 pt-3 border-t border-border" };
-const _hoisted_29$e = { class: "propeller-cart-item__crossupsells-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2" };
+const _hoisted_28$f = { class: "propeller-cart-item__crossupsells mt-3 pt-3 border-t border-border" };
+const _hoisted_29$f = { class: "propeller-cart-item__crossupsells-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2" };
 const _hoisted_30$e = { class: "flex flex-col gap-2" };
 const _hoisted_31$e = ["href", "onClick"];
 const _hoisted_32$d = ["src", "alt"];
@@ -6669,8 +6669,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
             cartItem: __props.cartItem,
             crossupsells: getVisibleCrossupsells()
           }, () => [
-            createElementVNode("div", _hoisted_28$e, [
-              createElementVNode("p", _hoisted_29$e, toDisplayString(getLabel$1("crossupsellTitle", "You might also like")), 1),
+            createElementVNode("div", _hoisted_28$f, [
+              createElementVNode("p", _hoisted_29$f, 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", {
@@ -6902,11 +6902,11 @@ const _hoisted_26$e = {
   class: "propeller-cart-icon__item-name text-sm font-medium line-clamp-2"
 };
 const _hoisted_27$e = ["href"];
-const _hoisted_28$d = {
+const _hoisted_28$e = {
   key: 0,
   class: "propeller-cart-icon__sidebar-footer px-5 py-4 border-t border-border space-y-3 bg-surface-hover"
 };
-const _hoisted_29$d = { class: "propeller-cart-icon__total-row flex justify-between items-center" };
+const _hoisted_29$e = { class: "propeller-cart-icon__total-row flex justify-between items-center" };
 const _hoisted_30$d = { class: "propeller-cart-icon__total-label text-sm font-medium text-muted-foreground" };
 const _hoisted_31$d = { class: "propeller-cart-icon__total-value text-base font-bold text-foreground" };
 const _hoisted_32$c = ["disabled"];
@@ -7214,8 +7214,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                   className: "mt-4"
                 }, null, 8, ["cart"]))
               ]),
-              getItems().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_28$d, [
-                createElementVNode("div", _hoisted_29$d, [
+              getItems().length > 0 ? (openBlock(), createElementBlock("div", _hoisted_28$e, [
+                createElementVNode("div", _hoisted_29$e, [
                   createElementVNode("span", _hoisted_30$d, toDisplayString(getLabel$1("total", "Total")), 1),
                   createElementVNode("span", _hoisted_31$d, toDisplayString(getTotalPrice()), 1)
                 ]),
@@ -7334,8 +7334,8 @@ const _hoisted_26$d = {
   class: "space-y-2"
 };
 const _hoisted_27$d = { class: "text-sm font-medium" };
-const _hoisted_28$c = ["value", "placeholder"];
-const _hoisted_29$c = {
+const _hoisted_28$d = ["value", "placeholder"];
+const _hoisted_29$d = {
   key: 2,
   class: "flex items-center space-x-2 pt-2"
 };
@@ -7523,9 +7523,9 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               )),
               placeholder: getLabel$1("notesPlaceholder", "Special instructions or comments"),
               maxLength: 255
-            }, null, 40, _hoisted_28$c)
+            }, null, 40, _hoisted_28$d)
           ])) : createCommentVNode("", true),
-          showTermsAndConditions.value ? (openBlock(), createElementBlock("div", _hoisted_29$c, [
+          showTermsAndConditions.value ? (openBlock(), createElementBlock("div", _hoisted_29$d, [
             createElementVNode("input", {
               type: "checkbox",
               id: "cart-overview-terms",
@@ -8172,8 +8172,8 @@ 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 = {
+const _hoisted_28$c = { class: "propeller-cluster-card__price pt-1" };
+const _hoisted_29$c = {
   key: 1,
   class: "font-bold text-foreground text-base sm:text-lg"
 };
@@ -8631,14 +8631,14 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 currency: __props.currency,
                 labels: __props.labels
               }, () => [
-                createElementVNode("div", _hoisted_28$b, [
+                createElementVNode("div", _hoisted_28$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_29$b, toDisplayString(getClusterPrice()), 1))
+                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (openBlock(), createElementBlock("span", _hoisted_29$c, toDisplayString(getClusterPrice()), 1))
                 ])
               ])
             ])) : createCommentVNode("", true)
@@ -10429,8 +10429,8 @@ const _hoisted_24$b = { class: "propeller-favorite-list-details__modal-header bo
 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_28$b = ["placeholder", "value"];
+const _hoisted_29$b = ["aria-label"];
 const _hoisted_30$a = { class: "propeller-favorite-list-details__search-results max-h-80 overflow-y-auto" };
 const _hoisted_31$a = {
   key: 0,
@@ -11048,7 +11048,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   value: unref(searchTerm),
                   onInput: _cache[5] || (_cache[5] = ($event) => onSearchInput($event)),
                   autofocus: ""
-                }, null, 40, _hoisted_28$a),
+                }, null, 40, _hoisted_28$b),
                 unref(searchTerm) ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   type: "button",
@@ -11080,7 +11080,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                       y2: "18"
                     })
                   ], -1)
-                ])], 8, _hoisted_29$a)) : createCommentVNode("", true)
+                ])], 8, _hoisted_29$b)) : createCommentVNode("", true)
               ]),
               createElementVNode("div", _hoisted_30$a, [
                 unref(searchLoading) ? (openBlock(), createElementBlock("div", _hoisted_31$a, toDisplayString(getLabel$1("searching", "Searching...")), 1)) : createCommentVNode("", true),
@@ -11197,8 +11197,8 @@ const _hoisted_26$a = {
   class: "propeller-favorite-lists__empty border border-border rounded-[var(--radius-container)] p-12 text-center space-y-4"
 };
 const _hoisted_27$a = { class: "propeller-favorite-lists__empty-title text-lg font-medium" };
-const _hoisted_28$9 = { class: "propeller-favorite-lists__empty-message text-muted-foreground" };
-const _hoisted_29$9 = {
+const _hoisted_28$a = { class: "propeller-favorite-lists__empty-message text-muted-foreground" };
+const _hoisted_29$a = {
   key: 3,
   class: "propeller-favorite-lists__create-modal fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4"
 };
@@ -11592,7 +11592,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             ], -1)),
             createElementVNode("div", null, [
               createElementVNode("p", _hoisted_27$a, toDisplayString(getLabel$1("noLists", "No favorite lists")), 1),
-              createElementVNode("p", _hoisted_28$9, toDisplayString(getLabel$1(
+              createElementVNode("p", _hoisted_28$a, toDisplayString(getLabel$1(
                 "noListsDescription",
                 "Start by creating a new list to save your items."
               )), 1)
@@ -11606,7 +11606,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             }, toDisplayString(getLabel$1("createFirstList", "Create your first list")), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
-        showCreateModal.value ? (openBlock(), createElementBlock("div", _hoisted_29$9, [
+        showCreateModal.value ? (openBlock(), createElementBlock("div", _hoisted_29$a, [
           createElementVNode("div", _hoisted_30$9, [
             createElementVNode("div", _hoisted_31$9, [
               createElementVNode("h3", _hoisted_32$8, toDisplayString(getLabel$1("createTitle", "Create New List")), 1),
@@ -12758,8 +12758,8 @@ const _hoisted_26$9 = {
   class: "propeller-items-overview__item-options mt-1.5 space-y-1 border-l-2 border-border-subtle pl-2"
 };
 const _hoisted_27$9 = { class: "line-clamp-1" };
-const _hoisted_28$8 = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
-const _hoisted_29$8 = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-1" };
+const _hoisted_28$9 = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
+const _hoisted_29$9 = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-1" };
 const _hoisted_30$8 = ["data-in-stock"];
 const _hoisted_31$8 = {
   key: 1,
@@ -12991,12 +12991,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                           class: "propeller-items-overview__item-option flex justify-between items-center text-xs text-muted-foreground"
                         }, [
                           createElementVNode("span", _hoisted_27$9, toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
-                          createElementVNode("span", _hoisted_28$8, toDisplayString(formatItemPrice(child.totalSum || 0)), 1)
+                          createElementVNode("span", _hoisted_28$9, toDisplayString(formatItemPrice(child.totalSum || 0)), 1)
                         ]);
                       }), 128))
                     ])) : createCommentVNode("", true)
                   ]),
-                  createElementVNode("div", _hoisted_29$8, [
+                  createElementVNode("div", _hoisted_29$9, [
                     createElementVNode("span", null, toDisplayString(getLabel$1("quantity", "Qty:")) + toDisplayString(item.quantity), 1),
                     showAvailability.value && getItemAvailability(item) ? (openBlock(), createElementBlock("span", {
                       key: 0,
@@ -13077,8 +13077,8 @@ const _hoisted_26$8 = {
   "data-level": "3"
 };
 const _hoisted_27$8 = ["href", "onClick"];
-const _hoisted_28$7 = { class: "propeller-menu__label" };
-const _hoisted_29$7 = {
+const _hoisted_28$8 = { class: "propeller-menu__label" };
+const _hoisted_29$8 = {
   class: "propeller-menu__list divide-y divide-border",
   "data-level": "1"
 };
@@ -13351,7 +13351,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                               href: getCategoryUrl(l3),
                               onClick: async (e) => handleItemClick(l3, e)
                             }, [
-                              createElementVNode("span", _hoisted_28$7, toDisplayString(getCategoryName(l3)), 1)
+                              createElementVNode("span", _hoisted_28$8, toDisplayString(getCategoryName(l3)), 1)
                             ], 8, _hoisted_27$8)
                           ]);
                         }), 128))
@@ -13367,7 +13367,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           key: 5,
           class: normalizeClass(`propeller-menu__nav propeller-menu-mobile md:hidden ${__props.menuClass || ""}`)
         }, [
-          createElementVNode("ul", _hoisted_29$7, [
+          createElementVNode("ul", _hoisted_29$8, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(menuCategories.value, (l1, idx) => {
               return openBlock(), createElementBlock("li", {
                 key: `l1-mobile-${l1.categoryId}-${idx}`,
@@ -13750,8 +13750,8 @@ const _hoisted_24$7 = {
 const _hoisted_25$7 = ["value"];
 const _hoisted_26$7 = { value: "" };
 const _hoisted_27$7 = ["value"];
-const _hoisted_28$6 = { class: "propeller-order-list__filter-actions flex justify-end space-x-2" };
-const _hoisted_29$6 = {
+const _hoisted_28$7 = { class: "propeller-order-list__filter-actions flex justify-end space-x-2" };
+const _hoisted_29$7 = {
   key: 0,
   class: "propeller-order-list__results bg-card rounded-[var(--radius-container)] shadow overflow-hidden"
 };
@@ -14144,7 +14144,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               ]);
             }), 128))
           ]),
-          createElementVNode("div", _hoisted_28$6, [
+          createElementVNode("div", _hoisted_28$7, [
             createElementVNode("button", {
               class: "propeller-order-list__clear-btn inline-flex items-center px-4 py-2 border border-input text-sm font-medium rounded-[var(--radius-control)] shadow-sm text-muted-foreground bg-card hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
               onClick: _cache[11] || (_cache[11] = async (event) => {
@@ -14158,7 +14158,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         !unref(loading) || unref(orders).length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          unref(orders).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_29$6, [
+          unref(orders).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_29$7, [
             createElementVNode("div", _hoisted_30$6, [
               createElementVNode("table", _hoisted_31$6, [
                 createElementVNode("thead", _hoisted_32$6, [
@@ -14322,8 +14322,8 @@ 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"
 };
-const _hoisted_28$5 = { key: 1 };
-const _hoisted_29$5 = { class: "font-medium text-muted-foreground" };
+const _hoisted_28$6 = { key: 1 };
+const _hoisted_29$6 = { class: "font-medium text-muted-foreground" };
 const _hoisted_30$5 = { class: "mt-0.5" };
 const _hoisted_31$5 = { class: "text-sm font-semibold mb-2" };
 const _hoisted_32$5 = {
@@ -14473,11 +14473,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   createElementVNode("span", _hoisted_25$6, toDisplayString(getLabel$1("labelStatus", "Status")), 1),
                   createElementVNode("p", _hoisted_26$6, [
                     !!activeShipment.value?.status ? (openBlock(), createElementBlock("span", _hoisted_27$6, toDisplayString(activeShipment.value?.status), 1)) : createCommentVNode("", true),
-                    !activeShipment.value?.status ? (openBlock(), createElementBlock("span", _hoisted_28$5, "-")) : createCommentVNode("", true)
+                    !activeShipment.value?.status ? (openBlock(), createElementBlock("span", _hoisted_28$6, "-")) : createCommentVNode("", true)
                   ])
                 ]),
                 createElementVNode("div", null, [
-                  createElementVNode("span", _hoisted_29$5, toDisplayString(getLabel$1("labelExpectedDelivery", "Expected delivery")), 1),
+                  createElementVNode("span", _hoisted_29$6, toDisplayString(getLabel$1("labelExpectedDelivery", "Expected delivery")), 1),
                   createElementVNode("p", _hoisted_30$5, [
                     !!activeShipment.value?.expectedDeliveryAt ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                       createTextVNode(toDisplayString(formatDate(activeShipment.value?.expectedDeliveryAt)), 1)
@@ -14719,14 +14719,14 @@ const _hoisted_27$5 = {
   stroke: "currentColor",
   strokeWidth: 2
 };
-const _hoisted_28$4 = {
+const _hoisted_28$5 = {
   key: 1,
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   strokeWidth: 2
 };
-const _hoisted_29$4 = {
+const _hoisted_29$5 = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -15069,7 +15069,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 d: "M5 13l4 4L19 7"
               }, null, -1)
             ])])) : createCommentVNode("", true),
-            toastType.value === "error" ? (openBlock(), createElementBlock("svg", _hoisted_28$4, [..._cache[8] || (_cache[8] = [
+            toastType.value === "error" ? (openBlock(), createElementBlock("svg", _hoisted_28$5, [..._cache[8] || (_cache[8] = [
               createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -15085,7 +15085,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = async (event) => dismissToast()),
             class: normalizeClass(`propeller-product-bundles__toast-close flex-shrink-0 rounded focus:outline-none ${toastType.value === "success" ? "text-success-foreground hover:text-success-foreground/80" : "text-destructive-foreground hover:text-destructive-foreground/80"}`)
           }, [
-            (openBlock(), createElementBlock("svg", _hoisted_29$4, [..._cache[9] || (_cache[9] = [
+            (openBlock(), createElementBlock("svg", _hoisted_29$5, [..._cache[9] || (_cache[9] = [
               createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -15193,33 +15193,41 @@ const _hoisted_6$b = ["fill"];
 const _hoisted_7$b = { class: "propeller-product-card__body flex flex-1 flex-row items-center gap-4 px-4 py-2 min-w-0" };
 const _hoisted_8$a = { class: "flex flex-col gap-0.5 flex-1 min-w-0" };
 const _hoisted_9$9 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_10$8 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
-const _hoisted_11$7 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_12$7 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_13$7 = { class: "propeller-product-card__footer w-full md:w-auto flex flex-col gap-2 md:flex-row md:items-center md:gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
-const _hoisted_14$7 = { class: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents" };
-const _hoisted_15$6 = { class: "propeller-product-card__price" };
-const _hoisted_16$6 = { class: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
-const _hoisted_17$6 = { class: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
-const _hoisted_18$5 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_19$5 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+const _hoisted_10$8 = {
+  key: 0,
+  class: "propeller-product-card__below-name"
+};
+const _hoisted_11$7 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+const _hoisted_12$7 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
+const _hoisted_13$7 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
+const _hoisted_14$7 = { class: "propeller-product-card__footer w-full md:w-auto flex flex-col gap-2 md:flex-row md:items-center md:gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
+const _hoisted_15$6 = { class: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents" };
+const _hoisted_16$6 = { class: "propeller-product-card__price" };
+const _hoisted_17$6 = { class: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
+const _hoisted_18$5 = { class: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
+const _hoisted_19$5 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
 const _hoisted_20$4 = {
+  key: 0,
+  class: "propeller-product-card__below-name"
+};
+const _hoisted_21$4 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+const _hoisted_22$4 = {
   key: 3,
   class: "hidden md:block"
 };
-const _hoisted_21$4 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_22$4 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_23$4 = {
+const _hoisted_23$4 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
+const _hoisted_24$4 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
+const _hoisted_25$4 = {
   key: 6,
   class: "mt-auto hidden md:block"
 };
-const _hoisted_24$4 = { class: "propeller-product-card__price pt-1" };
-const _hoisted_25$4 = {
+const _hoisted_26$4 = { class: "propeller-product-card__price pt-1" };
+const _hoisted_27$4 = {
   key: 0,
   class: "propeller-product-card__footer-meta flex flex-wrap items-center justify-between gap-x-2 gap-y-1 px-3 pt-1 sm:px-4 md:hidden"
 };
-const _hoisted_26$4 = { class: "propeller-product-card__price min-w-0 text-right" };
-const _hoisted_27$4 = {
+const _hoisted_28$4 = { class: "propeller-product-card__price min-w-0 text-right" };
+const _hoisted_29$4 = {
   key: 1,
   class: "propeller-product-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4"
 };
@@ -15274,7 +15282,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     addToCartComponent: {},
     imageComponent: {},
     badgesComponent: {},
-    favoriteComponent: {}
+    favoriteComponent: {},
+    belowNameComponent: {}
   },
   setup(__props) {
     const props = __props;
@@ -15287,7 +15296,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       addToCartComponent: { grid: "addToCartComponent" },
       imageComponent: { grid: "imageComponent" },
       badgesComponent: { grid: "badgesComponent" },
-      favoriteComponent: { grid: "favoriteComponent" }
+      favoriteComponent: { grid: "favoriteComponent" },
+      belowNameComponent: { grid: "belowNameComponent" }
     };
     const resolved = computed(() => useResolvedProps(props, RESOLVE_SPEC));
     const infra = useInfraProps(props);
@@ -15300,6 +15310,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     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 BelowNameImpl = computed(() => resolved.value.belowNameComponent ?? null);
     const isFavorite = ref(false);
     function isRow() {
       return props.columns === 1;
@@ -15510,12 +15521,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                   onClick: _cache[2] || (_cache[2] = ($event) => handleNavigate())
                 }, toDisplayString(getProductName()), 1)
               ]) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "belowName", { product: __props.product }, () => [
+                BelowNameImpl.value ? (openBlock(), createElementBlock("div", _hoisted_10$8, [
+                  (openBlock(), createBlock(resolveDynamicComponent(BelowNameImpl.value), { product: __props.product }, null, 8, ["product"]))
+                ])) : createCommentVNode("", true)
+              ]),
               !!__props.textLabels && __props.textLabels.length > 0 && computedTextLabels().length > 0 ? renderSlot(_ctx.$slots, "textLabels", {
                 key: 2,
                 product: __props.product,
                 values: computedTextLabels()
               }, () => [
-                createElementVNode("div", _hoisted_10$8, [
+                createElementVNode("div", _hoisted_11$7, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(computedTextLabels(), (item, index) => {
                     return openBlock(), createElementBlock("div", {
                       key: index,
@@ -15529,19 +15545,19 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 product: __props.product,
                 manufacturer: getProductManufacturer()
               }, () => [
-                createElementVNode("div", _hoisted_11$7, toDisplayString(getProductManufacturer()), 1)
+                createElementVNode("div", _hoisted_12$7, toDisplayString(getProductManufacturer()), 1)
               ]) : createCommentVNode("", true),
               __props.showShortDescription && !!getProductShortDescription() ? renderSlot(_ctx.$slots, "shortDescription", {
                 key: 4,
                 product: __props.product,
                 text: getProductShortDescription()
               }, () => [
-                createElementVNode("p", _hoisted_12$7, toDisplayString(getProductShortDescription()), 1)
+                createElementVNode("p", _hoisted_13$7, toDisplayString(getProductShortDescription()), 1)
               ]) : createCommentVNode("", true)
             ])
           ]),
-          createElementVNode("div", _hoisted_13$7, [
-            createElementVNode("div", _hoisted_14$7, [
+          createElementVNode("div", _hoisted_14$7, [
+            createElementVNode("div", _hoisted_15$6, [
               props.showStock && !!props.product.inventory ? renderSlot(_ctx.$slots, "stock", {
                 key: 0,
                 product: __props.product,
@@ -15571,7 +15587,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 currency: __props.currency,
                 labels: props.priceLabels
               }, () => [
-                createElementVNode("div", _hoisted_15$6, [
+                createElementVNode("div", _hoisted_16$6, [
                   props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.product.price,
@@ -15588,7 +15604,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 ])
               ]) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_16$6, [
+            createElementVNode("div", _hoisted_17$6, [
               renderSlot(_ctx.$slots, "addToCart", {
                 product: __props.product,
                 cartId: props.cartId,
@@ -15634,13 +15650,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           ])
         ], 64)) : createCommentVNode("", true),
         !isRow() ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createElementVNode("div", _hoisted_17$6, [
+          createElementVNode("div", _hoisted_18$5, [
             __props.showSku !== false && !!getProductSku$1() ? renderSlot(_ctx.$slots, "sku", {
               key: 0,
               product: __props.product,
               sku: getProductSku$1()
             }, () => [
-              createElementVNode("div", _hoisted_18$5, toDisplayString(getProductSku$1()), 1)
+              createElementVNode("div", _hoisted_19$5, toDisplayString(getProductSku$1()), 1)
             ]) : createCommentVNode("", true),
             __props.showName !== false ? renderSlot(_ctx.$slots, getProductName(), {
               key: 1,
@@ -15655,12 +15671,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 onClick: _cache[3] || (_cache[3] = ($event) => handleNavigate())
               }, toDisplayString(getProductName()), 1)
             ]) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "belowName", { product: __props.product }, () => [
+              BelowNameImpl.value ? (openBlock(), createElementBlock("div", _hoisted_20$4, [
+                (openBlock(), createBlock(resolveDynamicComponent(BelowNameImpl.value), { product: __props.product }, null, 8, ["product"]))
+              ])) : createCommentVNode("", true)
+            ]),
             !!__props.textLabels && __props.textLabels.length > 0 && computedTextLabels().length > 0 ? renderSlot(_ctx.$slots, "textLabels", {
               key: 2,
               product: __props.product,
               values: computedTextLabels()
             }, () => [
-              createElementVNode("div", _hoisted_19$5, [
+              createElementVNode("div", _hoisted_21$4, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(computedTextLabels(), (item, index) => {
                   return openBlock(), createElementBlock("div", {
                     key: index,
@@ -15669,7 +15690,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 }), 128))
               ])
             ]) : createCommentVNode("", true),
-            props.showStock && !!props.product.inventory ? (openBlock(), createElementBlock("div", _hoisted_20$4, [
+            props.showStock && !!props.product.inventory ? (openBlock(), createElementBlock("div", _hoisted_22$4, [
               renderSlot(_ctx.$slots, "stock", {
                 product: __props.product,
                 inventory: __props.product.inventory,
@@ -15696,16 +15717,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               product: __props.product,
               manufacturer: getProductManufacturer()
             }, () => [
-              createElementVNode("div", _hoisted_21$4, toDisplayString(getProductManufacturer()), 1)
+              createElementVNode("div", _hoisted_23$4, toDisplayString(getProductManufacturer()), 1)
             ]) : createCommentVNode("", true),
             __props.showShortDescription && !!getProductShortDescription() ? renderSlot(_ctx.$slots, "shortDescription", {
               key: 5,
               product: __props.product,
               text: getProductShortDescription()
             }, () => [
-              createElementVNode("p", _hoisted_22$4, toDisplayString(getProductShortDescription()), 1)
+              createElementVNode("p", _hoisted_24$4, toDisplayString(getProductShortDescription()), 1)
             ]) : createCommentVNode("", true),
-            __props.showPrice !== false && !!__props.product?.price ? (openBlock(), createElementBlock("div", _hoisted_23$4, [
+            __props.showPrice !== false && !!__props.product?.price ? (openBlock(), createElementBlock("div", _hoisted_25$4, [
               renderSlot(_ctx.$slots, "price", {
                 product: __props.product,
                 price: __props.product.price,
@@ -15713,7 +15734,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                 currency: __props.currency,
                 labels: props.priceLabels
               }, () => [
-                createElementVNode("div", _hoisted_24$4, [
+                createElementVNode("div", _hoisted_26$4, [
                   props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.product.price,
@@ -15731,7 +15752,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               ])
             ])) : createCommentVNode("", true)
           ]),
-          props.showStock && !!props.product.inventory || __props.showPrice !== false && !!__props.product?.price ? (openBlock(), createElementBlock("div", _hoisted_25$4, [
+          props.showStock && !!props.product.inventory || __props.showPrice !== false && !!__props.product?.price ? (openBlock(), createElementBlock("div", _hoisted_27$4, [
             props.showStock && !!props.product.inventory ? renderSlot(_ctx.$slots, "stock", {
               key: 0,
               product: __props.product,
@@ -15761,7 +15782,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               currency: __props.currency,
               labels: props.priceLabels
             }, () => [
-              createElementVNode("div", _hoisted_26$4, [
+              createElementVNode("div", _hoisted_28$4, [
                 props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
                   key: 0,
                   price: __props.product.price,
@@ -15778,7 +15799,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               ])
             ]) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          props.allowAddToCart !== false ? (openBlock(), createElementBlock("div", _hoisted_27$4, [
+          props.allowAddToCart !== false ? (openBlock(), createElementBlock("div", _hoisted_29$4, [
             renderSlot(_ctx.$slots, "addToCart", {
               product: __props.product,
               cartId: props.cartId,
@@ -16188,7 +16209,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     badgesComponent: {},
     favoriteComponent: {},
     productCardComponent: {},
-    clusterCardComponent: {}
+    clusterCardComponent: {},
+    belowNameComponent: {}
   },
   setup(__props) {
     const props = __props;
@@ -16233,7 +16255,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       addToCartComponent: props.addToCartComponent,
       imageComponent: props.imageComponent,
       badgesComponent: props.badgesComponent,
-      favoriteComponent: props.favoriteComponent
+      favoriteComponent: props.favoriteComponent,
+      belowNameComponent: props.belowNameComponent
     }));
     provideProductGridConfig(gridConfig.value);
     const categoryIdRef = computed(() => props.categoryId);