cloudcommerce 0.23.0 → 0.23.2

package/packages/storefront/dist/server/chunks/pages/{_...slug_.astro.7c69d6fe.mjs → _...slug_.astro.501582b9.mjs}

@@ -8,14 +8,14 @@ import sizeOf from 'image-size';
 import 'magic-string';
 import mime from 'mime';
 import 'node:stream';
-import { c as createAstro, a as createComponent, r as renderTemplate, u as unescapeHTML, b as renderComponent, d as addAttribute, F as Fragment, m as maybeRenderHead, s as spreadAttributes, e as renderSlot, f as renderHead } from '../astro.b875de26.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, u as unescapeHTML, b as renderComponent, d as addAttribute, F as Fragment, m as maybeRenderHead, s as spreadAttributes, e as renderSlot, f as renderHead } from '../astro.6adaff02.mjs';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
 import fs from 'node:fs';
 import config from '@cloudcommerce/config';
-import { img, price, formatMoney, randomObjectId, nickname } from '@ecomplus/utils';
+import { img, price, formatMoney, randomObjectId, nickname, onPromotion, name } from '@ecomplus/utils';
 /* empty css                               */import { reactive, computed, shallowRef, useSSRContext, defineComponent, inject, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, resolveComponent, withModifiers, Teleport, createTextVNode, toDisplayString } from 'vue';
-import { useScroll, useElementHover, useDebounceFn, useTimeout, promiseTimeout } from '@vueuse/core';
+import { useScroll, useElementHover, useDebounceFn, useTimeout, watchDebounced, promiseTimeout } from '@vueuse/core';
 import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate } from 'vue/server-renderer';
 import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
 
@@ -601,7 +601,7 @@ async function getImage(transform) {
   }
   let loader = (_a = globalThis.astroImage) == null ? void 0 : _a.loader;
   if (!loader) {
-    const { default: mod } = await import('./endpoint.js.64061d33.mjs').then(n => n.s).catch(() => {
+    const { default: mod } = await import('./endpoint.js.4c130895.mjs').then(n => n.s).catch(() => {
       throw new Error(
         "[@astrojs/image] Builtin image loader not found. (Did you remember to add the integration to your Astro config?)"
       );
@@ -1011,6 +1011,9 @@ networkNames.forEach((network) => {
   }
 });
 
+let id = -1;
+const useId = () => String(++id);
+
 const emptyInfo = {
   list_payments: {},
   calculate_shipping: {},
@@ -1131,7 +1134,7 @@ window.$storefront.data['${field}'] = ${JSON.stringify(value)};`
   };
 };
 
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CarouselControl",
   props: {
     isPrev: { type: Boolean, default: false }
@@ -1144,7 +1147,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<button${ssrRenderAttrs(mergeProps({
     type: "button",
     "aria-label": !$props.isPrev ? "Pr\xF3ximo" : "Anterior",
@@ -1156,16 +1159,16 @@ function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</button>`);
 }
-const _sfc_setup$e = _sfc_main$e.setup;
-_sfc_main$e.setup = (props, ctx) => {
+const _sfc_setup$j = _sfc_main$j.setup;
+_sfc_main$j.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CarouselControl.vue");
-  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
+  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
 };
-const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
+const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["ssrRender", _sfc_ssrRender$j]]);
 
 const carouselKey = Symbol("carousel");
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
     as: { default: "ul" },
@@ -1269,9 +1272,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           direction = direction > 0 ? pageStep : -pageStep;
         }
       }
-      if (!props.autoplay) {
-        console.log({ direction }, currentIndex.value, slidesWidth.value.length);
-      }
       const nextOffsetLeft = calcNextOffsetLeft(direction);
       wrapper.value?.scrollTo({ left: nextOffsetLeft, behavior: "smooth" });
       restartAutoplay();
@@ -1329,7 +1329,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(mergeProps({
     ref: "carousel",
     class: "relative",
@@ -1386,15 +1386,15 @@ function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</div>`);
 }
-const _sfc_setup$d = _sfc_main$d.setup;
-_sfc_main$d.setup = (props, ctx) => {
+const _sfc_setup$i = _sfc_main$i.setup;
+_sfc_main$i.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Carousel.vue");
-  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
+  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
 };
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["ssrRender", _sfc_ssrRender$i]]);
 
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "PitchBar",
   props: {
     slides: {}
@@ -1411,7 +1411,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-base-100 relative z-20" }, _attrs))}><div class="container md:w-2/3 mx-auto px-3 py-1">`);
   _push(ssrRenderComponent($setup["Carousel"], {
     autoplay: $setup.countValidSlides > 1 ? 7e3 : void 0
@@ -1501,13 +1501,13 @@ function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div></div>`);
 }
-const _sfc_setup$c = _sfc_main$c.setup;
-_sfc_main$c.setup = (props, ctx) => {
+const _sfc_setup$h = _sfc_main$h.setup;
+_sfc_main$h.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/PitchBar.vue");
-  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
+  return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
 };
-const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
+const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["ssrRender", _sfc_ssrRender$h]]);
 
 const useStorage = (key, initialValue, storage = globalThis.localStorage) => {
   if (!storage) {
@@ -1578,30 +1578,30 @@ const parseProduct = (product, variationId, quantity) => {
   if (typeof quantity !== "number" || Number.isNaN(quantity)) {
     quantity = product.min_quantity || 1;
   }
-  const item = { ...product };
-  if (variationId && product.variations) {
-    Object.assign(item, product.variations.find(({ _id }) => _id === variationId));
-    delete item.variations;
-  }
-  item.product_id = product._id;
-  if (variationId) {
-    item.variation_id = variationId;
-    if (item.picture_id && product.pictures) {
-      const pictures = product.pictures.filter((picture) => {
-        return picture._id === item.picture_id;
-      });
-      if (pictures.length) {
-        [item.picture] = pictures;
-      }
-    }
+  const minQuantity = product.min_quantity || 0;
+  const variation = variationId && product.variations ? product.variations.find(({ _id }) => _id === variationId) : void 0;
+  const item = {
+    product_id: product._id,
+    variation_id: variationId,
+    sku: variation?.sku || product.sku,
+    name: variation?.name || product.name,
+    slug: product.slug,
+    production_time: variation?.production_time || product.production_time,
+    currency_id: product.currency_id,
+    currency_symbol: product.currency_symbol,
+    base_price: variation?.base_price || product.base_price,
+    max_quantity: product.quantity,
+    quantity: minQuantity > 0 ? Math.max(minQuantity, quantity) : quantity,
+    price: price(product)
+  };
+  if (variation?.picture_id && product.pictures) {
+    item.picture = product.pictures.find((_picture) => {
+      return _picture._id === variation.picture_id;
+    });
   }
   if (!item.picture && product.pictures) {
     [item.picture] = product.pictures;
   }
-  item.max_quantity = item.quantity || product.quantity;
-  const minQuantity = item.min_quantity || product.min_quantity;
-  item.quantity = minQuantity > 0 ? Math.max(minQuantity, quantity) : quantity;
-  item.price = price(item) || price(product);
   return item;
 };
 
@@ -1662,6 +1662,15 @@ const addCartItem = (newItem) => {
     shoppingCart.value.items = cartObj.items;
   }
 };
+const removeCartItem = (itemId) => {
+  for (let i = 0; i < shoppingCart.value.items.length; i++) {
+    const item = shoppingCart.value.items[i];
+    if (item._id === itemId) {
+      shoppingCart.value.items.splice(i, 1);
+      break;
+    }
+  }
+};
 const addProductToCart = (product, variationId, quantity) => addCartItem(parseProduct(product, variationId, quantity));
 
 const useStickyHeader = (props) => {
@@ -1669,7 +1678,8 @@ const useStickyHeader = (props) => {
     header,
     canSetStyles,
     canCreateHeightDiv,
-    isShownOnScrollDown
+    isShownOnScrollDown,
+    isShownOnMobile
   } = {
     canSetStyles: true,
     canCreateHeightDiv: true,
@@ -1678,12 +1688,20 @@ const useStickyHeader = (props) => {
   const { ready, start } = useTimeout(100, { controls: true, immediate: false });
   const staticHeight = ref(0);
   const staticY = ref(0);
-  const { y } = { y: ref(0) };
+  const { y: _y } = { y: ref(0) };
+  const y = ref(0);
+  watchDebounced(_y, (nextY) => {
+    y.value = nextY;
+  }, {
+    debounce: isMobile ? 100 : 50,
+    maxWait: isMobile ? 300 : 150
+  });
   const isSticky = computed(() => ready.value && y.value > staticY.value * 1.2);
   const transition = ref("none");
   watch(isSticky, async (_isSticky) => {
     if (canSetStyles && header.value) {
-      header.value.style.position = _isSticky ? "sticky" : "";
+      header.value.style.position = _isSticky ? "fixed" : "";
+      header.value.style.width = _isSticky ? "100vw" : "";
     }
     if (!_isSticky) {
       start();
@@ -1799,7 +1817,7 @@ const useShopHeader = (props) => {
   };
 };
 
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -1866,7 +1884,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   _push(ssrRenderComponent(_component_Fade, mergeProps({
     slide: $setup.slideTo,
@@ -1888,7 +1906,7 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           if ($props.hasCloseButton) {
             _push2(`<button type="button"${ssrRenderAttr("aria-label", "Fechar")} class="${ssrRenderClass([$props.placement === "end" ? "left-2" : "right-2", "absolute top-2"])}" data-drawer-close${_scopeId}>`);
             ssrRenderSlot(_ctx.$slots, "close", {}, () => {
-              _push2(`<i class="i-close text-base-400 text-3xl"${_scopeId}></i>`);
+              _push2(`<i class="i-close text-base-400 hover:text-base-600 text-3xl"${_scopeId}></i>`);
             }, _push2, _parent2, _scopeId);
             _push2(`</button>`);
           } else {
@@ -1950,7 +1968,7 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
                 "data-drawer-close": ""
               }, [
                 renderSlot$1(_ctx.$slots, "close", {}, () => [
-                  createVNode("i", { class: "i-close text-base-400 text-3xl" })
+                  createVNode("i", { class: "i-close text-base-400 hover:text-base-600 text-3xl" })
                 ])
               ], 10, ["onClick"])) : createCommentVNode("", true),
               renderSlot$1(_ctx.$slots, "default")
@@ -1974,13 +1992,13 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$b = _sfc_main$b.setup;
-_sfc_main$b.setup = (props, ctx) => {
+const _sfc_setup$g = _sfc_main$g.setup;
+_sfc_main$g.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Drawer.vue");
-  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
 };
-const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["ssrRender", _sfc_ssrRender$g]]);
 
 const storageKey = "ecomSession";
 const emptySession = {
@@ -2019,7 +2037,7 @@ const initializeFirebaseAuth = (canWaitIdle = !window.location.pathname.startsWi
   return;
 };
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "AccountLink",
   props: {
     to: {},
@@ -2054,20 +2072,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</a>`);
 }
-const _sfc_setup$a = _sfc_main$a.setup;
-_sfc_main$a.setup = (props, ctx) => {
+const _sfc_setup$f = _sfc_main$f.setup;
+_sfc_main$f.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/AccountLink.vue");
-  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
 };
-const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
+const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["ssrRender", _sfc_ssrRender$f]]);
 
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkIcon",
   props: {
     as: { default: "i" },
@@ -2101,18 +2119,18 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
 }
-const _sfc_setup$9 = _sfc_main$9.setup;
-_sfc_main$9.setup = (props, ctx) => {
+const _sfc_setup$e = _sfc_main$e.setup;
+_sfc_main$e.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkIcon.vue");
-  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
 };
-const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
+const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkLink",
   props: {
     network: {},
@@ -2138,7 +2156,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent(_component_ALink, mergeProps({ href: $setup.fixedHref }, _attrs), {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -2159,15 +2177,15 @@ function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$8 = _sfc_main$8.setup;
-_sfc_main$8.setup = (props, ctx) => {
+const _sfc_setup$d = _sfc_main$d.setup;
+_sfc_main$d.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkLink.vue");
-  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
 };
-const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
+const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenavCategory",
   props: {
     categoryTree: {}
@@ -2190,7 +2208,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_AImg = resolveComponent("AImg");
   const _component_ShopSidenavCategory = resolveComponent("ShopSidenavCategory", true);
   _push(`<li${ssrRenderAttrs(mergeProps({ class: "text-lg text-base-800" }, _attrs))}>`);
@@ -2228,15 +2246,15 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</li>`);
 }
-const _sfc_setup$7 = _sfc_main$7.setup;
-_sfc_main$7.setup = (props, ctx) => {
+const _sfc_setup$c = _sfc_main$c.setup;
+_sfc_main$c.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenavCategory.vue");
-  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
+const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenav",
   props: {
     categoryTrees: {}
@@ -2257,7 +2275,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex flex-col h-full" }, _attrs))}><nav class="py-4 grow"><ul class="relative h-full"><!--[-->`);
   ssrRenderList($props.categoryTrees, (categoryTree, i) => {
     _push(ssrRenderComponent($setup["ShopSidenavCategory"], {
@@ -2298,13 +2316,13 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></footer></aside>`);
 }
-const _sfc_setup$6 = _sfc_main$6.setup;
-_sfc_main$6.setup = (props, ctx) => {
+const _sfc_setup$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenav.vue");
-  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
 };
-const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
+const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
 
 const useShopHeaderSubmenu = (props) => {
   const categoryPicture = computed(() => {
@@ -2353,7 +2371,7 @@ const useShopHeaderSubmenu = (props) => {
   };
 };
 
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderSubmenu",
   props: {
     categoryTree: {},
@@ -2379,7 +2397,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_AImg = resolveComponent("AImg");
   _push(ssrRenderComponent($setup["Popover"], _attrs, {
@@ -2669,15 +2687,15 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
+const _sfc_setup$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderSubmenu.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
+const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
 
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderMenu",
   props: {
     inlineMenuTrees: {}
@@ -2693,7 +2711,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<nav${ssrRenderAttrs(_attrs)}><ul class="${ssrRenderClass([$props.inlineMenuTrees.length < 7 ? "text-base" : "text-sm", "flex gap-4 xl:gap-5 text-base-700"])}"><!--[-->`);
   ssrRenderList($props.inlineMenuTrees, (categoryTree, i) => {
     _push(`<li>`);
@@ -2737,28 +2755,28 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></nav>`);
 }
-const _sfc_setup$4 = _sfc_main$4.setup;
-_sfc_main$4.setup = (props, ctx) => {
+const _sfc_setup$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderMenu.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
+const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
 
-const _sfc_main$3 = {};
+const _sfc_main$8 = {};
 
-function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs) {
+function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs) {
   _push(`<div${ssrRenderAttrs(mergeProps({ class: "w-full h-40 bg-base-300" }, _attrs))}></div>`);
 }
-const _sfc_setup$3 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
   const ssrContext = useSSRContext()
   ;(ssrContext.modules || (ssrContext.modules = new Set())).add("src/components/SearchModal.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : undefined
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : undefined
 };
-const SearchModal = /*#__PURE__*/_export_sfc(_sfc_main$3, [['ssrRender',_sfc_ssrRender$3]]);
+const SearchModal = /*#__PURE__*/_export_sfc(_sfc_main$8, [['ssrRender',_sfc_ssrRender$8]]);
 
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "AccountMenu",
   props: {
     serviceLinks: {}
@@ -2788,7 +2806,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent($setup["Menu"], mergeProps({
@@ -3380,31 +3398,644 @@ function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/AccountMenu.vue");
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
+
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "CheckoutLink",
+  props: {
+    to: { default: "cart" },
+    cartUrl: { default: globalThis.$storefront.settings.cart_url || "/app/#/cart" },
+    checkoutUrl: { default: globalThis.$storefront.settings.checkout_url || "/app/#/checkout" }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const href = computed(() => {
+      if (props.to === "cart")
+        return props.cartUrl;
+      return props.checkoutUrl;
+    });
+    const __returned__ = { props, href };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+  _push(`</a>`);
+}
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CheckoutLink.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const CheckoutLink = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
+
+const getPriceWithDiscount = (price, discount) => {
+  const { type, value } = discount;
+  let priceWithDiscount;
+  if (value) {
+    if (type === "percentage") {
+      priceWithDiscount = price * ((100 - value) / 100);
+    } else {
+      priceWithDiscount = price - value;
+    }
+    return priceWithDiscount > 0 ? priceWithDiscount : 0;
+  }
+  return price;
+};
+const usePrices = (props) => {
+  const _product = computed(() => {
+    return props.product || {
+      price: props.price || 0,
+      base_price: props.basePrice
+    };
+  });
+  const hasVariedPrices = computed(() => {
+    const { variations } = _product.value;
+    if (variations) {
+      const productPrice = price(_product.value);
+      for (let i = 0; i < variations.length; i++) {
+        const price$1 = price({
+          ..._product.value,
+          ...variations[i]
+        });
+        if (price$1 > productPrice) {
+          return true;
+        }
+      }
+    }
+    return false;
+  });
+  const salePrice = computed(() => {
+    const price$1 = price(_product.value);
+    const discount = availableExtraDiscount.value;
+    if (discount && (!discount.min_amount || price$1 > discount.min_amount)) {
+      return getPriceWithDiscount(price$1, discount);
+    }
+    return price$1;
+  });
+  const comparePrice = computed(() => {
+    if (onPromotion(_product.value)) {
+      return _product.value.base_price;
+    }
+    const price$1 = price(_product.value);
+    if (price$1 > salePrice.value) {
+      return price$1;
+    }
+    return 0;
+  });
+  const installmentsObject = computed(() => {
+    return props.installmentsOption || installmentsOption.value || { max_number: 1 };
+  });
+  const installmentsNumber = computed(() => {
+    if (installmentsObject.value.max_number <= 1) {
+      return 1;
+    }
+    const minInstallment = installmentsObject.value.min_installment || 5;
+    const maxInstallmentsNumber = Math.floor(salePrice.value / minInstallment);
+    return Math.min(maxInstallmentsNumber, installmentsObject.value.max_number);
+  });
+  const monthlyInterest = computed(() => {
+    return installmentsObject.value.monthly_interest || 0;
+  });
+  const installmentValue = computed(() => {
+    if (installmentsNumber.value >= 2) {
+      if (!monthlyInterest.value) {
+        return salePrice.value / installmentsNumber.value;
+      }
+      const interest = monthlyInterest.value / 100;
+      return salePrice.value * interest / (1 - (1 + interest) ** -installmentsNumber.value);
+    }
+    return 0;
+  });
+  const discountObject = computed(() => {
+    const discount = props.discountOption || discountOption.value;
+    if (discount && (!discount.min_amount || discount.min_amount <= salePrice.value) && (!props.isAmountTotal || discount.apply_at === "total")) {
+      return discount;
+    }
+    return {};
+  });
+  const discountLabel = computed(() => {
+    const { label } = discountObject.value;
+    if (label) {
+      if (label.includes(" ")) {
+        return label;
+      }
+      return `via ${label}`;
+    }
+    return "";
+  });
+  const priceWithDiscount = computed(() => {
+    return getPriceWithDiscount(salePrice.value, discountObject.value);
+  });
+  const pointsProgramObject = computed(() => {
+    if (props.loyaltyPointsProgram) {
+      return props.loyaltyPointsProgram;
+    }
+    const pointsPrograms = loyaltyPointsPrograms.value;
+    if (pointsPrograms) {
+      const programIds = Object.keys(pointsPrograms);
+      for (let i = 0; i < programIds.length; i++) {
+        const program = pointsPrograms[programIds[i]];
+        if (program?.earn_percentage && program.earn_percentage > 0) {
+          return program;
+        }
+      }
+    }
+    return { ratio: 0 };
+  });
+  const pointsMinPrice = computed(() => {
+    return pointsProgramObject.value.min_subtotal_to_earn || 0;
+  });
+  const pointsProgramName = computed(() => {
+    return pointsProgramObject.value.name || "";
+  });
+  const earnPointsPercentage = computed(() => {
+    return pointsProgramObject.value.earn_percentage || 0;
+  });
+  const cashbackPercentage = computed(() => {
+    return earnPointsPercentage.value * pointsProgramObject.value.ratio;
+  });
+  const cashbackValue = computed(() => {
+    return cashbackPercentage.value >= 1 ? salePrice.value * (cashbackPercentage.value / 100) : 0;
+  });
+  return {
+    hasVariedPrices,
+    salePrice,
+    comparePrice,
+    installmentsObject,
+    installmentsNumber,
+    monthlyInterest,
+    installmentValue,
+    discountObject,
+    discountLabel,
+    priceWithDiscount,
+    pointsProgramObject,
+    pointsMinPrice,
+    pointsProgramName,
+    earnPointsPercentage,
+    cashbackPercentage,
+    cashbackValue
+  };
+};
+
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "Prices",
+  props: {
+    isBig: { type: Boolean },
+    isLiteral: { type: Boolean },
+    hasCashback: { type: Boolean, default: true },
+    hasPriceOptions: { type: Boolean, default: true },
+    product: {},
+    price: {},
+    basePrice: {},
+    isAmountTotal: { type: Boolean },
+    installmentsOption: {},
+    discountOption: {},
+    loyaltyPointsProgram: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const {
+      hasVariedPrices,
+      salePrice,
+      comparePrice,
+      cashbackPercentage,
+      cashbackValue,
+      installmentsNumber,
+      monthlyInterest,
+      installmentValue,
+      priceWithDiscount,
+      discountLabel
+    } = usePrices(props);
+    const __returned__ = { props, hasVariedPrices, salePrice, comparePrice, cashbackPercentage, cashbackValue, installmentsNumber, monthlyInterest, installmentValue, priceWithDiscount, discountLabel };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Fade = resolveComponent("Fade");
+  _push(`<div${ssrRenderAttrs(mergeProps({
+    class: ["text-base-600 [&>div]:[font-size:90%] [&_small]:lowercase [&_small]:[font-size:92%]", $props.isBig ? "text-lg" : null],
+    "data-prices": ""
+  }, _attrs))}>`);
+  if ($setup.comparePrice) {
+    _push(`<span class="text-base-500 mr-1 text-[87%]">`);
+    if ($props.isLiteral) {
+      _push(`<small>${ssrInterpolate(`${"De"} `)}</small>`);
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`<s>${ssrInterpolate(_ctx.$money($setup.comparePrice))}</s>`);
+    if ($props.isLiteral) {
+      _push(`<small>${ssrInterpolate(` ${"Por"}`)}</small>`);
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`</span>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`<strong class="${ssrRenderClass([$props.isBig ? "text-5xl block" : null, "inline-block text-base-800"])}">`);
+  if ($setup.hasVariedPrices) {
+    _push(`<small>${ssrInterpolate(`${"A partir de"} `)}</small>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(` ${ssrInterpolate(_ctx.$money($setup.salePrice))}</strong>`);
+  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if ($setup.cashbackValue && $props.hasCashback) {
+          _push2(`<div class="relative z-10"${_scopeId}><span${ssrRenderAttr("data-tooltip", "Receba $1 de volta".replace("$1", _ctx.$percentage($setup.cashbackPercentage)))}${_scopeId}><i class="i-arrow-uturn-left mr-1"${_scopeId}></i><span class="font-medium"${_scopeId}>${ssrInterpolate(_ctx.$money($setup.cashbackValue))}</span><small${_scopeId}> cashback</small></span></div>`);
+        } else {
+          _push2(`<!---->`);
+        }
+      } else {
+        return [
+          $setup.cashbackValue && $props.hasCashback ? (openBlock(), createBlock("div", {
+            key: 0,
+            class: "relative z-10"
+          }, [
+            createVNode("span", {
+              "data-tooltip": "Receba $1 de volta".replace("$1", _ctx.$percentage($setup.cashbackPercentage))
+            }, [
+              createVNode("i", { class: "i-arrow-uturn-left mr-1" }),
+              createVNode("span", { class: "font-medium" }, toDisplayString(_ctx.$money($setup.cashbackValue)), 1),
+              createVNode("small", null, " cashback")
+            ], 8, ["data-tooltip"])
+          ])) : createCommentVNode("", true)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if ($setup.installmentValue && $props.hasPriceOptions) {
+          _push2(`<div${_scopeId}>`);
+          if ($props.isLiteral) {
+            _push2(`<small${_scopeId}>${ssrInterpolate(`${"At\xE9"} `)}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(` ${ssrInterpolate($setup.installmentsNumber)}x `);
+          if ($props.isLiteral) {
+            _push2(`<small${_scopeId}>${ssrInterpolate(` ${"De"} `)}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money($setup.installmentValue))}</span>`);
+          if (!$setup.monthlyInterest && $props.isLiteral) {
+            _push2(`<small${_scopeId}>${ssrInterpolate("Sem juros")}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(`</div>`);
+        } else {
+          _push2(`<!---->`);
+        }
+      } else {
+        return [
+          $setup.installmentValue && $props.hasPriceOptions ? (openBlock(), createBlock("div", { key: 0 }, [
+            $props.isLiteral ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"At\xE9"} `))) : createCommentVNode("", true),
+            createTextVNode(" " + toDisplayString($setup.installmentsNumber) + "x ", 1),
+            $props.isLiteral ? (openBlock(), createBlock("small", { key: 1 }, toDisplayString(` ${"De"} `))) : createCommentVNode("", true),
+            createVNode("span", null, toDisplayString(_ctx.$money($setup.installmentValue)), 1),
+            !$setup.monthlyInterest && $props.isLiteral ? (openBlock(), createBlock("small", { key: 2 }, toDisplayString("Sem juros"))) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if ($setup.priceWithDiscount < $setup.salePrice && $props.hasPriceOptions) {
+          _push2(`<div${_scopeId}>`);
+          if (!$setup.discountLabel) {
+            _push2(`<small${_scopeId}>${ssrInterpolate(`${"A partir de"} `)}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money($setup.priceWithDiscount))}</span>`);
+          if ($setup.discountLabel) {
+            _push2(`<small${_scopeId}>${ssrInterpolate(` ${$setup.discountLabel}`)}</small>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          _push2(`</div>`);
+        } else {
+          _push2(`<!---->`);
+        }
+      } else {
+        return [
+          $setup.priceWithDiscount < $setup.salePrice && $props.hasPriceOptions ? (openBlock(), createBlock("div", { key: 0 }, [
+            !$setup.discountLabel ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"A partir de"} `))) : createCommentVNode("", true),
+            createVNode("span", null, toDisplayString(_ctx.$money($setup.priceWithDiscount)), 1),
+            $setup.discountLabel ? (openBlock(), createBlock("small", { key: 1 }, toDisplayString(` ${$setup.discountLabel}`), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`</div>`);
+}
+const _sfc_setup$5 = _sfc_main$5.setup;
+_sfc_main$5.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Prices.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const Prices = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
+
+const useCartItem = (props) => {
+  const parsedItem = computed(() => {
+    return !props.item && props.product ? parseProduct(props.product) : null;
+  });
+  const cartItem = computed(() => {
+    return props.item || parsedItem.value;
+  });
+  const title = computed(() => {
+    return name(cartItem.value);
+  });
+  const link = computed(() => {
+    const { slug } = cartItem.value;
+    if (typeof slug === "string") {
+      return `/${slug}`;
+    }
+    return null;
+  });
+  const image = computed(() => {
+    if (cartItem.value.picture) {
+      return img(cartItem.value.picture, void 0, props.pictureSize || "small");
+    }
+    return void 0;
+  });
+  const finalPrice = computed(() => {
+    return cartItem.value.final_price || cartItem.value.price;
+  });
+  return {
+    cartItem,
+    title,
+    link,
+    image,
+    finalPrice
+  };
+};
+
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "QuantitySelectorControl",
+  props: {
+    isMinus: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const {
+      value,
+      isBoundMin,
+      isBoundMax
+    } = inject(quantitySelectorKey);
+    const __returned__ = { value, isBoundMin, isBoundMax };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<button${ssrRenderAttrs(mergeProps({
+    type: "button",
+    class: "w-10 h-12 text-xl leading-12 enabled:text-primary enabled:hover:bg-primary-100/70 disabled:opacity-40",
+    "data-quantity-selector-control": $props.isMinus ? "minus" : "plus",
+    "aria-label": $props.isMinus ? "Menos" : "Mais",
+    disabled: $props.isMinus ? $setup.isBoundMin : $setup.isBoundMax
+  }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, () => {
+    if ($props.isMinus) {
+      _push(`<!--[-->\u2212<!--]-->`);
+    } else {
+      _push(`<!--[-->+<!--]-->`);
+    }
+  }, _push, _parent);
+  _push(`</button>`);
+}
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelectorControl.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const QuantitySelectorControl = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
+
+const quantitySelectorKey = Symbol("quantitySelector");
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "QuantitySelector",
+  props: {
+    modelValue: { default: 1 },
+    min: { default: 1 },
+    max: {},
+    step: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit }) {
+    __expose();
+    const props = __props;
+    const input = ref(null);
+    const inputId = `NInput${useId()}`;
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(_value) {
+        if (_value < props.min) {
+          _value = props.min;
+          input.value.value = `${_value}`;
+        }
+        if (props.max && _value > props.max) {
+          _value = props.max;
+          input.value.value = `${_value}`;
+        }
+        emit("update:modelValue", _value);
+      }
+    });
+    const isBoundMin = computed(() => {
+      return props.min >= value.value;
+    });
+    const isBoundMax = computed(() => {
+      return props.max <= value.value;
+    });
+    provide(quantitySelectorKey, {
+      value,
+      isBoundMin,
+      isBoundMax
+    });
+    const __returned__ = { quantitySelectorKey, props, emit, input, inputId, value, isBoundMin, isBoundMax, QuantitySelectorControl };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<div${ssrRenderAttrs(mergeProps({ "data-quantity-selector": "" }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "label", { inputId: $setup.inputId, value: $setup.value }, () => {
+    _push(`<label${ssrRenderAttr("for", $setup.inputId)} class="sr-only">${ssrInterpolate("Quantidade")}</label>`);
+  }, _push, _parent);
+  _push(`<div class="flex items-center"><input type="number"${ssrRenderAttr("id", $setup.inputId)}${ssrRenderAttr("value", $setup.value)}${ssrRenderAttr("min", $props.min)}${ssrRenderAttr("max", $props.max)}${ssrRenderAttr("step", $props.step)}${ssrIncludeBooleanAttr($props.disabled) ? " disabled" : ""}${ssrIncludeBooleanAttr($props.readonly) ? " readonly" : ""} class="h-12 w-14 px-2 text-lg border-transparent text-center [-moz-appearance:_textfield] [&amp;::-webkit-outer-spin-button]:m-0 [&amp;::-webkit-outer-spin-button]:appearance-none [&amp;::-webkit-inner-spin-button]:m-0 [&amp;::-webkit-inner-spin-button]:appearance-none">`);
+  ssrRenderSlot(_ctx.$slots, "controls", { value: $setup.value, isBoundMin: $setup.isBoundMin, isBoundMax: $setup.isBoundMax }, () => {
+    _push(ssrRenderComponent($setup["QuantitySelectorControl"], {
+      "is-minus": "",
+      class: "order-first"
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, "minus", {}, null, _push2, _parent2, _scopeId);
+        } else {
+          return [
+            renderSlot$1(_ctx.$slots, "minus")
+          ];
+        }
+      }),
+      _: 3
+    }, _parent));
+    _push(ssrRenderComponent($setup["QuantitySelectorControl"], { class: "order-last" }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, "plus", {}, null, _push2, _parent2, _scopeId);
+        } else {
+          return [
+            renderSlot$1(_ctx.$slots, "plus")
+          ];
+        }
+      }),
+      _: 3
+    }, _parent));
+  }, _push, _parent);
+  _push(`</div></div>`);
+}
+const _sfc_setup$3 = _sfc_main$3.setup;
+_sfc_main$3.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/QuantitySelector.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const QuantitySelector = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "CartItem",
+  props: {
+    item: {},
+    product: {},
+    pictureSize: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const {
+      cartItem,
+      title,
+      link,
+      image,
+      finalPrice
+    } = useCartItem(props);
+    const __returned__ = { props, cartItem, title, link, image, finalPrice, get removeCartItem() {
+      return removeCartItem;
+    }, QuantitySelector, Prices };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_AImg = resolveComponent("AImg");
+  _push(`<article${ssrRenderAttrs(mergeProps({ class: "relative bg-white shadow-sm" }, _attrs))}>`);
+  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($setup.link ? "ALink" : "div"), {
+    href: $setup.link,
+    class: "flex items-center gap-5 p-4 group"
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if ($setup.image) {
+          _push2(ssrRenderComponent(_component_AImg, {
+            picture: $setup.image,
+            alt: $setup.title,
+            class: "w-20 h-20 object-cover"
+          }, null, _parent2, _scopeId));
+        } else {
+          _push2(`<!---->`);
+        }
+        _push2(`<p class="py-2 flex-auto text-sm text-base-700 group-hover:text-base-900 group-hover:underline"${_scopeId}>${ssrInterpolate($setup.title)}</p>`);
+      } else {
+        return [
+          $setup.image ? (openBlock(), createBlock(_component_AImg, {
+            key: 0,
+            picture: $setup.image,
+            alt: $setup.title,
+            class: "w-20 h-20 object-cover"
+          }, null, 8, ["picture", "alt"])) : createCommentVNode("", true),
+          createVNode("p", { class: "py-2 flex-auto text-sm text-base-700 group-hover:text-base-900 group-hover:underline" }, toDisplayString($setup.title), 1)
+        ];
+      }
+    }),
+    _: 1
+  }), _parent);
+  if ($setup.cartItem._id) {
+    _push(`<button class="absolute top-0 right-0 p-2 opacity-70 hover:opacity-100"${ssrRenderAttr("aria-label", "Remover")}><span class="w-5 h-5 text-sm leading-none flex flex-col justify-center rounded-full border-3 text-danger-800 border-danger-700/30"><i class="i-close my-0 mx-auto"></i></span></button>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`<div class="flex justify-between items-center border-t-2 border-base-100"><div class="border-r-2 border-base-100">`);
+  _push(ssrRenderComponent($setup["QuantitySelector"], {
+    modelValue: $setup.cartItem.quantity,
+    "onUpdate:modelValue": ($event) => $setup.cartItem.quantity = $event,
+    min: $setup.cartItem.min_quantity,
+    max: $setup.cartItem.max_quantity
+  }, null, _parent));
+  _push(`</div>`);
+  _push(ssrRenderComponent($setup["Prices"], {
+    "base-price": $setup.cartItem.base_price,
+    price: $setup.finalPrice,
+    class: "px-4 py-2.5 text-[95%]"
+  }, null, _parent));
+  _push(`</div></article>`);
+}
 const _sfc_setup$2 = _sfc_main$2.setup;
 _sfc_main$2.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/AccountMenu.vue");
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/CartItem.vue");
   return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
-const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+const CartItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
 
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CartSidebar",
-  setup(__props, { expose: __expose }) {
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit }) {
     __expose();
-    const __returned__ = { get freeShippingFromValue() {
+    const __returned__ = { emit, get freeShippingFromValue() {
       return freeShippingFromValue;
     }, get shoppingCart() {
       return shoppingCart;
     }, get totalItems() {
       return totalItems;
-    } };
+    }, CheckoutLink, Prices, CartItem };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex flex-col h-full" }, _attrs))}><header class="px-6 py-4 flex justify-end items-center gap-3"><span class="text-right text-base text-base-600 font-medium">${ssrInterpolate("Meu carrinho de compras")}</span><span class="ui-badge-pill-lg">${ssrInterpolate($setup.totalItems)}</span></header><article class="grow bg-base-50 border-t-2 border-b-2 border-base-100">`);
+  _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex flex-col h-screen bg-white" }, _attrs))}><header class="px-6 py-4 flex justify-end items-center gap-3 shadow ring-1 ring-black/5 z-10"><span class="text-right text-base text-base-600 font-medium">${ssrInterpolate("Meu carrinho de compras")}</span><span class="min-w-[3rem] text-right"><span class="ui-badge-pill-lg">${ssrInterpolate($setup.totalItems)}</span></span></header><article class="grow overflow-y-auto bg-base-50">`);
   if ($setup.freeShippingFromValue) {
     _push(`<div class="text-sm text-center">`);
     if ($setup.freeShippingFromValue > $setup.shoppingCart.subtotal) {
@@ -3419,11 +4050,36 @@ function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   } else {
     _push(`<!---->`);
   }
-  _push(`<ul class="p-5"><!--[-->`);
+  _push(`<ul class="px-4 pt-4 pb-2"><!--[-->`);
   ssrRenderList($setup.shoppingCart.items, (item, i) => {
-    _push(`<li></li>`);
+    _push(`<li>`);
+    _push(ssrRenderComponent($setup["CartItem"], {
+      item,
+      class: "mb-3"
+    }, null, _parent));
+    _push(`</li>`);
   });
-  _push(`<!--]--></ul></article><footer class="p-5 shadow"></footer></aside>`);
+  _push(`<!--]--></ul></article><footer class="px-5 pt-4 pb-3 ring-2 ring-black/5 z-10"><div class="grid grid-cols-2 gap-3 items-center text-right"><div>${ssrInterpolate("Subtotal")}</div>`);
+  _push(ssrRenderComponent($setup["Prices"], {
+    price: $setup.shoppingCart.subtotal,
+    "is-literal": true,
+    class: "text-lg"
+  }, null, _parent));
+  _push(`</div>`);
+  _push(ssrRenderComponent($setup["CheckoutLink"], { class: "ui-btn-lg ui-btn-primary w-full text-right my-2.5" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<i class="i-check mr-2"${_scopeId}></i> ${ssrInterpolate("Finalizar compra")}`);
+      } else {
+        return [
+          createVNode("i", { class: "i-check mr-2" }),
+          createTextVNode(" " + toDisplayString("Finalizar compra"))
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`<a href="#" class="ui-link text-base-500 hover:text-base-700 text-sm"><i class="i-arrow-left mr-1"></i> ${ssrInterpolate("Continuar comprando")}</a></footer></aside>`);
 }
 const _sfc_setup$1 = _sfc_main$1.setup;
 _sfc_main$1.setup = (props, ctx) => {
@@ -3460,7 +4116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       isMounted.value = true;
       watch(totalItems, (newTotalItems, prevTotalItems) => {
-        if (prevTotalItems && prevTotalItems < newTotalItems) {
+        if (typeof prevTotalItems === "number" && prevTotalItems < newTotalItems) {
           isCartOpen.value = true;
         }
         delayedTotalItems.value = newTotalItems;
@@ -3552,10 +4208,14 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
       }, {
         default: withCtx((_, _push3, _parent2, _scopeId) => {
           if (_push3) {
-            _push3(ssrRenderComponent($setup["CartSidebar"], null, null, _parent2, _scopeId));
+            _push3(ssrRenderComponent($setup["CartSidebar"], {
+              onClose: ($event) => $setup.isCartOpen = false
+            }, null, _parent2, _scopeId));
           } else {
             return [
-              createVNode($setup["CartSidebar"])
+              createVNode($setup["CartSidebar"], {
+                onClose: ($event) => $setup.isCartOpen = false
+              }, null, 8, ["onClose"])
             ];
           }
         }),
@@ -3658,4 +4318,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$BaseHead as $, BaseSSRService as B, Carousel as C, _export_sfc as _, $$PageHeader as a, $$Base as b, $$Picture as c, CarouselControl as d, availableExtraDiscount as e, installmentsOption as f, discountOption as g, loyaltyPointsPrograms as h, isOutputFormatSupportsAlpha as i, addProductToCart as j, ____slug_ as k, loadRouteContext as l, parseShippingPhrase as p };
+export { $$BaseHead as $, BaseSSRService as B, Carousel as C, Prices as P, _export_sfc as _, $$PageHeader as a, $$Base as b, $$Picture as c, CarouselControl as d, addProductToCart as e, ____slug_ as f, isOutputFormatSupportsAlpha as i, loadRouteContext as l, parseShippingPhrase as p };