cloudcommerce 2.6.3 → 2.6.4

package/packages/storefront/dist/server/chunks/pages/{__ZucPYaOo.mjs → __B4CsSrck.mjs}

@@ -1,22 +1,21 @@
 import { img, imgSizes, i18n, formatMoney, price, randomObjectId, nickname, inStock, gridTitle, categoriesList, name, onPromotion, variationsGrids, specTextValue, specValueByText } from '@ecomplus/utils';
 import '@astrojs/internal-helpers/path';
-import { A as AstroError, c as ExpectedImageOptions, E as ExpectedImage, d as InvalidImageService, e as createAstro, f as createComponent, g as ImageMissingAlt, r as renderTemplate, m as maybeRenderHead, h as addAttribute, s as spreadAttributes, u as unescapeHTML, i as renderComponent, j as createTransitionScope, k as renderSlotToString, l as renderAllHeadContent, n as renderSlot$1, F as Fragment } from '../astro_u-oSb215.mjs';
+import { A as AstroError, c as ExpectedImageOptions, E as ExpectedImage, F as FailedToFetchRemoteImageDimensions, d as InvalidImageService, e as createAstro, f as createComponent, g as ImageMissingAlt, r as renderTemplate, m as maybeRenderHead, h as addAttribute, s as spreadAttributes, u as unescapeHTML, i as renderComponent, j as createTransitionScope, k as renderSlotToString, l as renderAllHeadContent, n as renderSlot$1, o as Fragment } from '../astro_ISB6VLqs.mjs';
 import 'kleur/colors';
-import 'cssesc';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
-import { useSSRContext, defineComponent, computed, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, ref, watch, toRef, onMounted, onBeforeUnmount, provide, getCurrentInstance, reactive, shallowRef, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, nextTick, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, vModelText, Suspense, createSlots, shallowReactive, withAsyncContext, vModelRadio } from 'vue';
+import { useSSRContext, defineComponent, computed, createVNode, resolveDynamicComponent, mergeProps, withCtx, renderSlot, inject, ref, watch, toRef, onMounted, onBeforeUnmount, provide, getCurrentInstance, reactive, shallowRef, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, mergeModels, useModel, nextTick, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, vModelText, Suspense, createSlots, shallowReactive, withAsyncContext, vModelRadio } from 'vue';
 import fs, { copyFileSync } from 'node:fs';
 import { resolve, join, basename as basename$1 } from 'node:path';
 import { parse } from 'yaml';
 import config from '@cloudcommerce/config';
 import 'clsx';
 /* empty css                           */
-import { renderSync, parse as parse$1, ELEMENT_NODE, walkSync } from 'ultrahtml';
+import { renderSync, parse as parse$1, walkSync, ELEMENT_NODE } from 'ultrahtml';
 import mime from 'mime/lite.js';
-import { i as isESMImportedImage, a as isLocalService, b as isRemoteImage, D as DEFAULT_HASH_PROPS } from '../astro/assets-service_631fRtTy.mjs';
+import { i as isRemoteImage, a as isESMImportedImage, b as isLocalService, D as DEFAULT_HASH_PROPS } from '../astro/assets-service_B77Hm2ue.mjs';
 import imageSize from 'image-size';
-import { ssrRenderSlotInner, ssrRenderVNode, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense, ssrLooseEqual } from 'vue/server-renderer';
+import { ssrRenderSlotInner, ssrRenderVNode, ssrRenderSlot, ssrRenderAttrs, ssrRenderClass, ssrRenderList, ssrRenderComponent, ssrRenderStyle, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense, ssrLooseEqual } from 'vue/server-renderer';
 import { useScroll, useElementHover, useDebounceFn, watchDebounced, useTimeout, promiseTimeout, watchOnce, onClickOutside, useUrlSearchParams, createReusableTemplate } from '@vueuse/core';
 import mitt from 'mitt';
 import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem, Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/vue';
@@ -30,7 +29,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "Fade",
   props: {
     speed: { default: "default" },
@@ -165,18 +164,18 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$G(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$H(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderSlotInner(_ctx.$slots, "default", {}, null, _push, _parent, null, true);
 }
-const _sfc_setup$G = _sfc_main$G.setup;
-_sfc_main$G.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/lib/components/globals/Fade.vue");
-  return _sfc_setup$G ? _sfc_setup$G(props, ctx) : void 0;
+  return _sfc_setup$H ? _sfc_setup$H(props, ctx) : void 0;
 };
-const Fade = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["ssrRender", _sfc_ssrRender$G]]);
+const Fade = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["ssrRender", _sfc_ssrRender$H]]);
 
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "ALink",
   props: {
     href: {},
@@ -203,7 +202,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$F(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$G(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.href ? "a" : "span"), mergeProps({
     href: $props.href,
     target: $setup.linkTarget,
@@ -221,15 +220,15 @@ function _sfc_ssrRender$F(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }), _parent);
 }
-const _sfc_setup$F = _sfc_main$F.setup;
-_sfc_main$F.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/globals/ALink.vue");
-  return _sfc_setup$F ? _sfc_setup$F(props, ctx) : void 0;
+  return _sfc_setup$G ? _sfc_setup$G(props, ctx) : void 0;
 };
-const ALink = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["ssrRender", _sfc_ssrRender$F]]);
+const ALink = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["ssrRender", _sfc_ssrRender$G]]);
 
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "AImg",
   props: {
     picture: {},
@@ -263,23 +262,24 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$E(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$F(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<img${ssrRenderAttrs(mergeProps($setup.attrs, _attrs))}>`);
 }
-const _sfc_setup$E = _sfc_main$E.setup;
-_sfc_main$E.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/globals/AImg.vue");
-  return _sfc_setup$E ? _sfc_setup$E(props, ctx) : void 0;
+  return _sfc_setup$F ? _sfc_setup$F(props, ctx) : void 0;
 };
-const AImg = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["ssrRender", _sfc_ssrRender$E]]);
+const AImg = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["ssrRender", _sfc_ssrRender$F]]);
 
-const rowClassName = "bg-gray-200 rounded-md dark:bg-gray-700";
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const rowClassName = "bg-base-200 rounded-md";
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "Skeleton",
   props: {
     isBold: { type: Boolean },
-    isLarge: { type: Boolean }
+    isLarge: { type: Boolean },
+    numRows: { default: 6 }
   },
   setup(__props, { expose: __expose }) {
     __expose();
@@ -295,19 +295,44 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$D(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$E(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(mergeProps({
     role: "status",
     class: ["animate-pulse", $props.isLarge ? "max-w-4xl" : "max-w-sm"]
-  }, _attrs))}><div class="${ssrRenderClass([$setup.firstRowClassName, $props.isLarge ? "w-96" : "w-48"])}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[680px]" : "max-w-[340px]"])}"></div><div class="${ssrRenderClass($setup.nextRowsClassName)}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[660px]" : "max-w-[330px]"])}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[600px]" : "max-w-[300px]"])}"></div><div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[720px]" : "max-w-[360px]"])}"></div><span class="sr-only">Loading...</span></div>`);
+  }, _attrs))}><div class="${ssrRenderClass([$setup.firstRowClassName, $props.isLarge ? "w-96" : "w-48"])}"></div>`);
+  if ($props.numRows > 1) {
+    _push(`<div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[680px]" : "max-w-[340px]"])}"></div>`);
+  } else {
+    _push(`<!---->`);
+  }
+  if ($props.numRows > 2) {
+    _push(`<div class="${ssrRenderClass($setup.nextRowsClassName)}"></div>`);
+  } else {
+    _push(`<!---->`);
+  }
+  if ($props.numRows > 3) {
+    _push(`<div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[660px]" : "max-w-[330px]"])}"></div>`);
+  } else {
+    _push(`<!---->`);
+  }
+  if ($props.numRows > 4) {
+    _push(`<div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[600px]" : "max-w-[300px]"])}"></div>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`<!--[-->`);
+  ssrRenderList($props.numRows - 5, (n) => {
+    _push(`<div class="${ssrRenderClass([$setup.nextRowsClassName, $props.isLarge ? "max-w-[720px]" : "max-w-[360px]"])}"></div>`);
+  });
+  _push(`<!--]--><span class="sr-only">Loading...</span></div>`);
 }
-const _sfc_setup$D = _sfc_main$D.setup;
-_sfc_main$D.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/globals/Skeleton.vue");
-  return _sfc_setup$D ? _sfc_setup$D(props, ctx) : void 0;
+  return _sfc_setup$E ? _sfc_setup$E(props, ctx) : void 0;
 };
-const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["ssrRender", _sfc_ssrRender$D]]);
+const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["ssrRender", _sfc_ssrRender$E]]);
 
 if (!globalThis.__sfIds)
   globalThis.__sfIds = {};
@@ -366,7 +391,7 @@ const createApp$1 = (app) => {
   app.component("Skeleton", Skeleton);
 };
 
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "CarouselControl",
   props: {
     isPrev: { type: Boolean, default: false }
@@ -380,7 +405,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$C(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$D(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<button${ssrRenderAttrs(mergeProps({
     type: "button",
     "aria-label": !$props.isPrev ? "Pr\xF3ximo" : "Anterior",
@@ -397,16 +422,16 @@ function _sfc_ssrRender$C(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</button>`);
 }
-const _sfc_setup$C = _sfc_main$C.setup;
-_sfc_main$C.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/CarouselControl.vue");
-  return _sfc_setup$C ? _sfc_setup$C(props, ctx) : void 0;
+  return _sfc_setup$D ? _sfc_setup$D(props, ctx) : void 0;
 };
-const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["ssrRender", _sfc_ssrRender$C]]);
+const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["ssrRender", _sfc_ssrRender$D]]);
 
 const carouselKey = Symbol("carousel");
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
     as: { default: "ul" },
@@ -588,7 +613,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$B(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$C(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(mergeProps({
     ref: "carousel",
     class: `relative ${!$setup.isX ? "overflow-hidden" : ""}`,
@@ -652,13 +677,13 @@ function _sfc_ssrRender$B(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</div>`);
 }
-const _sfc_setup$B = _sfc_main$B.setup;
-_sfc_main$B.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/lib/components/Carousel.vue");
-  return _sfc_setup$B ? _sfc_setup$B(props, ctx) : void 0;
+  return _sfc_setup$C ? _sfc_setup$C(props, ctx) : void 0;
 };
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["ssrRender", _sfc_ssrRender$B]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["ssrRender", _sfc_ssrRender$C]]);
 
 const createApp = (app) => {
   createApp$1(app);
@@ -671,11 +696,823 @@ const mod = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   default: createApp
 }, Symbol.toStringTag, { value: 'Module' }));
 
+const decoder = new TextDecoder();
+const toUTF8String = (input, start = 0, end = input.length) => decoder.decode(input.slice(start, end));
+const toHexString = (input, start = 0, end = input.length) => input.slice(start, end).reduce((memo, i) => memo + ("0" + i.toString(16)).slice(-2), "");
+const readInt16LE = (input, offset = 0) => {
+  const val = input[offset] + input[offset + 1] * 2 ** 8;
+  return val | (val & 2 ** 15) * 131070;
+};
+const readUInt16BE = (input, offset = 0) => input[offset] * 2 ** 8 + input[offset + 1];
+const readUInt16LE = (input, offset = 0) => input[offset] + input[offset + 1] * 2 ** 8;
+const readUInt24LE = (input, offset = 0) => input[offset] + input[offset + 1] * 2 ** 8 + input[offset + 2] * 2 ** 16;
+const readInt32LE = (input, offset = 0) => input[offset] + input[offset + 1] * 2 ** 8 + input[offset + 2] * 2 ** 16 + (input[offset + 3] << 24);
+const readUInt32BE = (input, offset = 0) => input[offset] * 2 ** 24 + input[offset + 1] * 2 ** 16 + input[offset + 2] * 2 ** 8 + input[offset + 3];
+const readUInt32LE = (input, offset = 0) => input[offset] + input[offset + 1] * 2 ** 8 + input[offset + 2] * 2 ** 16 + input[offset + 3] * 2 ** 24;
+const methods = {
+  readUInt16BE,
+  readUInt16LE,
+  readUInt32BE,
+  readUInt32LE
+};
+function readUInt(input, bits, offset, isBigEndian) {
+  offset = offset || 0;
+  const endian = isBigEndian ? "BE" : "LE";
+  const methodName = "readUInt" + bits + endian;
+  return methods[methodName](input, offset);
+}
+function readBox(buffer, offset) {
+  if (buffer.length - offset < 4)
+    return;
+  const boxSize = readUInt32BE(buffer, offset);
+  if (buffer.length - offset < boxSize)
+    return;
+  return {
+    name: toUTF8String(buffer, 4 + offset, 8 + offset),
+    offset,
+    size: boxSize
+  };
+}
+function findBox(buffer, boxName, offset) {
+  while (offset < buffer.length) {
+    const box = readBox(buffer, offset);
+    if (!box)
+      break;
+    if (box.name === boxName)
+      return box;
+    offset += box.size;
+  }
+}
+
+const BMP = {
+  validate: (input) => toUTF8String(input, 0, 2) === "BM",
+  calculate: (input) => ({
+    height: Math.abs(readInt32LE(input, 22)),
+    width: readUInt32LE(input, 18)
+  })
+};
+
+const TYPE_ICON = 1;
+const SIZE_HEADER$1 = 2 + 2 + 2;
+const SIZE_IMAGE_ENTRY = 1 + 1 + 1 + 1 + 2 + 2 + 4 + 4;
+function getSizeFromOffset(input, offset) {
+  const value = input[offset];
+  return value === 0 ? 256 : value;
+}
+function getImageSize$1(input, imageIndex) {
+  const offset = SIZE_HEADER$1 + imageIndex * SIZE_IMAGE_ENTRY;
+  return {
+    height: getSizeFromOffset(input, offset + 1),
+    width: getSizeFromOffset(input, offset)
+  };
+}
+const ICO = {
+  validate(input) {
+    const reserved = readUInt16LE(input, 0);
+    const imageCount = readUInt16LE(input, 4);
+    if (reserved !== 0 || imageCount === 0)
+      return false;
+    const imageType = readUInt16LE(input, 2);
+    return imageType === TYPE_ICON;
+  },
+  calculate(input) {
+    const nbImages = readUInt16LE(input, 4);
+    const imageSize = getImageSize$1(input, 0);
+    if (nbImages === 1)
+      return imageSize;
+    const imgs = [imageSize];
+    for (let imageIndex = 1; imageIndex < nbImages; imageIndex += 1) {
+      imgs.push(getImageSize$1(input, imageIndex));
+    }
+    return {
+      height: imageSize.height,
+      images: imgs,
+      width: imageSize.width
+    };
+  }
+};
+
+const TYPE_CURSOR = 2;
+const CUR = {
+  validate(input) {
+    const reserved = readUInt16LE(input, 0);
+    const imageCount = readUInt16LE(input, 4);
+    if (reserved !== 0 || imageCount === 0)
+      return false;
+    const imageType = readUInt16LE(input, 2);
+    return imageType === TYPE_CURSOR;
+  },
+  calculate: (input) => ICO.calculate(input)
+};
+
+const DDS = {
+  validate: (input) => readUInt32LE(input, 0) === 542327876,
+  calculate: (input) => ({
+    height: readUInt32LE(input, 12),
+    width: readUInt32LE(input, 16)
+  })
+};
+
+const gifRegexp = /^GIF8[79]a/;
+const GIF = {
+  validate: (input) => gifRegexp.test(toUTF8String(input, 0, 6)),
+  calculate: (input) => ({
+    height: readUInt16LE(input, 8),
+    width: readUInt16LE(input, 6)
+  })
+};
+
+const brandMap = {
+  avif: "avif",
+  mif1: "heif",
+  msf1: "heif",
+  // hief-sequence
+  heic: "heic",
+  heix: "heic",
+  hevc: "heic",
+  // heic-sequence
+  hevx: "heic"
+  // heic-sequence
+};
+function detectBrands(buffer, start, end) {
+  let brandsDetected = {};
+  for (let i = start; i <= end; i += 4) {
+    const brand = toUTF8String(buffer, i, i + 4);
+    if (brand in brandMap) {
+      brandsDetected[brand] = 1;
+    }
+  }
+  if ("avif" in brandsDetected) {
+    return "avif";
+  } else if ("heic" in brandsDetected || "heix" in brandsDetected || "hevc" in brandsDetected || "hevx" in brandsDetected) {
+    return "heic";
+  } else if ("mif1" in brandsDetected || "msf1" in brandsDetected) {
+    return "heif";
+  }
+}
+const HEIF = {
+  validate(buffer) {
+    const ftype = toUTF8String(buffer, 4, 8);
+    const brand = toUTF8String(buffer, 8, 12);
+    return "ftyp" === ftype && brand in brandMap;
+  },
+  calculate(buffer) {
+    const metaBox = findBox(buffer, "meta", 0);
+    const iprpBox = metaBox && findBox(buffer, "iprp", metaBox.offset + 12);
+    const ipcoBox = iprpBox && findBox(buffer, "ipco", iprpBox.offset + 8);
+    const ispeBox = ipcoBox && findBox(buffer, "ispe", ipcoBox.offset + 8);
+    if (ispeBox) {
+      return {
+        height: readUInt32BE(buffer, ispeBox.offset + 16),
+        width: readUInt32BE(buffer, ispeBox.offset + 12),
+        type: detectBrands(buffer, 8, metaBox.offset)
+      };
+    }
+    throw new TypeError("Invalid HEIF, no size found");
+  }
+};
+
+const SIZE_HEADER = 4 + 4;
+const FILE_LENGTH_OFFSET = 4;
+const ENTRY_LENGTH_OFFSET = 4;
+const ICON_TYPE_SIZE = {
+  ICON: 32,
+  "ICN#": 32,
+  // m => 16 x 16
+  "icm#": 16,
+  icm4: 16,
+  icm8: 16,
+  // s => 16 x 16
+  "ics#": 16,
+  ics4: 16,
+  ics8: 16,
+  is32: 16,
+  s8mk: 16,
+  icp4: 16,
+  // l => 32 x 32
+  icl4: 32,
+  icl8: 32,
+  il32: 32,
+  l8mk: 32,
+  icp5: 32,
+  ic11: 32,
+  // h => 48 x 48
+  ich4: 48,
+  ich8: 48,
+  ih32: 48,
+  h8mk: 48,
+  // . => 64 x 64
+  icp6: 64,
+  ic12: 32,
+  // t => 128 x 128
+  it32: 128,
+  t8mk: 128,
+  ic07: 128,
+  // . => 256 x 256
+  ic08: 256,
+  ic13: 256,
+  // . => 512 x 512
+  ic09: 512,
+  ic14: 512,
+  // . => 1024 x 1024
+  ic10: 1024
+};
+function readImageHeader(input, imageOffset) {
+  const imageLengthOffset = imageOffset + ENTRY_LENGTH_OFFSET;
+  return [
+    toUTF8String(input, imageOffset, imageLengthOffset),
+    readUInt32BE(input, imageLengthOffset)
+  ];
+}
+function getImageSize(type) {
+  const size = ICON_TYPE_SIZE[type];
+  return { width: size, height: size, type };
+}
+const ICNS = {
+  validate: (input) => toUTF8String(input, 0, 4) === "icns",
+  calculate(input) {
+    const inputLength = input.length;
+    const fileLength = readUInt32BE(input, FILE_LENGTH_OFFSET);
+    let imageOffset = SIZE_HEADER;
+    let imageHeader = readImageHeader(input, imageOffset);
+    let imageSize = getImageSize(imageHeader[0]);
+    imageOffset += imageHeader[1];
+    if (imageOffset === fileLength)
+      return imageSize;
+    const result = {
+      height: imageSize.height,
+      images: [imageSize],
+      width: imageSize.width
+    };
+    while (imageOffset < fileLength && imageOffset < inputLength) {
+      imageHeader = readImageHeader(input, imageOffset);
+      imageSize = getImageSize(imageHeader[0]);
+      imageOffset += imageHeader[1];
+      result.images.push(imageSize);
+    }
+    return result;
+  }
+};
+
+const J2C = {
+  // TODO: this doesn't seem right. SIZ marker doesn't have to be right after the SOC
+  validate: (input) => toHexString(input, 0, 4) === "ff4fff51",
+  calculate: (input) => ({
+    height: readUInt32BE(input, 12),
+    width: readUInt32BE(input, 8)
+  })
+};
+
+const JP2 = {
+  validate(input) {
+    if (readUInt32BE(input, 4) !== 1783636e3 || readUInt32BE(input, 0) < 1)
+      return false;
+    const ftypBox = findBox(input, "ftyp", 0);
+    if (!ftypBox)
+      return false;
+    return readUInt32BE(input, ftypBox.offset + 4) === 1718909296;
+  },
+  calculate(input) {
+    const jp2hBox = findBox(input, "jp2h", 0);
+    const ihdrBox = jp2hBox && findBox(input, "ihdr", jp2hBox.offset + 8);
+    if (ihdrBox) {
+      return {
+        height: readUInt32BE(input, ihdrBox.offset + 8),
+        width: readUInt32BE(input, ihdrBox.offset + 12)
+      };
+    }
+    throw new TypeError("Unsupported JPEG 2000 format");
+  }
+};
+
+const EXIF_MARKER = "45786966";
+const APP1_DATA_SIZE_BYTES = 2;
+const EXIF_HEADER_BYTES = 6;
+const TIFF_BYTE_ALIGN_BYTES = 2;
+const BIG_ENDIAN_BYTE_ALIGN = "4d4d";
+const LITTLE_ENDIAN_BYTE_ALIGN = "4949";
+const IDF_ENTRY_BYTES = 12;
+const NUM_DIRECTORY_ENTRIES_BYTES = 2;
+function isEXIF(input) {
+  return toHexString(input, 2, 6) === EXIF_MARKER;
+}
+function extractSize(input, index) {
+  return {
+    height: readUInt16BE(input, index),
+    width: readUInt16BE(input, index + 2)
+  };
+}
+function extractOrientation(exifBlock, isBigEndian) {
+  const idfOffset = 8;
+  const offset = EXIF_HEADER_BYTES + idfOffset;
+  const idfDirectoryEntries = readUInt(exifBlock, 16, offset, isBigEndian);
+  for (let directoryEntryNumber = 0; directoryEntryNumber < idfDirectoryEntries; directoryEntryNumber++) {
+    const start = offset + NUM_DIRECTORY_ENTRIES_BYTES + directoryEntryNumber * IDF_ENTRY_BYTES;
+    const end = start + IDF_ENTRY_BYTES;
+    if (start > exifBlock.length) {
+      return;
+    }
+    const block = exifBlock.slice(start, end);
+    const tagNumber = readUInt(block, 16, 0, isBigEndian);
+    if (tagNumber === 274) {
+      const dataFormat = readUInt(block, 16, 2, isBigEndian);
+      if (dataFormat !== 3) {
+        return;
+      }
+      const numberOfComponents = readUInt(block, 32, 4, isBigEndian);
+      if (numberOfComponents !== 1) {
+        return;
+      }
+      return readUInt(block, 16, 8, isBigEndian);
+    }
+  }
+}
+function validateExifBlock(input, index) {
+  const exifBlock = input.slice(APP1_DATA_SIZE_BYTES, index);
+  const byteAlign = toHexString(
+    exifBlock,
+    EXIF_HEADER_BYTES,
+    EXIF_HEADER_BYTES + TIFF_BYTE_ALIGN_BYTES
+  );
+  const isBigEndian = byteAlign === BIG_ENDIAN_BYTE_ALIGN;
+  const isLittleEndian = byteAlign === LITTLE_ENDIAN_BYTE_ALIGN;
+  if (isBigEndian || isLittleEndian) {
+    return extractOrientation(exifBlock, isBigEndian);
+  }
+}
+function validateInput(input, index) {
+  if (index > input.length) {
+    throw new TypeError("Corrupt JPG, exceeded buffer limits");
+  }
+}
+const JPG = {
+  validate: (input) => toHexString(input, 0, 2) === "ffd8",
+  calculate(input) {
+    input = input.slice(4);
+    let orientation;
+    let next;
+    while (input.length) {
+      const i = readUInt16BE(input, 0);
+      if (input[i] !== 255) {
+        input = input.slice(1);
+        continue;
+      }
+      if (isEXIF(input)) {
+        orientation = validateExifBlock(input, i);
+      }
+      validateInput(input, i);
+      next = input[i + 1];
+      if (next === 192 || next === 193 || next === 194) {
+        const size = extractSize(input, i + 5);
+        if (!orientation) {
+          return size;
+        }
+        return {
+          height: size.height,
+          orientation,
+          width: size.width
+        };
+      }
+      input = input.slice(i + 2);
+    }
+    throw new TypeError("Invalid JPG, no size found");
+  }
+};
+
+const KTX = {
+  validate: (input) => {
+    const signature = toUTF8String(input, 1, 7);
+    return ["KTX 11", "KTX 20"].includes(signature);
+  },
+  calculate: (input) => {
+    const type = input[5] === 49 ? "ktx" : "ktx2";
+    const offset = type === "ktx" ? 36 : 20;
+    return {
+      height: readUInt32LE(input, offset + 4),
+      width: readUInt32LE(input, offset),
+      type
+    };
+  }
+};
+
+const pngSignature = "PNG\r\n\n";
+const pngImageHeaderChunkName = "IHDR";
+const pngFriedChunkName = "CgBI";
+const PNG = {
+  validate(input) {
+    if (pngSignature === toUTF8String(input, 1, 8)) {
+      let chunkName = toUTF8String(input, 12, 16);
+      if (chunkName === pngFriedChunkName) {
+        chunkName = toUTF8String(input, 28, 32);
+      }
+      if (chunkName !== pngImageHeaderChunkName) {
+        throw new TypeError("Invalid PNG");
+      }
+      return true;
+    }
+    return false;
+  },
+  calculate(input) {
+    if (toUTF8String(input, 12, 16) === pngFriedChunkName) {
+      return {
+        height: readUInt32BE(input, 36),
+        width: readUInt32BE(input, 32)
+      };
+    }
+    return {
+      height: readUInt32BE(input, 20),
+      width: readUInt32BE(input, 16)
+    };
+  }
+};
+
+const PNMTypes = {
+  P1: "pbm/ascii",
+  P2: "pgm/ascii",
+  P3: "ppm/ascii",
+  P4: "pbm",
+  P5: "pgm",
+  P6: "ppm",
+  P7: "pam",
+  PF: "pfm"
+};
+const handlers = {
+  default: (lines) => {
+    let dimensions = [];
+    while (lines.length > 0) {
+      const line = lines.shift();
+      if (line[0] === "#") {
+        continue;
+      }
+      dimensions = line.split(" ");
+      break;
+    }
+    if (dimensions.length === 2) {
+      return {
+        height: parseInt(dimensions[1], 10),
+        width: parseInt(dimensions[0], 10)
+      };
+    } else {
+      throw new TypeError("Invalid PNM");
+    }
+  },
+  pam: (lines) => {
+    const size = {};
+    while (lines.length > 0) {
+      const line = lines.shift();
+      if (line.length > 16 || line.charCodeAt(0) > 128) {
+        continue;
+      }
+      const [key, value] = line.split(" ");
+      if (key && value) {
+        size[key.toLowerCase()] = parseInt(value, 10);
+      }
+      if (size.height && size.width) {
+        break;
+      }
+    }
+    if (size.height && size.width) {
+      return {
+        height: size.height,
+        width: size.width
+      };
+    } else {
+      throw new TypeError("Invalid PAM");
+    }
+  }
+};
+const PNM = {
+  validate: (input) => toUTF8String(input, 0, 2) in PNMTypes,
+  calculate(input) {
+    const signature = toUTF8String(input, 0, 2);
+    const type = PNMTypes[signature];
+    const lines = toUTF8String(input, 3).split(/[\r\n]+/);
+    const handler = handlers[type] || handlers.default;
+    return handler(lines);
+  }
+};
+
+const PSD = {
+  validate: (input) => toUTF8String(input, 0, 4) === "8BPS",
+  calculate: (input) => ({
+    height: readUInt32BE(input, 14),
+    width: readUInt32BE(input, 18)
+  })
+};
+
+const svgReg = /<svg\s([^>"']|"[^"]*"|'[^']*')*>/;
+const extractorRegExps = {
+  height: /\sheight=(['"])([^%]+?)\1/,
+  root: svgReg,
+  viewbox: /\sviewBox=(['"])(.+?)\1/i,
+  width: /\swidth=(['"])([^%]+?)\1/
+};
+const INCH_CM = 2.54;
+const units = {
+  in: 96,
+  cm: 96 / INCH_CM,
+  em: 16,
+  ex: 8,
+  m: 96 / INCH_CM * 100,
+  mm: 96 / INCH_CM / 10,
+  pc: 96 / 72 / 12,
+  pt: 96 / 72,
+  px: 1
+};
+const unitsReg = new RegExp(
+  // eslint-disable-next-line regexp/prefer-d
+  `^([0-9.]+(?:e\\d+)?)(${Object.keys(units).join("|")})?$`
+);
+function parseLength(len) {
+  const m = unitsReg.exec(len);
+  if (!m) {
+    return void 0;
+  }
+  return Math.round(Number(m[1]) * (units[m[2]] || 1));
+}
+function parseViewbox(viewbox) {
+  const bounds = viewbox.split(" ");
+  return {
+    height: parseLength(bounds[3]),
+    width: parseLength(bounds[2])
+  };
+}
+function parseAttributes(root) {
+  const width = root.match(extractorRegExps.width);
+  const height = root.match(extractorRegExps.height);
+  const viewbox = root.match(extractorRegExps.viewbox);
+  return {
+    height: height && parseLength(height[2]),
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+    viewbox: viewbox && parseViewbox(viewbox[2]),
+    width: width && parseLength(width[2])
+  };
+}
+function calculateByDimensions(attrs) {
+  return {
+    height: attrs.height,
+    width: attrs.width
+  };
+}
+function calculateByViewbox(attrs, viewbox) {
+  const ratio = viewbox.width / viewbox.height;
+  if (attrs.width) {
+    return {
+      height: Math.floor(attrs.width / ratio),
+      width: attrs.width
+    };
+  }
+  if (attrs.height) {
+    return {
+      height: attrs.height,
+      width: Math.floor(attrs.height * ratio)
+    };
+  }
+  return {
+    height: viewbox.height,
+    width: viewbox.width
+  };
+}
+const SVG = {
+  // Scan only the first kilo-byte to speed up the check on larger files
+  validate: (input) => svgReg.test(toUTF8String(input, 0, 1e3)),
+  calculate(input) {
+    const root = toUTF8String(input).match(extractorRegExps.root);
+    if (root) {
+      const attrs = parseAttributes(root[0]);
+      if (attrs.width && attrs.height) {
+        return calculateByDimensions(attrs);
+      }
+      if (attrs.viewbox) {
+        return calculateByViewbox(attrs, attrs.viewbox);
+      }
+    }
+    throw new TypeError("Invalid SVG");
+  }
+};
+
+const TGA = {
+  validate(input) {
+    return readUInt16LE(input, 0) === 0 && readUInt16LE(input, 4) === 0;
+  },
+  calculate(input) {
+    return {
+      height: readUInt16LE(input, 14),
+      width: readUInt16LE(input, 12)
+    };
+  }
+};
+
+function readIFD(input, isBigEndian) {
+  const ifdOffset = readUInt(input, 32, 4, isBigEndian);
+  return input.slice(ifdOffset + 2);
+}
+function readValue(input, isBigEndian) {
+  const low = readUInt(input, 16, 8, isBigEndian);
+  const high = readUInt(input, 16, 10, isBigEndian);
+  return (high << 16) + low;
+}
+function nextTag(input) {
+  if (input.length > 24) {
+    return input.slice(12);
+  }
+}
+function extractTags(input, isBigEndian) {
+  const tags = {};
+  let temp = input;
+  while (temp && temp.length) {
+    const code = readUInt(temp, 16, 0, isBigEndian);
+    const type = readUInt(temp, 16, 2, isBigEndian);
+    const length = readUInt(temp, 32, 4, isBigEndian);
+    if (code === 0) {
+      break;
+    } else {
+      if (length === 1 && (type === 3 || type === 4)) {
+        tags[code] = readValue(temp, isBigEndian);
+      }
+      temp = nextTag(temp);
+    }
+  }
+  return tags;
+}
+function determineEndianness(input) {
+  const signature = toUTF8String(input, 0, 2);
+  if ("II" === signature) {
+    return "LE";
+  } else if ("MM" === signature) {
+    return "BE";
+  }
+}
+const signatures = [
+  // '492049', // currently not supported
+  "49492a00",
+  // Little endian
+  "4d4d002a"
+  // Big Endian
+  // '4d4d002a', // BigTIFF > 4GB. currently not supported
+];
+const TIFF = {
+  validate: (input) => signatures.includes(toHexString(input, 0, 4)),
+  calculate(input) {
+    const isBigEndian = determineEndianness(input) === "BE";
+    const ifdBuffer = readIFD(input, isBigEndian);
+    const tags = extractTags(ifdBuffer, isBigEndian);
+    const width = tags[256];
+    const height = tags[257];
+    if (!width || !height) {
+      throw new TypeError("Invalid Tiff. Missing tags");
+    }
+    return { height, width };
+  }
+};
+
+function calculateExtended(input) {
+  return {
+    height: 1 + readUInt24LE(input, 7),
+    width: 1 + readUInt24LE(input, 4)
+  };
+}
+function calculateLossless(input) {
+  return {
+    height: 1 + ((input[4] & 15) << 10 | input[3] << 2 | (input[2] & 192) >> 6),
+    width: 1 + ((input[2] & 63) << 8 | input[1])
+  };
+}
+function calculateLossy(input) {
+  return {
+    height: readInt16LE(input, 8) & 16383,
+    width: readInt16LE(input, 6) & 16383
+  };
+}
+const WEBP = {
+  validate(input) {
+    const riffHeader = "RIFF" === toUTF8String(input, 0, 4);
+    const webpHeader = "WEBP" === toUTF8String(input, 8, 12);
+    const vp8Header = "VP8" === toUTF8String(input, 12, 15);
+    return riffHeader && webpHeader && vp8Header;
+  },
+  calculate(input) {
+    const chunkHeader = toUTF8String(input, 12, 16);
+    input = input.slice(20, 30);
+    if (chunkHeader === "VP8X") {
+      const extendedHeader = input[0];
+      const validStart = (extendedHeader & 192) === 0;
+      const validEnd = (extendedHeader & 1) === 0;
+      if (validStart && validEnd) {
+        return calculateExtended(input);
+      } else {
+        throw new TypeError("Invalid WebP");
+      }
+    }
+    if (chunkHeader === "VP8 " && input[0] !== 47) {
+      return calculateLossy(input);
+    }
+    const signature = toHexString(input, 3, 6);
+    if (chunkHeader === "VP8L" && signature !== "9d012a") {
+      return calculateLossless(input);
+    }
+    throw new TypeError("Invalid WebP");
+  }
+};
+
+const typeHandlers = /* @__PURE__ */ new Map([
+  ["bmp", BMP],
+  ["cur", CUR],
+  ["dds", DDS],
+  ["gif", GIF],
+  ["heif", HEIF],
+  ["icns", ICNS],
+  ["ico", ICO],
+  ["j2c", J2C],
+  ["jp2", JP2],
+  ["jpg", JPG],
+  ["ktx", KTX],
+  ["png", PNG],
+  ["pnm", PNM],
+  ["psd", PSD],
+  ["svg", SVG],
+  ["tga", TGA],
+  ["tiff", TIFF],
+  ["webp", WEBP]
+]);
+const types = Array.from(typeHandlers.keys());
+
+const firstBytes = /* @__PURE__ */ new Map([
+  [56, "psd"],
+  [66, "bmp"],
+  [68, "dds"],
+  [71, "gif"],
+  [73, "tiff"],
+  [77, "tiff"],
+  [82, "webp"],
+  [105, "icns"],
+  [137, "png"],
+  [255, "jpg"]
+]);
+function detector(input) {
+  const byte = input[0];
+  const type = firstBytes.get(byte);
+  if (type && typeHandlers.get(type).validate(input)) {
+    return type;
+  }
+  return types.find((fileType) => typeHandlers.get(fileType).validate(input));
+}
+
+const globalOptions = {
+  disabledTypes: []
+};
+function lookup(input) {
+  const type = detector(input);
+  if (typeof type !== "undefined") {
+    if (globalOptions.disabledTypes.indexOf(type) > -1) {
+      throw new TypeError("disabled file type: " + type);
+    }
+    const size = typeHandlers.get(type).calculate(input);
+    if (size !== void 0) {
+      size.type = size.type ?? type;
+      return size;
+    }
+  }
+  throw new TypeError("unsupported file type: " + type);
+}
+
+async function probe(url) {
+  const response = await fetch(url);
+  if (!response.body || !response.ok) {
+    throw new Error("Failed to fetch image");
+  }
+  const reader = response.body.getReader();
+  let done, value;
+  let accumulatedChunks = new Uint8Array();
+  while (!done) {
+    const readResult = await reader.read();
+    done = readResult.done;
+    if (done)
+      break;
+    if (readResult.value) {
+      value = readResult.value;
+      let tmp = new Uint8Array(accumulatedChunks.length + value.length);
+      tmp.set(accumulatedChunks, 0);
+      tmp.set(value, accumulatedChunks.length);
+      accumulatedChunks = tmp;
+      try {
+        const dimensions = lookup(accumulatedChunks);
+        if (dimensions) {
+          await reader.cancel();
+          return dimensions;
+        }
+      } catch (error) {
+      }
+    }
+  }
+  throw new Error("Failed to parse the size");
+}
+
 async function getConfiguredImageService() {
   if (!globalThis?.astroAsset?.imageService) {
     const { default: service } = await import(
       // @ts-expect-error
-      '../astro/assets-service_631fRtTy.mjs'
+      '../astro/assets-service_B77Hm2ue.mjs'
     ).then(n => n.s).catch((e) => {
       const error = new AstroError(InvalidImageService);
       error.cause = e;
@@ -710,6 +1547,19 @@ async function getImage$1(options, imageConfig) {
     ...options,
     src: typeof options.src === "object" && "then" in options.src ? (await options.src).default ?? await options.src : options.src
   };
+  if (options.inferSize && isRemoteImage(resolvedOptions.src)) {
+    try {
+      const result = await probe(resolvedOptions.src);
+      resolvedOptions.width ??= result.width;
+      resolvedOptions.height ??= result.height;
+      delete resolvedOptions.inferSize;
+    } catch {
+      throw new AstroError({
+        ...FailedToFetchRemoteImageDimensions,
+        message: FailedToFetchRemoteImageDimensions.message(resolvedOptions.src)
+      });
+    }
+  }
   const originalPath = isESMImportedImage(resolvedOptions.src) ? resolvedOptions.src.fsPath : resolvedOptions.src;
   const clonedSrc = isESMImportedImage(resolvedOptions.src) ? (
     // @ts-expect-error - clone is a private, hidden prop
@@ -798,9 +1648,9 @@ const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
     densities: props.densities
   });
   const imgAdditionalAttributes = {};
-  const sourceAdditionaAttributes = {};
+  const sourceAdditionalAttributes = {};
   if (props.sizes) {
-    sourceAdditionaAttributes.sizes = props.sizes;
+    sourceAdditionalAttributes.sizes = props.sizes;
   }
   if (fallbackImage.srcSet.values.length > 0) {
     imgAdditionalAttributes.srcset = fallbackImage.srcSet.attribute;
@@ -808,7 +1658,7 @@ const $$Picture$1 = createComponent(async ($$result, $$props, $$slots) => {
   return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttributes)}>
 	${Object.entries(optimizedImages).map(([_, image]) => {
     const srcsetAttribute = props.densities || !props.densities && !props.widths ? `${image.src}${image.srcSet.values.length > 0 ? ", " + image.srcSet.attribute : ""}` : image.srcSet.attribute;
-    return renderTemplate`<source${addAttribute(srcsetAttribute, "srcset")}${addAttribute("image/" + image.options.format, "type")}${spreadAttributes(sourceAdditionaAttributes)}>`;
+    return renderTemplate`<source${addAttribute(srcsetAttribute, "srcset")}${addAttribute("image/" + image.options.format, "type")}${spreadAttributes(sourceAdditionalAttributes)}>`;
   })}
 	<img${addAttribute(fallbackImage.src, "src")}${spreadAttributes(imgAdditionalAttributes)}${spreadAttributes(fallbackImage.attributes)}>
 </picture>`;
@@ -821,22 +1671,29 @@ const imageConfig = {"service":{"entrypoint":"astro/assets/services/sharp","conf
 const i19aboveOf = "Acima de";
 const i19brands = "Marcas";
 const i19categories = "Categorias";
+const i19days = "Dias";
 const i19discount = "Desconto";
 const i19error = "Erro";
 const i19errorMsg = "Ocorreu um erro, tente novamente ou entre em contato conosco.";
+const i19free = "Grátis";
+const i19freeShipping = "Frete grátis";
 const i19highestPrice = "Maior preço";
 const i19home = "Início";
 const i19lowestPrice = "Menor preço";
 const i19myAccount = "Minha conta";
 const i19name = "Nome";
 const i19notFound = "Não encontrado";
+const i19pickUpToday = "Retire hoje";
+const i19receiveToday = "Receba hoje";
 const i19relatedProducts = "Produtos relacionados";
 const i19releases = "Lançamentos";
 const i19relevance = "Relevância";
 const i19sales = "Vendas";
 const i19searchProducts = "Buscar produtos";
 const i19shoppingCart = "Carrinho de compras";
+const i19untilTomorrow = "Até amanhã";
 const i19upTo = "Até";
+const i19workingDays = "Dias úteis";
 
 global.__storefrontCMS = (fs, resolvePath, _parseMatter) => {
   const { STOREFRONT_BASE_DIR } = process.env;
@@ -847,8 +1704,8 @@ global.__storefrontCMS = (fs, resolvePath, _parseMatter) => {
     baseDir = process.cwd();
   }
   process.env.STOREFRONT_BASE_DIR = baseDir;
-  const dirContent = resolvePath(baseDir, 'content');
-  const resolveContent = (filename) => resolvePath(dirContent, filename);
+  const contentDir = resolvePath(baseDir, 'content');
+  const resolveContent = (filename) => resolvePath(contentDir, filename);
 
   const contentCache = {};
   const getContent = (filename) => {
@@ -891,7 +1748,7 @@ global.__storefrontCMS = (fs, resolvePath, _parseMatter) => {
     const handler = globalThis.$storefrontCmsHandler;
     if (typeof handler === 'function') {
       try {
-        const content = handler({ dirContent, filename, loadLocal });
+        const content = handler({ contentDir, filename, loadLocal });
         if (content) {
           return content;
         }
@@ -1002,19 +1859,25 @@ if (!globalThis.$apiPrefetchEndpoints) {
   globalThis.$apiPrefetchEndpoints = [];
 }
 const sessions = {};
+global.__sfSessions = sessions;
 if (!globalThis.$storefront) {
   globalThis.$storefront = new Proxy({
     settings: {},
     data: {},
+    // @ts-expect-error: URL is retrived from `target.getSession().url`
     url: void 0,
     getSession(sid) {
       if (!sid && !!getCurrentInstance()) {
         sid = inject("sid");
       }
-      return sid && sessions[sid] || global.__sfSession;
+      const {
+        url,
+        apiContext
+      } = sid && sessions[sid] || global.__sfSession;
+      return { url, apiContext };
     },
-    onLoad(callback, sid) {
-      emitter$1.once(sid ? `load:${sid}` : "load", callback);
+    onLoad(callback) {
+      emitter$1.once("load", callback);
     }
   }, {
     get(target, prop) {
@@ -1055,7 +1918,28 @@ const loadRouteContext = async (Astro, {
   let urlPath = Astro.url.pathname;
   const isPreview = urlPath.startsWith("/~preview");
   if (isPreview) {
-    urlPath = urlPath.replace("/~preview", "");
+    urlPath = urlPath.replace(/^\/~[^/]+\/?/, "/");
+    const getQueryContent = (filename) => {
+      const contentJson = Astro.url.searchParams.get(`content:${filename}`);
+      if (typeof contentJson === "string") {
+        try {
+          const content = JSON.parse(contentJson);
+          return content;
+        } catch {
+        }
+      }
+      return null;
+    };
+    global.$storefrontCmsHandler = ({ filename, loadLocal }) => {
+      const content = getQueryContent(filename);
+      if (filename === "settings")
+        return content || loadLocal();
+      return new Promise((resolve) => {
+        if (content)
+          resolve(content);
+        loadLocal().then(resolve);
+      });
+    };
   }
   const isHomepage = urlPath === "/";
   const isSearchPage = !isHomepage && (urlPath.startsWith("/s/") || urlPath === "/s");
@@ -1068,7 +1952,9 @@ const loadRouteContext = async (Astro, {
   }
   const config = getConfig();
   globalThis.$storefront.settings = config.settings;
-  let cmsContent = { sections: [] };
+  let cmsContent = {
+    sections: []
+  };
   const apiState = {};
   const apiPrefetchings = [
     ...apiPrefetchEndpoints.map((endpoint) => {
@@ -1082,13 +1968,14 @@ const loadRouteContext = async (Astro, {
     error: null
   };
   const { slug } = Astro.params;
+  let contentFilename;
   if (isHomepage) {
-    cmsContent = await config.getContent("pages/home");
+    contentFilename = "pages/home";
   } else if (isSearchPage) {
-    cmsContent = await config.getContent("pages/search");
+    contentFilename = "pages/search";
   } else if (slug && typeof slug === "string") {
     if (contentCollection) {
-      cmsContent = await config.getContent(`${contentCollection}/${slug}`);
+      contentFilename = `${contentCollection}/${slug}`;
     } else if (slug.startsWith("_api/") || slug === "_analytics") {
       const err = new Error(`/${slug} route not implemented on SSR directly`);
       Astro.response.status = 501;
@@ -1100,22 +1987,25 @@ const loadRouteContext = async (Astro, {
         api.get(`slugs/${slug}`).then((response) => {
           Object.assign(apiContext, response.data);
           const apiResource = apiContext.resource;
-          config.getContent(`pages/${apiResource}`).then((_cmsContent) => {
+          contentFilename = `pages/${apiResource}`;
+          config.getContent(contentFilename).then((_cmsContent) => {
             if (cmsContent && _cmsContent) {
               Object.assign(cmsContent, _cmsContent);
+              cmsContent.$filename = contentFilename;
             }
           }).catch(console.warn);
           const apiDoc = apiContext.doc;
           apiState[`${apiResource}/${apiDoc._id}`] = apiDoc;
           sessions[sid].apiContext = {
             resource: apiResource,
+            // @ts-expect-error: `apiDoc` not strictly typed as resource interface
             doc: apiDoc,
             timestamp: Date.now()
           };
-          setTimeout(() => {
+          sessions[sid]._timer = setTimeout(() => {
             sessions[sid] = null;
             delete sessions[sid];
-          }, 5e3);
+          }, 6e3);
           resolve(null);
         }).catch((err) => {
           if (prefetchingsIndex > -1) {
@@ -1131,6 +2021,11 @@ const loadRouteContext = async (Astro, {
       }
     }
   }
+  if (contentFilename) {
+    cmsContent = await config.getContent(contentFilename);
+    if (cmsContent)
+      cmsContent.$filename = contentFilename;
+  }
   try {
     (await Promise.all(apiPrefetchings)).forEach((response) => {
       if (response) {
@@ -1184,6 +2079,11 @@ const loadRouteContext = async (Astro, {
   } else {
     setResponseCache(Astro, 120, 180);
   }
+  if (Astro.url.searchParams.get("webcontainer") !== null || urlPath.startsWith("/admin/ide")) {
+    Astro.response.headers.set("Cross-Origin-Embedder-Policy", "require-corp");
+    Astro.response.headers.set("Cross-Origin-Opener-Policy", "same-origin");
+    Astro.response.headers.set("Cross-Origin-Resource-Policy", "cross-origin");
+  }
   const routeContext = {
     ...config,
     isHomepage,
@@ -1199,8 +2099,8 @@ const loadRouteContext = async (Astro, {
   };
   Astro.locals.routeContext = routeContext;
   Astro.cookies.set("sid", sid);
-  emitter$1.emit("load", routeContext);
-  emitter$1.emit(`load:${sid}`, routeContext);
+  Astro.response.headers.set("X-SId", sid);
+  emitter$1.emit("load", { ...config, apiState });
   globalThis.__sfIds = {};
   return routeContext;
 };
@@ -1295,7 +2195,12 @@ const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
   }
   let inlineClientJS = `
 window._emitApiContext = (id = null) => {
-  console.log('[ctx] emit ' + id);
+  $storefront.url = new URL(window.location.toString());
+  $storefront.getSession = (/* sid */) => ({
+    url: $storefront.url,
+    apiContext: $storefront.apiContext,
+  });
+  console.debug('[ctx] emit ' + id);
   window.dispatchEvent(new Event('storefront:apiContext'));
   window._emitedContextId = id;
   window.__sfIds = {};
@@ -1341,16 +2246,11 @@ setTimeout(() => {
     inlineClientJS += `
 window._firstLoadContextId = '${apiDoc._id}';`;
     contextInlineClientJS = `
-$storefront.url = new URL(window.location.toString());
 $storefront.apiContext = ${JSON.stringify({
       resource: apiContext.resource,
       doc: minifyApiDoc({ ...apiDoc }),
       timestamp: Date.now()
     })};
-$storefront.getSession = (/* sid */) => {
-  url: $storefront.url,
-  apiContext: $storefront.apiContext,
-};
 $storefront.context /* DEPRECATED */ = $storefront.apiContext;
 _emitApiContext('${apiDoc._id}');`;
   } else {
@@ -1373,7 +2273,8 @@ window.$isCmsPreview = true;`;
     url: `https://${domain}/`,
     logo: `https://${domain}${settings.logo}`
   });
-  return renderTemplate(_c || (_c = __template$3(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n", "\n", '\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n", "\n\n<script", ">", '</script>\n<script type="application/ld+json">', "</script>\n\n", "\n", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title && renderTemplate`<title>${title}</title>`, description && renderTemplate`<meta name="description"${addAttribute(description, "content")}>`, addAttribute(settings.name, "content"), addAttribute(Astro2.generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fbAppId && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fbAppId, "content")}>`, metatagsContent?.twitterUsername && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitterUsername, "content")}>`, addAttribute(String(storeId), "content"), isPWA , addAttribute(createTransitionScope($$result, "kvdive2p"), "data-astro-transition-persist"), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), hasViewTransitions && renderTemplate`${renderComponent($$result, "ViewTransitions", $$ViewTransitions, { "fallback": "none" })}`, contextInlineClientJS && renderTemplate(_b || (_b = __template$3(["<script>", "</script>"])), unescapeHTML(contextInlineClientJS)));
+  const generator = `e-com.plus @cloudcommerce/storefront, ${Astro2.generator}`;
+  return renderTemplate(_c || (_c = __template$3(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n", "\n", '\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n", "\n\n<script", ">", '</script>\n<script type="application/ld+json">', "</script>\n\n", "\n", ""])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title && renderTemplate`<title>${title}</title>`, description && renderTemplate`<meta name="description"${addAttribute(description, "content")}>`, addAttribute(settings.name, "content"), addAttribute(generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fbAppId && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fbAppId, "content")}>`, metatagsContent?.twitterUsername && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitterUsername, "content")}>`, addAttribute(String(storeId), "content"), isPWA , addAttribute(createTransitionScope($$result, "kvdive2p"), "data-astro-transition-persist"), unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd), hasViewTransitions && renderTemplate`${renderComponent($$result, "ViewTransitions", $$ViewTransitions, { "fallback": "none" })}`, contextInlineClientJS && renderTemplate(_b || (_b = __template$3(["<script>", "</script>"])), unescapeHTML(contextInlineClientJS)));
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", "self");
 
 function has(value) {
@@ -2018,6 +2919,62 @@ if (global.$storefront) {
   setSocialNetworks();
 }
 
+const afetch = (url, init, timeout = 1e4) => {
+  let abortController;
+  let timer;
+  if (timeout) {
+    abortController = new AbortController();
+    timer = setTimeout(() => {
+      abortController.abort();
+    }, timeout);
+  }
+  let body;
+  if (init?.body) {
+    if (typeof init.body === "object") {
+      body = JSON.stringify(init.body);
+      init.headers = {
+        ...init.headers,
+        "Content-Type": "application/json",
+        "Content-Length": body.length.toString()
+      };
+    } else {
+      body = init.body;
+    }
+  }
+  if (init?.params && typeof url === "string") {
+    let query = "";
+    Object.keys(init.params).forEach((key) => {
+      const value = init.params[key];
+      if (value === void 0)
+        return;
+      if (Array.isArray(value)) {
+        value.forEach((val) => {
+          query += `&${key}=${val}`;
+        });
+        return;
+      }
+      query += `&${key}=${value}`;
+    });
+    if (query) {
+      if (!url.includes("?"))
+        url += `?${query.slice(1)}`;
+      else
+        url += query;
+    }
+  }
+  const promise = fetch(url, {
+    ...init,
+    body,
+    signal: abortController?.signal
+  });
+  promise.finally(() => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+  });
+  return promise;
+};
+
 const emptyInfo = {
   list_payments: {},
   calculate_shipping: {},
@@ -2027,6 +2984,12 @@ const modulesInfo = reactive(emptyInfo);
 loadingGlobalInfoPreset.then((modulesInfoPreset) => {
   Object.assign(modulesInfo, modulesInfoPreset);
 });
+const fetchModule = (modName, reqOptions) => {
+  const { hostname } = window.location;
+  const { domain } = globalThis.$storefront.settings;
+  const modulesBaseUri = hostname !== "localhost" && hostname !== "127.0.0.1" ? `https://${domain}/_api/modules/` : "/_api/modules/";
+  return afetch(`${modulesBaseUri}${modName}`, reqOptions);
+};
 const freeShippingFromValue = computed(() => {
   return modulesInfo.calculate_shipping.free_shipping_from_value;
 });
@@ -2061,9 +3024,46 @@ const parseShippingPhrase = (phrase) => {
   return parsePhrase(phrase, "calculate_shipping", "free_shipping_from_value");
 };
 
-const useCmsPreview = (filename) => {
-  const liveContent = shallowRef(null);
+function useCmsPreview(filename) {
+  if (Array.isArray(filename)) {
+    filename[1];
+    filename[2];
+    filename = filename[0];
+  }
+  const liveContent = shallowRef();
   return { liveContent };
+}
+const useSectionPreview = ({ cmsPreview }, refs) => {
+  if (cmsPreview) {
+    const { contentFilename, sectionIndex } = cmsPreview;
+    const {
+      liveContent
+    } = useCmsPreview([contentFilename, "sections", sectionIndex]);
+    if (refs) {
+      watch(liveContent, (data) => {
+        if (!data)
+          return;
+        Object.keys(refs).forEach((key) => {
+          if (refs[key].value !== void 0) {
+            if (data[key] === void 0)
+              return;
+            refs[key].value = data[key];
+            return;
+          }
+          if (!data[key])
+            return;
+          if (Array.isArray(refs[key])) {
+            refs[key].splice(0);
+            data[key].forEach((v) => refs[key].push(v));
+            return;
+          }
+          Object.assign(refs[key], data[key]);
+        });
+      });
+    }
+    return { liveContent };
+  }
+  return null;
 };
 
 const parseLayoutContent = (layoutContent) => {
@@ -2074,9 +3074,9 @@ const parseLayoutContent = (layoutContent) => {
   return pitchBar;
 };
 const usePitchBar = (props) => {
-  const { liveContent } = useCmsPreview();
+  const { liveContent } = useCmsPreview(["layout", "header", "pitchBar"]);
   const parsedContents = computed(() => {
-    const slides = liveContent.value ? parseLayoutContent(liveContent.value).slides : props.slides;
+    const slides = liveContent.value || props.slides;
     return slides.map(({ html }) => {
       return parseShippingPhrase(html).value.replace(/<\/?p>/g, "").replace(/&lt;(\/?d-md)&gt;/g, "<$1>");
     });
@@ -2133,7 +3133,7 @@ const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
   };
 };
 
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "PitchBar",
   props: {
     slides: {}
@@ -2150,7 +3150,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$A(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$B(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Carousel = resolveComponent("Carousel");
   const _component_ALink = resolveComponent("ALink");
   const _component_CarouselControl = resolveComponent("CarouselControl");
@@ -2243,13 +3243,13 @@ function _sfc_ssrRender$A(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div></div>`);
 }
-const _sfc_setup$A = _sfc_main$A.setup;
-_sfc_main$A.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/PitchBar.vue");
-  return _sfc_setup$A ? _sfc_setup$A(props, ctx) : void 0;
+  return _sfc_setup$B ? _sfc_setup$B(props, ctx) : void 0;
 };
-const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["ssrRender", _sfc_ssrRender$A]]);
+const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["ssrRender", _sfc_ssrRender$B]]);
 
 const useStorage = (key, initialValue, storage = globalThis.localStorage, isWithBroadcast = true) => {
   if (!storage) {
@@ -2646,10 +3646,9 @@ const useShopHeader = (props) => {
   };
 };
 
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "Drawer",
-  props: {
-    modelValue: { type: Boolean, default: false },
+  props: /* @__PURE__ */ mergeModels({
     isHidden: { type: Boolean, default: false },
     placement: { default: "start" },
     position: { default: "fixed" },
@@ -2660,13 +3659,18 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     canLockScroll: { type: Boolean, default: true },
     maxWidth: {},
     class: {}
-  },
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
   emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const emit = __emit;
-    const close = () => emit("update:modelValue", false);
+    const model = useModel(__props, "modelValue");
+    const close = () => {
+      model.value = false;
+    };
     const drawer = ref(null);
     const outsideClickListener = (ev) => {
       if (!drawer.value?.contains(ev.target)) {
@@ -2681,7 +3685,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       }
     };
     const scrollbarWidth = ref(0);
-    watch(toRef(props, "modelValue"), async (isOpen) => {
+    watch(model, async (isOpen) => {
       if (isOpen) {
         if (props.canLockScroll) {
           scrollbarWidth.value = window.innerWidth - document.documentElement.clientWidth;
@@ -2717,7 +3721,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     });
     const animationClassName = ref(null);
     if (props.animation === "scale") {
-      watch(toRef(props, "modelValue"), (isShown) => {
+      watch(model, (isShown) => {
         if (!isShown) {
           animationClassName.value = "transition scale-90";
         } else {
@@ -2725,7 +3729,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             setTimeout(() => {
               animationClassName.value = "transition";
               setTimeout(() => {
-                if (props.modelValue)
+                if (model.value)
                   animationClassName.value = "";
               }, 300);
             }, 50);
@@ -2744,12 +3748,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     const isPlacementX = computed(() => {
       return props.placement === "start" || props.placement === "end";
     });
-    const __returned__ = { props, emit, close, drawer, outsideClickListener, escClickListener, scrollbarWidth, slideTo, animationClassName, customClassList, isFixed, isPlacementX };
+    const __returned__ = { props, model, close, drawer, outsideClickListener, escClickListener, scrollbarWidth, slideTo, animationClassName, customClassList, isFixed, isPlacementX };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$z(_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");
   _push(ssrRenderComponent(_component_Fade, mergeProps({
     slide: $setup.slideTo,
@@ -2758,7 +3762,7 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _attrs), {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        if ($props.modelValue) {
+        if ($setup.model) {
           _push2(`<dialog style="${ssrRenderStyle([
             !$props.isHidden ? null : { display: "none" },
             {
@@ -2773,7 +3777,7 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             $setup.isFixed && $props.placement === "end" ? "left-auto right-0" : null,
             $setup.animationClassName,
             ...$setup.customClassList
-          ], "z-40 w-screen p-0"])}"${ssrIncludeBooleanAttr($props.modelValue) ? " open" : ""}${ssrRenderAttr("data-drawer", $props.placement)}${_scopeId}><div class="relative h-full"${_scopeId}>`);
+          ], "z-40 w-screen p-0"])}"${ssrIncludeBooleanAttr($setup.model) ? " open" : ""}${ssrRenderAttr("data-drawer", $props.placement)}${_scopeId}><div class="relative h-full"${_scopeId}>`);
           if ($props.hasCloseButton) {
             _push2(`<button type="button"${ssrRenderAttr("aria-label", "Fechar")} class="${ssrRenderClass([$props.placement === "end" ? "left-2" : "right-2", "absolute top-2 z-30 rounded"])}" data-drawer-close${_scopeId}>`);
             ssrRenderSlot(_ctx.$slots, "close", {}, () => {
@@ -2790,14 +3794,14 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
               _push3(ssrRenderComponent(_component_Fade, null, {
                 default: withCtx((_2, _push4, _parent3, _scopeId2) => {
                   if (_push4) {
-                    if ($props.modelValue && !$props.isHidden) {
+                    if ($setup.model && !$props.isHidden) {
                       _push4(`<div class="size-screen fixed left-0 top-0 z-30 bg-black/50" data-drawer-backdrop${_scopeId2}></div>`);
                     } else {
                       _push4(`<!---->`);
                     }
                   } else {
                     return [
-                      $props.modelValue && !$props.isHidden ? (openBlock(), createBlock("div", {
+                      $setup.model && !$props.isHidden ? (openBlock(), createBlock("div", {
                         key: 0,
                         class: "size-screen fixed left-0 top-0 z-30 bg-black/50",
                         "data-drawer-backdrop": ""
@@ -2817,7 +3821,7 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         }
       } else {
         return [
-          $props.modelValue ? withDirectives((openBlock(), createBlock("dialog", {
+          $setup.model ? withDirectives((openBlock(), createBlock("dialog", {
             key: 0,
             ref: "drawer",
             class: ["z-40 w-screen p-0", [
@@ -2833,7 +3837,7 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             style: {
               maxWidth: $props.maxWidth ? `min(${$props.maxWidth}, calc(100vw - ${$setup.scrollbarWidth}px))` : !$setup.isPlacementX ? `calc(100vw - ${$setup.scrollbarWidth}px)` : void 0
             },
-            open: $props.modelValue,
+            open: $setup.model,
             "data-drawer": $props.placement
           }, [
             createVNode("div", { class: "relative h-full" }, [
@@ -2857,7 +3861,7 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             }, [
               createVNode(_component_Fade, null, {
                 default: withCtx(() => [
-                  $props.modelValue && !$props.isHidden ? (openBlock(), createBlock("div", {
+                  $setup.model && !$props.isHidden ? (openBlock(), createBlock("div", {
                     key: 0,
                     class: "size-screen fixed left-0 top-0 z-30 bg-black/50",
                     "data-drawer-backdrop": ""
@@ -2875,13 +3879,13 @@ function _sfc_ssrRender$z(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$z = _sfc_main$z.setup;
-_sfc_main$z.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/lib/components/Drawer.vue");
-  return _sfc_setup$z ? _sfc_setup$z(props, ctx) : void 0;
+  return _sfc_setup$A ? _sfc_setup$A(props, ctx) : void 0;
 };
-const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["ssrRender", _sfc_ssrRender$z]]);
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["ssrRender", _sfc_ssrRender$A]]);
 
 const storageKey$1 = "ecomSession";
 const emptySession = {
@@ -2920,7 +3924,7 @@ const initializeFirebaseAuth = (canWaitIdle) => {
   return;
 };
 
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "AccountLink",
   props: {
     to: {},
@@ -2962,20 +3966,20 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$z(_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$y = _sfc_main$y.setup;
-_sfc_main$y.setup = (props, ctx) => {
+const _sfc_setup$z = _sfc_main$z.setup;
+_sfc_main$z.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/AccountLink.vue");
-  return _sfc_setup$y ? _sfc_setup$y(props, ctx) : void 0;
+  return _sfc_setup$z ? _sfc_setup$z(props, ctx) : void 0;
 };
-const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["ssrRender", _sfc_ssrRender$y]]);
+const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["ssrRender", _sfc_ssrRender$z]]);
 
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkIcon",
   props: {
     as: { default: "i" },
@@ -3011,18 +4015,18 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$x(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$y(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
 }
-const _sfc_setup$x = _sfc_main$x.setup;
-_sfc_main$x.setup = (props, ctx) => {
+const _sfc_setup$y = _sfc_main$y.setup;
+_sfc_main$y.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkIcon.vue");
-  return _sfc_setup$x ? _sfc_setup$x(props, ctx) : void 0;
+  return _sfc_setup$y ? _sfc_setup$y(props, ctx) : void 0;
 };
-const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["ssrRender", _sfc_ssrRender$x]]);
+const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["ssrRender", _sfc_ssrRender$y]]);
 
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkLink",
   props: {
     network: {},
@@ -3048,7 +4052,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$w(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$x(_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) => {
@@ -3069,15 +4073,15 @@ function _sfc_ssrRender$w(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$w = _sfc_main$w.setup;
-_sfc_main$w.setup = (props, ctx) => {
+const _sfc_setup$x = _sfc_main$x.setup;
+_sfc_main$x.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkLink.vue");
-  return _sfc_setup$w ? _sfc_setup$w(props, ctx) : void 0;
+  return _sfc_setup$x ? _sfc_setup$x(props, ctx) : void 0;
 };
-const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["ssrRender", _sfc_ssrRender$w]]);
+const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["ssrRender", _sfc_ssrRender$x]]);
 
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenavCategory",
   props: {
     categoryTree: {}
@@ -3100,7 +4104,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$v(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$w(_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-base-800 text-lg" }, _attrs))}>`);
@@ -3138,15 +4142,15 @@ function _sfc_ssrRender$v(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</li>`);
 }
-const _sfc_setup$v = _sfc_main$v.setup;
-_sfc_main$v.setup = (props, ctx) => {
+const _sfc_setup$w = _sfc_main$w.setup;
+_sfc_main$w.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenavCategory.vue");
-  return _sfc_setup$v ? _sfc_setup$v(props, ctx) : void 0;
+  return _sfc_setup$w ? _sfc_setup$w(props, ctx) : void 0;
 };
-const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["ssrRender", _sfc_ssrRender$v]]);
+const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["ssrRender", _sfc_ssrRender$w]]);
 
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenav",
   props: {
     categoryTrees: {}
@@ -3167,7 +4171,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$v(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex h-full flex-col bg-white" }, _attrs))}><nav class="grow py-4"><ul class="relative h-full"><!--[-->`);
   ssrRenderList($props.categoryTrees, (categoryTree, i) => {
     _push(ssrRenderComponent($setup["ShopSidenavCategory"], {
@@ -3208,13 +4212,13 @@ function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></footer></aside>`);
 }
-const _sfc_setup$u = _sfc_main$u.setup;
-_sfc_main$u.setup = (props, ctx) => {
+const _sfc_setup$v = _sfc_main$v.setup;
+_sfc_main$v.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenav.vue");
-  return _sfc_setup$u ? _sfc_setup$u(props, ctx) : void 0;
+  return _sfc_setup$v ? _sfc_setup$v(props, ctx) : void 0;
 };
-const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["ssrRender", _sfc_ssrRender$u]]);
+const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["ssrRender", _sfc_ssrRender$v]]);
 
 const useShopHeaderSubmenu = (props) => {
   const categoryPicture = computed(() => {
@@ -3263,7 +4267,7 @@ const useShopHeaderSubmenu = (props) => {
   };
 };
 
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderSubmenu",
   props: {
     categoryTree: {},
@@ -3292,7 +4296,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$t(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$u(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_AImg = resolveComponent("AImg");
   _push(ssrRenderComponent($setup["Popover"], _attrs, {
@@ -3612,15 +4616,15 @@ function _sfc_ssrRender$t(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$t = _sfc_main$t.setup;
-_sfc_main$t.setup = (props, ctx) => {
+const _sfc_setup$u = _sfc_main$u.setup;
+_sfc_main$u.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderSubmenu.vue");
-  return _sfc_setup$t ? _sfc_setup$t(props, ctx) : void 0;
+  return _sfc_setup$u ? _sfc_setup$u(props, ctx) : void 0;
 };
-const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["ssrRender", _sfc_ssrRender$t]]);
+const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["ssrRender", _sfc_ssrRender$u]]);
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderMenu",
   props: {
     inlineMenuTrees: {}
@@ -3636,7 +4640,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$s(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$t(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<nav${ssrRenderAttrs(_attrs)}><ul class="${ssrRenderClass([$props.inlineMenuTrees.length < 7 ? "text-base" : "text-sm", "text-base-700 flex gap-4 xl:gap-5"])}"><!--[-->`);
   ssrRenderList($props.inlineMenuTrees, (categoryTree, i) => {
     _push(`<li>`);
@@ -3680,15 +4684,15 @@ function _sfc_ssrRender$s(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></nav>`);
 }
-const _sfc_setup$s = _sfc_main$s.setup;
-_sfc_main$s.setup = (props, ctx) => {
+const _sfc_setup$t = _sfc_main$t.setup;
+_sfc_main$t.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderMenu.vue");
-  return _sfc_setup$s ? _sfc_setup$s(props, ctx) : void 0;
+  return _sfc_setup$t ? _sfc_setup$t(props, ctx) : void 0;
 };
-const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["ssrRender", _sfc_ssrRender$s]]);
+const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["ssrRender", _sfc_ssrRender$t]]);
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "AccountMenu",
   setup(__props, { expose: __expose }) {
     __expose();
@@ -3715,7 +4719,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$s(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent($setup["Menu"], mergeProps({
@@ -4342,15 +5346,15 @@ function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$r = _sfc_main$r.setup;
-_sfc_main$r.setup = (props, ctx) => {
+const _sfc_setup$s = _sfc_main$s.setup;
+_sfc_main$s.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/AccountMenu.vue");
-  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
+  return _sfc_setup$s ? _sfc_setup$s(props, ctx) : void 0;
 };
-const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["ssrRender", _sfc_ssrRender$r]]);
+const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["ssrRender", _sfc_ssrRender$s]]);
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ShopHeader",
   props: {
     searchInput: {},
@@ -4361,8 +5365,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     __expose();
-    const SearchModal = defineAsyncComponent(() => import('../SearchModal_2azP1u7P.mjs'));
-    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_3_1aFp67.mjs'));
+    const SearchModal = defineAsyncComponent(() => import('../SearchModal_BvEnUvAx.mjs'));
+    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar_BmwcZuxv.mjs'));
     const props = __props;
     const header = ref(null);
     const searchInput = ref(null);
@@ -4394,7 +5398,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$q(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$r(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_Skeleton = resolveComponent("Skeleton");
   _push(`<header${ssrRenderAttrs(mergeProps({
@@ -4613,13 +5617,13 @@ function _sfc_ssrRender$q(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</header>`);
 }
-const _sfc_setup$q = _sfc_main$q.setup;
-_sfc_main$q.setup = (props, ctx) => {
+const _sfc_setup$r = _sfc_main$r.setup;
+_sfc_main$r.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeader.vue");
-  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
+  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
 };
-const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["ssrRender", _sfc_ssrRender$q]]);
+const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["ssrRender", _sfc_ssrRender$r]]);
 
 var __freeze$1 = Object.freeze;
 var __defProp$1 = Object.defineProperty;
@@ -4630,14 +5634,14 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
   Astro2.self = $$PageHeader;
   const { routeContext } = Astro2.locals;
-  const { settings, isHomepage } = routeContext;
+  const { settings, isHomepage, isPreview } = routeContext;
   const LogoHeading = isHomepage ? "h1" : "h2";
   const {
     pitchBar,
     shopHeader
   } = await usePageHeader({ routeContext });
   const { getInlineClientJS } = await useSharedData({ field: "categories" });
-  return renderTemplate`${renderSlot$1($$result, $$slots["pitch-bar"], renderTemplate(_a$1 || (_a$1 = __template$1(["\n  ", "\n  ", "\n\n<script async>", "<\/script>\n", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(getInlineClientJS()), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:context": "data:categories", "client:component-hydration": "context", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
+  return renderTemplate`${renderSlot$1($$result, $$slots["pitch-bar"], renderTemplate(_a$1 || (_a$1 = __template$1(["\n  ", "\n\n<script async>", "<\/script>\n", ""])), pitchBar.slides.length > 1 || isPreview ? renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:sf": "lazy", "client:component-hydration": "sf", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}` : renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(getInlineClientJS()), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:sf": "data:categories", "client:component-hydration": "sf", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
     ${maybeRenderHead()}<a href="/">
       ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate`
         ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "mx-auto max-w-[150px] hover:drop-shadow-sm" })}
@@ -4646,7 +5650,7 @@ const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
   ` })}` })))}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro", void 0);
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "PaymentMethodFlag",
   props: {
     as: { default: "i" },
@@ -4682,22 +5686,22 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$q(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   if (!$setup.iconClassName) {
     _push(`<b${ssrRenderAttrs(mergeProps({ class: "mb-1 text-[57%] leading-none tracking-tighter text-black" }, _attrs))}>${ssrInterpolate($setup.props.flag)}</b>`);
   } else {
     ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
   }
 }
-const _sfc_setup$p = _sfc_main$p.setup;
-_sfc_main$p.setup = (props, ctx) => {
+const _sfc_setup$q = _sfc_main$q.setup;
+_sfc_main$q.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/PaymentMethodFlag.vue");
-  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
+  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
 };
-const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["ssrRender", _sfc_ssrRender$p]]);
+const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["ssrRender", _sfc_ssrRender$q]]);
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "FooterStamps",
   props: {
     stamps: {}
@@ -4709,7 +5713,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$p(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(`<div${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><div class="flex flex-wrap items-start justify-between gap-5 lg:flex-nowrap"><ul class="mx-auto flex items-center gap-x-6 gap-y-3 overflow-x-auto md:mx-0 md:flex-wrap md:overflow-hidden lg:gap-x-8"><!--[-->`);
   ssrRenderList($props.stamps, (stamp, i) => {
@@ -4808,15 +5812,15 @@ function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div></div>`);
 }
-const _sfc_setup$o = _sfc_main$o.setup;
-_sfc_main$o.setup = (props, ctx) => {
+const _sfc_setup$p = _sfc_main$p.setup;
+_sfc_main$p.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/FooterStamps.vue");
-  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
+  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
 };
-const FooterStamps = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["ssrRender", _sfc_ssrRender$o]]);
+const FooterStamps = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["ssrRender", _sfc_ssrRender$p]]);
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "ShopFooter",
   props: {
     stamps: {},
@@ -4834,7 +5838,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$n(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$o(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(`<footer${ssrRenderAttrs(mergeProps({ class: "border-base-100 bg-base-50 mt-auto w-screen border-t py-2" }, _attrs))}><div class="ui-section"><div class="border-base-200 flex flex-wrap justify-between gap-y-5 border-b pb-7 sm:gap-x-10 lg:flex-nowrap"><div class="shrink">`);
   ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
@@ -4932,13 +5936,13 @@ function _sfc_ssrRender$n(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   _push(ssrRenderComponent($setup["FooterStamps"], { stamps: $props.stamps }, null, _parent));
   _push(`</footer>`);
 }
-const _sfc_setup$n = _sfc_main$n.setup;
-_sfc_main$n.setup = (props, ctx) => {
+const _sfc_setup$o = _sfc_main$o.setup;
+_sfc_main$o.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopFooter.vue");
-  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
+  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
 };
-const ShopFooter = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["ssrRender", _sfc_ssrRender$n]]);
+const ShopFooter = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["ssrRender", _sfc_ssrRender$o]]);
 
 const $$Astro$7 = createAstro("https://demo.ecomplus.app");
 const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
@@ -5079,38 +6083,41 @@ const usePagination = (props) => {
   };
 };
 
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "Pagination",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     totalItems: {},
     totalPages: {},
-    page: { default: 1 },
+    page: {},
     pageSize: {},
     maxPages: { default: 7 },
     isUrlPath: { type: Boolean, default: false }
-  },
+  }, {
+    "page": { default: 1 },
+    "pageModifiers": {}
+  }),
   emits: ["update:page"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const emit = __emit;
+    const page = useModel(__props, "page");
     const {
       pages,
       pageLinks,
       prevPageLink,
       nextPageLink
     } = usePagination(props);
-    const __returned__ = { props, emit, pages, pageLinks, prevPageLink, nextPageLink };
+    const __returned__ = { props, page, pages, pageLinks, prevPageLink, nextPageLink };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$n(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(`<ol${ssrRenderAttrs(mergeProps({ class: "text-base-900 flex justify-center gap-1.5 text-center text-sm font-medium leading-9" }, _attrs))}><li>`);
   _push(ssrRenderComponent(_component_ALink, {
     href: $setup.prevPageLink,
-    onClick: ($event) => $setup.prevPageLink && $setup.emit("update:page", $props.page - 1),
+    onClick: ($event) => $setup.prevPageLink && ($setup.page = $setup.page - 1),
     class: ["mr-1 block min-w-9 rounded border px-3", $setup.prevPageLink ? "border-base-100 hover:bg-base-100" : "border-transparent text-base-500"]
   }, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -5129,9 +6136,9 @@ function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   ssrRenderList($setup.pages, (pageN, i) => {
     _push(`<li>`);
     _push(ssrRenderComponent(_component_ALink, {
-      href: pageN !== $props.page ? $setup.pageLinks[i] : null,
-      onClick: ($event) => $setup.emit("update:page", pageN),
-      class: ["block w-9 rounded border ring-black/10", pageN === $props.page ? "bg-base-50 border-base-100 ring text-base-700" : "border-transparent hover:bg-base-100"]
+      href: pageN !== $setup.page ? $setup.pageLinks[i] : null,
+      onClick: ($event) => $setup.page = pageN,
+      class: ["block w-9 rounded border ring-black/10", pageN === $setup.page ? "bg-base-50 border-base-100 ring text-base-700" : "border-transparent hover:bg-base-100"]
     }, {
       default: withCtx((_, _push2, _parent2, _scopeId) => {
         if (_push2) {
@@ -5149,7 +6156,7 @@ function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   _push(`<!--]--><li>`);
   _push(ssrRenderComponent(_component_ALink, {
     href: $setup.nextPageLink,
-    onClick: ($event) => $setup.nextPageLink && $setup.emit("update:page", $props.page + 1),
+    onClick: ($event) => $setup.nextPageLink && ($setup.page = $setup.page + 1),
     class: ["ml-1 block min-w-9 rounded border px-3", $setup.nextPageLink ? "border-base-100 hover:bg-base-100" : "border-transparent text-base-500"]
   }, {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -5166,13 +6173,13 @@ function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</li></ol>`);
 }
-const _sfc_setup$m = _sfc_main$m.setup;
-_sfc_main$m.setup = (props, ctx) => {
+const _sfc_setup$n = _sfc_main$n.setup;
+_sfc_main$n.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Pagination.vue");
-  return _sfc_setup$m ? _sfc_setup$m(props, ctx) : void 0;
+  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
 };
-const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["ssrRender", _sfc_ssrRender$m]]);
+const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["ssrRender", _sfc_ssrRender$n]]);
 
 var __freeze = Object.freeze;
 var __defProp = Object.defineProperty;
@@ -5193,6 +6200,7 @@ const useProductShelf = (props) => {
   let fetching = null;
   const fetchError = ref(null);
   const products = shallowReactive(props.products || []);
+  useSectionPreview(props, { title, titleLink, products });
   if (!props.products) {
     isFetching.value = true;
     fetching = (async () => {
@@ -5321,6 +6329,7 @@ class SearchEngine {
   params = reactive({});
   pageSize = ref(24);
   pageNumber = ref(1);
+  #middlewares = [];
   #isFetching = ref(false);
   isFetching = computed(() => this.#isFetching.value);
   #wasFetched = ref(false);
@@ -5371,18 +6380,22 @@ class SearchEngine {
       });
     }
     let response;
+    const searchOptions = {
+      term: this.term.value,
+      params: {
+        ...this.params,
+        limit,
+        offset,
+        count: this.isWithCount.value || void 0,
+        buckets: this.isWithBuckets.value || void 0
+      },
+      fields: this.fields
+    };
     try {
-      response = await this.#search({
-        term: this.term.value,
-        params: {
-          ...this.params,
-          limit,
-          offset,
-          count: this.isWithCount.value || void 0,
-          buckets: this.isWithBuckets.value || void 0
-        },
-        fields: this.fields
-      });
+      for (let i = 0; i < this.#middlewares.length; i++) {
+        this.#middlewares[i](searchOptions);
+      }
+      response = await this.#search(searchOptions);
     } catch (err) {
       if (this.#fulfillFetching) {
         this.#fetchError.value = err;
@@ -5402,6 +6415,9 @@ class SearchEngine {
       }
     }
   }
+  addMiddleware(cb) {
+    this.#middlewares.push(cb);
+  }
   setResult(data) {
     if (data.meta) {
       Object.assign(this.meta, data.meta);
@@ -5671,7 +6687,7 @@ const useSearchShowcase = (props) => {
     }
   }
   const products = shallowReactive(props.products || []);
-  const searchEngine = new SearchEngine({ debounce: 50 });
+  const searchEngine = props.searchEngine || new SearchEngine({ debounce: 50 });
   if (term === void 0 && false) {
     term = new URLSearchParams(window.location.search).get("q") || null;
   }
@@ -5884,7 +6900,7 @@ const usePageHero = async ({ routeContext }) => {
   }
   return { heroSlider };
 };
-const usePageSections = async ({ routeContext, handleCustomSection }) => {
+const usePageSections = async ({ routeContext, handleCustomSection, searchEngine }) => {
   const { cmsContent } = routeContext;
   let sectionsContent = cmsContent?.sections;
   if (cmsContent?.markdown && !sectionsContent?.find(({ type }) => type === "content-entry")) {
@@ -5989,11 +7005,14 @@ const usePageSections = async ({ routeContext, handleCustomSection }) => {
           props.term = routeContext.searchPageTerm || null;
         }
         if (props.term !== void 0 || props.fixedParams) {
-          const { searchEngine, fetching } = useSearchShowcase(props);
+          const {
+            searchEngine: resultSearchEngine,
+            fetching
+          } = useSearchShowcase({ ...props, searchEngine });
           await fetching;
-          props.products = searchEngine.products;
-          props.resultMeta = searchEngine.meta;
-          props.ssrError = searchEngine.fetchError.value?.message;
+          props.products = resultSearchEngine.products;
+          props.resultMeta = resultSearchEngine.meta;
+          props.ssrError = resultSearchEngine.fetchError.value?.message;
         }
         sections[index] = { type, props };
         return;
@@ -6104,7 +7123,7 @@ const useBanner = (props) => {
   };
 };
 
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "Banner",
   props: {
     img: {},
@@ -6131,7 +7150,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$l(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$m(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(`<div${ssrRenderAttrs(mergeProps({
     class: ["mx-auto overflow-x-hidden", $setup.hasHeader ? "grid grid-cols-1 sm:grid-cols-2 items-center" : null]
@@ -6199,15 +7218,15 @@ function _sfc_ssrRender$l(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</div>`);
 }
-const _sfc_setup$l = _sfc_main$l.setup;
-_sfc_main$l.setup = (props, ctx) => {
+const _sfc_setup$m = _sfc_main$m.setup;
+_sfc_main$m.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Banner.vue");
-  return _sfc_setup$l ? _sfc_setup$l(props, ctx) : void 0;
+  return _sfc_setup$m ? _sfc_setup$m(props, ctx) : void 0;
 };
-const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["ssrRender", _sfc_ssrRender$l]]);
+const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["ssrRender", _sfc_ssrRender$m]]);
 
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "HeroSlider",
   props: {
     autoplay: {},
@@ -6224,7 +7243,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$k(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$l(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Carousel = resolveComponent("Carousel");
   const _component_CarouselControl = resolveComponent("CarouselControl");
   _push(`<section${ssrRenderAttrs(mergeProps({ class: "relative mx-auto mb-9 md:mb-12" }, _attrs))}>`);
@@ -6333,13 +7352,13 @@ function _sfc_ssrRender$k(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</section>`);
 }
-const _sfc_setup$k = _sfc_main$k.setup;
-_sfc_main$k.setup = (props, ctx) => {
+const _sfc_setup$l = _sfc_main$l.setup;
+_sfc_main$l.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/HeroSlider.vue");
-  return _sfc_setup$k ? _sfc_setup$k(props, ctx) : void 0;
+  return _sfc_setup$l ? _sfc_setup$l(props, ctx) : void 0;
 };
-const HeroSlider = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["ssrRender", _sfc_ssrRender$k]]);
+const HeroSlider = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["ssrRender", _sfc_ssrRender$l]]);
 
 const $$Astro$4 = createAstro("https://demo.ecomplus.app");
 const $$Hero = createComponent(async ($$result, $$props, $$slots) => {
@@ -6348,10 +7367,12 @@ const $$Hero = createComponent(async ($$result, $$props, $$slots) => {
   const { routeContext } = Astro2.locals;
   const { heroSlider } = await usePageHero({ routeContext });
   const heroSlides = heroSlider.slides;
-  return renderTemplate`${heroSlider.slides.length > 0 && renderTemplate`${renderComponent($$result, "HeroSlider", HeroSlider, { ...heroSlider, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/HeroSlider.vue", "client:component-export": "default" }, { "picture-0": ($$result2) => renderTemplate`${heroSlides[0] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-0", ...heroSlides[0], "index": 0 })}`}`, "picture-1": ($$result2) => renderTemplate`${heroSlides[1] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-1", ...heroSlides[1], "index": 1 })}`}`, "picture-2": ($$result2) => renderTemplate`${heroSlides[2] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-2", ...heroSlides[2], "index": 2 })}`}`, "picture-3": ($$result2) => renderTemplate`${heroSlides[3] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-3", ...heroSlides[3], "index": 3 })}`}`, "picture-4": ($$result2) => renderTemplate`${heroSlides[4] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-4", ...heroSlides[4], "index": 4 })}`}`, "picture-5": ($$result2) => renderTemplate`${heroSlides[5] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-5", ...heroSlides[5], "index": 5 })}`}`, "picture-6": ($$result2) => renderTemplate`${heroSlides[6] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-6", ...heroSlides[6], "index": 6 })}`}`, "picture-7": ($$result2) => renderTemplate`${heroSlides[7] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-7", ...heroSlides[7], "index": 7 })}`}`, "picture-8": ($$result2) => renderTemplate`${heroSlides[8] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-8", ...heroSlides[8], "index": 8 })}`}`, "picture-9": ($$result2) => renderTemplate`${heroSlides[9] && renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { "slot": "picture-9", ...heroSlides[9], "index": 9 })}`}` })}`}`;
+  return renderTemplate`${heroSlider.slides.length > 0 && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`
+  ${renderComponent($$result2, "HeroSlider", HeroSlider, { ...heroSlider, "client:sf": "lazy", "client:component-hydration": "sf", "client:component-path": "~/components/HeroSlider.vue", "client:component-export": "default" }, { "picture-0": ($$result3) => renderTemplate`${heroSlides[0] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-0", ...heroSlides[0], "index": 0 })}`}`, "picture-1": ($$result3) => renderTemplate`${heroSlides[1] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-1", ...heroSlides[1], "index": 1 })}`}`, "picture-2": ($$result3) => renderTemplate`${heroSlides[2] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-2", ...heroSlides[2], "index": 2 })}`}`, "picture-3": ($$result3) => renderTemplate`${heroSlides[3] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-3", ...heroSlides[3], "index": 3 })}`}`, "picture-4": ($$result3) => renderTemplate`${heroSlides[4] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-4", ...heroSlides[4], "index": 4 })}`}`, "picture-5": ($$result3) => renderTemplate`${heroSlides[5] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-5", ...heroSlides[5], "index": 5 })}`}`, "picture-6": ($$result3) => renderTemplate`${heroSlides[6] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-6", ...heroSlides[6], "index": 6 })}`}`, "picture-7": ($$result3) => renderTemplate`${heroSlides[7] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-7", ...heroSlides[7], "index": 7 })}`}`, "picture-8": ($$result3) => renderTemplate`${heroSlides[8] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-8", ...heroSlides[8], "index": 8 })}`}`, "picture-9": ($$result3) => renderTemplate`${heroSlides[9] && renderTemplate`${renderComponent($$result3, "BannerPictures", $$BannerPictures, { "slot": "picture-9", ...heroSlides[9], "index": 9 })}`}` })}
+` })}`}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/content/Hero.astro", void 0);
 
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "ContentClearfix",
   props: {
     html: {}
@@ -6365,16 +7386,16 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$k(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<article${ssrRenderAttrs(mergeProps({ class: "!max-w-full overflow-x-auto prose" }, _attrs))}><div class="[&amp;_iframe]:max-w-full [&amp;_img]:max-w-full [&amp;_table]:max-w-full">${$setup.parsedHTML}</div></article>`);
 }
-const _sfc_setup$j = _sfc_main$j.setup;
-_sfc_main$j.setup = (props, ctx) => {
+const _sfc_setup$k = _sfc_main$k.setup;
+_sfc_main$k.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/ContentClearfix.vue");
-  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
+  return _sfc_setup$k ? _sfc_setup$k(props, ctx) : void 0;
 };
-const ContentClearfix = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["ssrRender", _sfc_ssrRender$j]]);
+const ContentClearfix = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["ssrRender", _sfc_ssrRender$k]]);
 
 const $$Astro$3 = createAstro("https://demo.ecomplus.app");
 const $$BannersGrid = createComponent(async ($$result, $$props, $$slots) => {
@@ -6450,12 +7471,13 @@ const useBreadcrumbs = async (props = {}) => {
   };
 };
 
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "Breadcrumbs",
   props: {
     apiDoc: {},
     categories: {},
-    domain: {}
+    domain: {},
+    cmsPreview: {}
   },
   async setup(__props, { expose: __expose }) {
     __expose();
@@ -6467,7 +7489,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$j(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<!--[-->`);
   if ($setup.breadcrumbs.length > 1) {
     _push(`<section class="ui-section-slim"><nav aria-label="Breadcrumb" class="w-full overflow-hidden text-lg md:text-sm"><ol class="text-base-600 flex items-center gap-1"><li><a href="/" class="hover:text-primary"><span class="sr-only">${ssrInterpolate("In\xEDcio")}</span><i class="i-home"></i></a></li><!--[-->`);
@@ -6491,13 +7513,13 @@ function _sfc_ssrRender$i(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`<!--]-->`);
 }
-const _sfc_setup$i = _sfc_main$i.setup;
-_sfc_main$i.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/components/Breadcrumbs.vue");
-  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
+  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
 };
-const Breadcrumbs = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["ssrRender", _sfc_ssrRender$i]]);
+const Breadcrumbs = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["ssrRender", _sfc_ssrRender$j]]);
 
 const emitGtagEvent = async (name, _params) => {
   return;
@@ -6778,7 +7800,7 @@ const usePrices = (props) => {
   };
 };
 
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Prices",
   props: {
     isBig: { type: Boolean },
@@ -6813,7 +7835,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$i(_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]
@@ -6943,15 +7965,15 @@ function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div>`);
 }
-const _sfc_setup$h = _sfc_main$h.setup;
-_sfc_main$h.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/components/Prices.vue");
-  return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
+  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
 };
-const Prices = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["ssrRender", _sfc_ssrRender$h]]);
+const Prices = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["ssrRender", _sfc_ssrRender$i]]);
 
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ProductCard",
   props: {
     product: {},
@@ -6986,7 +8008,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$h(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   const _component_AImg = resolveComponent("AImg");
   _push(`<article${ssrRenderAttrs(mergeProps({
@@ -7129,15 +8151,15 @@ function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</article>`);
 }
-const _sfc_setup$g = _sfc_main$g.setup;
-_sfc_main$g.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/ProductCard.vue");
-  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
+  return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
 };
-const ProductCard = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["ssrRender", _sfc_ssrRender$g]]);
+const ProductCard = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["ssrRender", _sfc_ssrRender$h]]);
 
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "ProductShelf",
   props: {
     isGrid: { type: Boolean },
@@ -7150,7 +8172,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     limit: {},
     page: {},
     products: {},
-    isRelatedProducts: { type: Boolean }
+    isRelatedProducts: { type: Boolean },
+    cmsPreview: {}
   },
   async setup(__props, { expose: __expose }) {
     __expose();
@@ -7175,7 +8198,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$g(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   const _component_CarouselControl = resolveComponent("CarouselControl");
   _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}>`);
@@ -7284,15 +8307,15 @@ function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   ssrRenderSlot(_ctx.$slots, "append", {}, null, _push, _parent);
   _push(`</section>`);
 }
-const _sfc_setup$f = _sfc_main$f.setup;
-_sfc_main$f.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/components/ProductShelf.vue");
-  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
+  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
 };
-const ProductShelf = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["ssrRender", _sfc_ssrRender$f]]);
+const ProductShelf = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["ssrRender", _sfc_ssrRender$g]]);
 
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Collapse",
   props: {
     title: {}
@@ -7304,20 +8327,20 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<details${ssrRenderAttrs(mergeProps({ class: "group my-4 md:my-5 [&_i]:open:-rotate-90" }, _attrs))}><summary role="button" class="text-base-700 hover:text-base-800 [&amp;&gt;i]:hover:text-primary list-none text-2xl font-medium lowercase group-open:mb-3"><i class="i-chevron-right mr-1 rotate-90"></i><span>${ssrInterpolate($props.title)}</span></summary>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
   _push(`</details>`);
 }
-const _sfc_setup$e = _sfc_main$e.setup;
-_sfc_main$e.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/components/Collapse.vue");
-  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
+  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
 };
-const Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
+const Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["ssrRender", _sfc_ssrRender$f]]);
 
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "DocDescription",
   props: {
     apiDoc: { default: () => globalThis.$storefront.apiContext?.doc },
@@ -7326,13 +8349,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const html = computed(() => props.apiDoc.body_html || props.apiDoc.body_text);
+    const html = computed(() => props.apiDoc.body_html);
     const __returned__ = { props, html, ContentClearfix, Collapse };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   if ($setup.html) {
     _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}>`);
     _push(ssrRenderComponent($setup["Collapse"], {
@@ -7355,15 +8378,15 @@ function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _push(`<!---->`);
   }
 }
-const _sfc_setup$d = _sfc_main$d.setup;
-_sfc_main$d.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/components/DocDescription.vue");
-  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
+  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
 };
-const DocDescription = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
+const DocDescription = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
 
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "DocBanners",
   props: {
     apiDoc: { default: () => globalThis.$storefront.apiContext?.doc },
@@ -7378,7 +8401,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_AImg = resolveComponent("AImg");
   if ($setup.pictures.length) {
     _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}><ul class="flex flex-wrap gap-4 lg:flex-nowrap"><!--[-->`);
@@ -7392,15 +8415,15 @@ function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _push(`<!---->`);
   }
 }
-const _sfc_setup$c = _sfc_main$c.setup;
-_sfc_main$c.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/components/DocBanners.vue");
-  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
+  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
 };
-const DocBanners = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
+const DocBanners = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
 
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CheckoutLink",
   props: {
     to: { default: "cart" },
@@ -7455,20 +8478,20 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$c(_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$b = _sfc_main$b.setup;
-_sfc_main$b.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/lib/components/CheckoutLink.vue");
-  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const CheckoutLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
+const CheckoutLink = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
 
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "QuantitySelectorControl",
   props: {
     isMinus: { type: Boolean }
@@ -7485,7 +8508,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<button${ssrRenderAttrs(mergeProps({
     type: "button",
     class: "leading-12 h-12 w-10 text-xl enabled:text-primary enabled:hover:bg-primary-100/70 disabled:opacity-40",
@@ -7502,46 +8525,47 @@ function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</button>`);
 }
-const _sfc_setup$a = _sfc_main$a.setup;
-_sfc_main$a.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/lib/components/QuantitySelectorControl.vue");
-  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
 };
-const QuantitySelectorControl = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
+const QuantitySelectorControl = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
 
 const quantitySelectorKey = Symbol("quantitySelector");
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "QuantitySelector",
-  props: {
-    modelValue: { default: 1 },
+  props: /* @__PURE__ */ mergeModels({
     min: { default: 1 },
     max: {},
     step: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean }
-  },
+  }, {
+    "modelValue": { default: 1 },
+    "modelModifiers": {}
+  }),
   emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
-    const emit = __emit;
+    const model = useModel(__props, "modelValue");
     const input = ref(null);
     const inputId = useId("NInput");
     const value = computed({
       get() {
-        return props.modelValue;
+        return model.value;
       },
       set(_value) {
         if (_value < props.min) {
           _value = props.min;
           input.value.value = `${_value}`;
-        }
-        if (props.max && _value > props.max) {
+        } else if (props.max && _value > props.max) {
           _value = props.max;
           input.value.value = `${_value}`;
         }
-        emit("update:modelValue", _value);
+        model.value = _value;
       }
     });
     const isBoundMin = computed(() => {
@@ -7555,12 +8579,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       isBoundMin,
       isBoundMax
     });
-    const __returned__ = { quantitySelectorKey, props, emit, input, inputId, value, isBoundMin, isBoundMax, QuantitySelectorControl };
+    const __returned__ = { quantitySelectorKey, props, model, input, inputId, value, isBoundMin, isBoundMax, QuantitySelectorControl };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$a(_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>`);
@@ -7597,15 +8621,15 @@ function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</div></div>`);
 }
-const _sfc_setup$9 = _sfc_main$9.setup;
-_sfc_main$9.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/lib/components/QuantitySelector.vue");
-  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const QuantitySelector = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
+const QuantitySelector = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ImagesGallery",
   props: {
     pictures: {}
@@ -7625,7 +8649,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           // @ts-ignore
           import('photoswipe/lightbox'),
           import('photoswipe'),
-          !document.getElementById(styleId) && import('../photoswipe_IcWDJiwc.mjs')
+          !document.getElementById(styleId) && import('../photoswipe_wusPJBJF.mjs')
         ]).then(([
           { default: PhotoSwipeLightbox },
           { default: pswpModule },
@@ -7662,7 +8686,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Carousel = resolveComponent("Carousel");
   const _component_AImg = resolveComponent("AImg");
   const _component_CarouselControl = resolveComponent("CarouselControl");
@@ -7842,13 +8866,13 @@ function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</div></div>`);
 }
-const _sfc_setup$8 = _sfc_main$8.setup;
-_sfc_main$8.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/ImagesGallery.vue");
-  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const ImagesGallery = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
+const ImagesGallery = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
 
 const useSkuSelector = (props) => {
   const grids = shallowReactive(
@@ -7959,7 +8983,7 @@ const useSkuSelector = (props) => {
   };
 };
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "SkuSelector",
   props: {
     variations: {},
@@ -7988,7 +9012,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(_attrs)}><!--[-->`);
   ssrRenderList($setup.variationsGrids, (options, gridId) => {
     _push(`<div class="mt-3"><span class="text-base-700 text-sm font-medium">${ssrInterpolate($setup.getGridTitle(gridId))}: `);
@@ -8015,25 +9039,396 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></div>`);
 }
-const _sfc_setup$7 = _sfc_main$7.setup;
-_sfc_main$7.setup = (props, ctx) => {
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/SkuSelector.vue");
-  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+};
+const SkuSelector = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
+
+const localStorage$1 = typeof window === "object" && window.localStorage;
+const ZIP_STORAGE_KEY = "shipping-to-zip";
+const sortApps = (results, order) => {
+  return results.sort((a, b) => {
+    if (a.app_id === b.app_id) {
+      return 0;
+    }
+    const indexA = order.indexOf(a.app_id);
+    const indexB = order.indexOf(b.app_id);
+    if (indexA > -1) {
+      if (indexB > -1) {
+        return indexA < indexB ? -1 : 1;
+      }
+      return -1;
+    }
+    if (indexB > -1)
+      return 1;
+    return 0;
+  });
+};
+const reduceItemBody = (itemOrProduct) => {
+  if (!itemOrProduct.product_id) {
+    itemOrProduct.product_id = itemOrProduct._id;
+  }
+  const shippedItem = {};
+  const fields = [
+    "product_id",
+    "variation_id",
+    "sku",
+    "name",
+    "quantity",
+    "inventory",
+    "currency_id",
+    "currency_symbol",
+    "price",
+    "final_price",
+    "dimensions",
+    "weight"
+  ];
+  fields.forEach((field) => {
+    if (itemOrProduct[field] !== void 0) {
+      shippedItem[field] = itemOrProduct[field];
+    }
+  });
+  return shippedItem;
+};
+const useShippingCalculator = (props) => {
+  const zipCode = props.zipCode || ref("");
+  if (!zipCode.value && localStorage$1) {
+    const storedZip = localStorage$1.getItem(ZIP_STORAGE_KEY);
+    if (storedZip) {
+      zipCode.value = storedZip;
+    }
+  }
+  const countryCode = props.countryCode || config.get().countryCode;
+  const _shippedItems = toRef(props, "shippedItems");
+  const shippedItems = computed(() => {
+    return _shippedItems.value?.map(reduceItemBody) || [];
+  });
+  const amountSubtotal = computed(() => {
+    return shippedItems.value.reduce((subtotal, item) => {
+      return subtotal + price(item) * item.quantity;
+    }, 0);
+  });
+  const isFetching = ref(false);
+  const fetchShippingServices = useDebounceFn((isRetry) => {
+    if (isFetching.value) {
+      watchOnce(isFetching, (_isFetching) => {
+        if (!_isFetching)
+          fetchShippingServices();
+      });
+      return;
+    }
+    const body = {
+      ...props.baseParams,
+      to: {
+        ...props.baseParams?.to,
+        zip: zipCode.value
+      }
+    };
+    if (shippedItems.value.length) {
+      body.items = shippedItems.value;
+      body.subtotal = amountSubtotal.value;
+    }
+    isFetching.value = true;
+    fetchModule("calculate_shipping", {
+      method: "POST",
+      params: {
+        skip_ids: props.skippedAppIds
+      },
+      body
+    }).then(async (response) => {
+      if (response.status === 501)
+        return;
+      const data = await response.json();
+      parseShippingResult(data.result, isRetry);
+    }).catch((err) => {
+      if (!isRetry) {
+        scheduleRetry(4e3);
+      }
+      console.error(err);
+    }).finally(() => {
+      isFetching.value = false;
+    });
+  }, 100);
+  let retryTimer = null;
+  const scheduleRetry = (timeout = 1e4) => {
+    if (retryTimer)
+      clearTimeout(retryTimer);
+    retryTimer = setTimeout(() => {
+      fetchShippingServices(true);
+    }, timeout);
+  };
+  const shippingServices = shallowReactive([]);
+  const freeFromValue = ref(null);
+  const hasPaidOption = ref();
+  const parseShippingResult = (shippingResult = [], isRetry = false) => {
+    freeFromValue.value = null;
+    shippingServices.splice(0);
+    if (shippingResult.length) {
+      let hasSomeFailedApp = false;
+      shippingResult.forEach((appResult) => {
+        const { validated, error, response } = appResult;
+        if (!validated || error) {
+          hasSomeFailedApp = true;
+          return;
+        }
+        if (props.skippedAppIds?.includes(appResult.app_id)) {
+          return;
+        }
+        response.shipping_services.forEach((service) => {
+          shippingServices.push({
+            app_id: appResult.app_id,
+            ...service
+          });
+        });
+        const freeShippingFromValue = response.free_shipping_from_value;
+        if (freeShippingFromValue && (!freeFromValue.value || freeFromValue.value > freeShippingFromValue)) {
+          freeFromValue.value = freeShippingFromValue;
+        }
+      });
+      if (!shippingServices.length) {
+        if (hasSomeFailedApp) {
+          if (!isRetry) {
+            fetchShippingServices(true);
+          } else {
+            scheduleRetry();
+          }
+        }
+        return;
+      }
+      shippingServices.sort((a, b) => {
+        const lineA = a.shipping_line;
+        const lineB = b.shipping_line;
+        const priceDiff = lineA.total_price - lineB.total_price;
+        if (priceDiff < 0)
+          return -1;
+        if (priceDiff > 0)
+          return 1;
+        return lineA.delivery_time?.days < lineB.delivery_time?.days ? -1 : 1;
+      });
+      hasPaidOption.value = Boolean(shippingServices.find((service) => {
+        return service.shipping_line.total_price || service.shipping_line.price;
+      }));
+      const appIdsOrder = props.appIdsOrder || globalThis.ecomShippingApps || [];
+      if (Array.isArray(appIdsOrder) && appIdsOrder.length) {
+        sortApps(shippingServices, appIdsOrder);
+      }
+    }
+  };
+  const submitZipCode = () => {
+    const _zipCode = zipCode.value;
+    if (countryCode === "BR") {
+      if (_zipCode?.replace(/\D/g, "").length !== 8)
+        return;
+    } else if (!_zipCode) {
+      return;
+    }
+    if (localStorage$1) {
+      localStorage$1.setItem(ZIP_STORAGE_KEY, _zipCode);
+    }
+    fetchShippingServices();
+  };
+  watch(zipCode, (value) => {
+    if (value.length) {
+      if (countryCode === "BR") {
+        const fmt = value.replace(/\D/g, "");
+        if (fmt.length > 5) {
+          zipCode.value = fmt.substring(0, 5) + "-" + fmt.substring(5, 8);
+          if (props.canAutoSubmit)
+            submitZipCode();
+        }
+      } else {
+        zipCode.value = value.substring(0, 30);
+      }
+    }
+  }, {
+    immediate: !props.shippingResult
+  });
+  watch(toRef(props, "shippingResult"), (shippingResult) => {
+    if (!shippingResult?.length)
+      return;
+    parseShippingResult(shippingResult);
+  }, {
+    immediate: true
+  });
+  const productionDeadline = computed(() => {
+    let maxDeadline = 0;
+    _shippedItems.value?.forEach((item) => {
+      if (item.quantity && item.production_time) {
+        const { days, cumulative } = item.production_time;
+        const itemDeadline = cumulative ? days * item.quantity : days;
+        if (itemDeadline > maxDeadline) {
+          maxDeadline = itemDeadline;
+        }
+      }
+    });
+    return maxDeadline;
+  });
+  const getShippingDeadline = (shipping) => {
+    const isWorkingDays = Boolean(shipping.posting_deadline?.working_days || shipping.delivery_time?.working_days);
+    let days = shipping.posting_deadline?.days || 0;
+    if (shipping.delivery_time) {
+      days += shipping.delivery_time.days;
+    }
+    days += productionDeadline.value;
+    if (days > 1) {
+      return `${i19upTo} ${days} ` + (isWorkingDays ? i19workingDays : i19days).toLowerCase();
+    }
+    if (days === 1)
+      return i19untilTomorrow;
+    return shipping.pick_up ? i19pickUpToday : i19receiveToday;
+  };
+  const getShippingPrice = (shipping) => {
+    const freight = typeof shipping.total_price === "number" ? shipping.total_price : shipping.price;
+    if (freight)
+      return formatMoney(freight);
+    return shipping.pick_up ? i19free : i19freeShipping;
+  };
+  return {
+    zipCode,
+    shippedItems,
+    amountSubtotal,
+    submitZipCode,
+    fetchShippingServices,
+    isFetching,
+    freeFromValue,
+    shippingServices,
+    parseShippingResult,
+    productionDeadline,
+    getShippingDeadline,
+    getShippingPrice
+  };
+};
+
+const _sfc_main$7 = {};
+
+function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs) {
+  _push(`<div${ssrRenderAttrs(mergeProps({ role: "status" }, _attrs))}><svg aria-hidden="true" class="size-8 max-h-full max-w-full animate-spin fill-secondary text-base-300" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path><path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path></svg><span class="sr-only">Loading...</span></div>`);
+}
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
+  const ssrContext = useSSRContext()
+  ;(ssrContext.modules || (ssrContext.modules = new Set())).add("src/lib/components/Spinner.vue");
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : undefined
 };
-const SkuSelector = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
+const Spinner = /*#__PURE__*/_export_sfc(_sfc_main$7, [['ssrRender',_sfc_ssrRender$7]]);
 
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "ShippingCalculator",
+  props: {
+    hasLabel: { type: Boolean },
+    zipCode: {},
+    canAutoSubmit: { type: Boolean },
+    countryCode: {},
+    shippedItems: {},
+    shippingResult: {},
+    baseParams: {},
+    skippedAppIds: {},
+    appIdsOrder: {}
+  },
   setup(__props, { expose: __expose }) {
     __expose();
-    const __returned__ = {};
+    const props = __props;
+    const zipCode = ref("");
+    const zipInputId = useId("ZipInput");
+    const {
+      isFetching,
+      fetchShippingServices,
+      shippingServices,
+      getShippingDeadline,
+      getShippingPrice
+    } = useShippingCalculator({ ...props, zipCode });
+    const isMounted = ref(false);
+    onMounted(() => {
+      isMounted.value = true;
+    });
+    const __returned__ = { props, zipCode, zipInputId, isFetching, fetchShippingServices, shippingServices, getShippingDeadline, getShippingPrice, isMounted, Spinner };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<div${ssrRenderAttrs(_attrs)}></div>`);
+  const _component_ALink = resolveComponent("ALink");
+  const _component_Fade = resolveComponent("Fade");
+  _push(`<div${ssrRenderAttrs(mergeProps({ class: "max-w-sm" }, _attrs))}><form class="group"><label${ssrRenderAttr("for", $setup.zipInputId)} class="${ssrRenderClass($props.hasLabel ? "lg:text-sm text-base-700 flex flex-wrap gap-x-5 items-center mb-1.5" : "sr-only")}"><span>${ssrInterpolate("Calcular frete")}</span>`);
+  if ($props.hasLabel && _ctx.$settings.countryCode === "BR") {
+    _push(ssrRenderComponent(_component_ALink, {
+      href: "https://buscacepinter.correios.com.br/app/endereco/index.php",
+      class: "ui-link text-base-500 text-xs font-normal"
+    }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          _push2(` N\xE3o sei meu CEP <i class="i-arrow-top-right-on-square mr-1 opacity-50"${_scopeId}></i>`);
+        } else {
+          return [
+            createTextVNode(" N\xE3o sei meu CEP "),
+            createVNode("i", { class: "i-arrow-top-right-on-square mr-1 opacity-50" })
+          ];
+        }
+      }),
+      _: 1
+    }, _parent));
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`</label><div class="relative max-w-52"><input${ssrRenderAttr("id", $setup.zipInputId)} type="tel"${ssrIncludeBooleanAttr($setup.isFetching) ? " readonly" : ""}${ssrRenderAttr("value", $setup.zipCode)} placeholder="12345-123" class="${ssrRenderClass([$setup.isFetching && "bg-base-50", "w-full"])}"><button class="${ssrRenderClass([$setup.isMounted && !$setup.shippingServices.length && $setup.zipCode.length > 1 ? "text-primary" : `${$props.hasLabel ? "text-base-400" : "text-base-600"}`, "hover:text-primary group-focus-within:text-primary absolute inset-y-0 end-0 grid w-12 place-content-center text-xl"])}"${ssrRenderAttr("aria-label", "Calcular frete")}>`);
+  if ($setup.isFetching) {
+    _push(ssrRenderComponent($setup["Spinner"], { class: "size-5" }, null, _parent));
+  } else {
+    _push(`<i class="i-truck"></i>`);
+  }
+  _push(`</button></div></form>`);
+  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if (!$setup.isFetching && $setup.shippingServices.length) {
+          _push2(`<ul class="divide-base-200 bg-base-50/50 border-base-100 mt-2 grow divide-y rounded border px-3 py-1"${_scopeId}><!--[-->`);
+          ssrRenderList($setup.shippingServices, ({ label, shipping_line: shipping }, i) => {
+            _push2(`<li class="text-base-800 py-2.5 md:text-sm"${_scopeId}><div class="flex flex-wrap items-center"${_scopeId}><div class="grow"${_scopeId}><strong class="mr-2 font-semibold"${_scopeId}>${ssrInterpolate($setup.getShippingDeadline(shipping))}</strong><span class="mr-2"${_scopeId}>${ssrInterpolate($setup.getShippingPrice(shipping))}</span></div><small class="text-base-600"${_scopeId}>${ssrInterpolate(label)}</small></div>`);
+            if (shipping.delivery_instructions) {
+              _push2(`<small class="text-base-700"${_scopeId}>${ssrInterpolate(shipping.delivery_instructions)}</small>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</li>`);
+          });
+          _push2(`<!--]--></ul>`);
+        } else {
+          _push2(`<!---->`);
+        }
+      } else {
+        return [
+          !$setup.isFetching && $setup.shippingServices.length ? (openBlock(), createBlock("ul", {
+            key: 0,
+            class: "divide-base-200 bg-base-50/50 border-base-100 mt-2 grow divide-y rounded border px-3 py-1"
+          }, [
+            (openBlock(true), createBlock(Fragment$1, null, renderList($setup.shippingServices, ({ label, shipping_line: shipping }, i) => {
+              return openBlock(), createBlock("li", {
+                key: `${$setup.zipCode}-${i}`,
+                class: "text-base-800 py-2.5 md:text-sm"
+              }, [
+                createVNode("div", { class: "flex flex-wrap items-center" }, [
+                  createVNode("div", { class: "grow" }, [
+                    createVNode("strong", { class: "mr-2 font-semibold" }, toDisplayString($setup.getShippingDeadline(shipping)), 1),
+                    createVNode("span", { class: "mr-2" }, toDisplayString($setup.getShippingPrice(shipping)), 1)
+                  ]),
+                  createVNode("small", { class: "text-base-600" }, toDisplayString(label), 1)
+                ]),
+                shipping.delivery_instructions ? (openBlock(), createBlock("small", {
+                  key: 0,
+                  class: "text-base-700"
+                }, toDisplayString(shipping.delivery_instructions), 1)) : createCommentVNode("", true)
+              ]);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`</div>`);
 }
 const _sfc_setup$6 = _sfc_main$6.setup;
 _sfc_main$6.setup = (props, ctx) => {
@@ -8046,7 +9441,8 @@ const ShippingCalculator = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ProductDetails",
   props: {
-    product: { default: () => globalThis.$storefront.apiContext?.doc }
+    product: { default: () => globalThis.$storefront.apiContext?.doc },
+    cmsPreview: {}
   },
   setup(__props, { expose: __expose }) {
     __expose();
@@ -8089,7 +9485,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const addToCart = () => {
       if (!checkVariation())
         return;
-      addProductToCart(product, variationId.value ? variationId.value : void 0);
+      addProductToCart(product, variationId.value || void 0, quantity.value);
     };
     const __returned__ = { props, product, title, isActive, quantity, params, hasSkuSelectionAlert, variationId, isSkuSelected, checkVariation, addToCart, CheckoutLink, QuantitySelector, Prices, ImagesGallery, SkuSelector, ShippingCalculator };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
@@ -8098,15 +9494,16 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
-  _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section relative grid grid-cols-1 items-start gap-5 md:gap-4 lg:grid-cols-4 2xl:gap-6" }, _attrs))}><div class="w-full lg:col-span-3">`);
+  _push(`<section${ssrRenderAttrs(mergeProps({ class: "relative grid grid-cols-1 items-start gap-x-5 ui-section lg:grid-cols-4 lg:gap-x-4 2xl:gap-x-6" }, _attrs))}><div class="w-full lg:col-span-3">`);
   if ($setup.product.pictures?.length) {
     _push(ssrRenderComponent($setup["ImagesGallery"], {
-      pictures: $setup.product.pictures
+      pictures: $setup.product.pictures,
+      class: "mb-5"
     }, null, _parent));
   } else {
     _push(`<!---->`);
   }
-  _push(`</div><div class="lg:sticky-header:translate-y-14 top-0 py-4 transition-transform lg:sticky"><h1 class="text-secondary-900 ui-text-brand text-lg">${ssrInterpolate($setup.title)}</h1>`);
+  _push(`</div><div class="top-0 pt-4 transition-transform lg:sticky lg:pb-4 lg:sticky-header:translate-y-14"><h1 class="text-lg text-secondary-900 ui-text-brand">${ssrInterpolate($setup.title)}</h1>`);
   if ($setup.isActive) {
     _push(`<div class="mt-5">`);
     _push(ssrRenderComponent($setup["Prices"], {
@@ -8128,7 +9525,7 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       default: withCtx((_, _push2, _parent2, _scopeId) => {
         if (_push2) {
           if ($setup.hasSkuSelectionAlert) {
-            _push2(`<div class="ui-alert inline-block"${_scopeId}>${ssrInterpolate("Por favor selecione uma op\xE7\xE3o em cada campo acima")} <i class="i-arrow-right ml-1 -rotate-90"${_scopeId}></i></div>`);
+            _push2(`<div class="inline-block ui-alert"${_scopeId}>${ssrInterpolate("Por favor selecione uma op\xE7\xE3o em cada campo acima")} <i class="ml-1 -rotate-90 i-arrow-right"${_scopeId}></i></div>`);
           } else {
             _push2(`<!---->`);
           }
@@ -8136,10 +9533,10 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           return [
             $setup.hasSkuSelectionAlert ? (openBlock(), createBlock("div", {
               key: 0,
-              class: "ui-alert inline-block"
+              class: "inline-block ui-alert"
             }, [
               createTextVNode(toDisplayString("Por favor selecione uma op\xE7\xE3o em cada campo acima") + " "),
-              createVNode("i", { class: "i-arrow-right ml-1 -rotate-90" })
+              createVNode("i", { class: "ml-1 -rotate-90 i-arrow-right" })
             ])) : createCommentVNode("", true)
           ];
         }
@@ -8152,10 +9549,10 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       "onUpdate:modelValue": ($event) => $setup.quantity = $event,
       min: $setup.product.min_quantity,
       max: $setup.product.quantity,
-      class: "border-base-100 rounded md:mr-5 lg:mb-2 lg:mr-auto lg:border-2"
+      class: "rounded border-base-100 md:mr-5 lg:mb-2 lg:mr-auto lg:border-2"
     }, null, _parent));
     _push(ssrRenderComponent($setup["CheckoutLink"], {
-      class: "ui-btn-lg ui-btn-primary grow text-center",
+      class: "grow text-center ui-btn-lg ui-btn-primary",
       to: "checkout",
       "cart-item": {
         product_id: $setup.product._id,
@@ -8167,19 +9564,22 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     }, {
       default: withCtx((_, _push2, _parent2, _scopeId) => {
         if (_push2) {
-          _push2(`<i class="i-chevron-double-right mr-1"${_scopeId}></i> ${ssrInterpolate("Comprar")}`);
+          _push2(`<i class="mr-1 i-chevron-double-right"${_scopeId}></i> ${ssrInterpolate("Comprar")}`);
         } else {
           return [
-            createVNode("i", { class: "i-chevron-double-right mr-1" }),
+            createVNode("i", { class: "mr-1 i-chevron-double-right" }),
             createTextVNode(" " + toDisplayString("Comprar"))
           ];
         }
       }),
       _: 1
     }, _parent));
-    _push(`<button class="ui-btn-lg ui-btn-contrast grow"${ssrRenderAttr("data-tooltip", !$setup.isSkuSelected ? "Escolha os detalhes do produto para comprar" : null)}>${ssrInterpolate("Adicionar ao carrinho")}</button></div>`);
-    _push(ssrRenderComponent($setup["ShippingCalculator"], null, null, _parent));
-    _push(`</div>`);
+    _push(`<button class="grow ui-btn-lg ui-btn-contrast"${ssrRenderAttr("data-tooltip", !$setup.isSkuSelected ? "Escolha os detalhes do produto para comprar" : null)}>${ssrInterpolate("Adicionar ao carrinho")}</button></div><div class="mt-6 rounded border-2 border-base-50 border-t-base-100 p-4 lg:mt-4">`);
+    _push(ssrRenderComponent($setup["ShippingCalculator"], {
+      "shipped-items": [{ ...$setup.product, quantity: $setup.quantity }],
+      "has-label": ""
+    }, null, _parent));
+    _push(`</div></div>`);
   } else {
     _push(`<!---->`);
   }
@@ -8438,7 +9838,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     resultMeta: {},
     ssrError: {},
     canUseUrlParams: { type: Boolean, default: true },
-    showcase: {}
+    showcase: {},
+    searchEngine: {},
+    cmsPreview: {}
   },
   async setup(__props, { expose: __expose }) {
     __expose();
@@ -9029,12 +10431,17 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
   const { cmsContent } = routeContext;
   return renderTemplate`${maybeRenderHead()}<article class="mb-9 mt-6 md:mb-12 md:mt-8">
   ${sections.map(async ({ type, props }, index) => {
+    if (cmsContent?.$filename) {
+      props.cmsPreview = {
+        contentFilename: cmsContent.$filename,
+        sectionIndex: index
+      };
+    }
     switch (type) {
       case "product-shelf":
-        return index === 0 || index < 2 && !cmsContent?.hero?.slides.length ? renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}` : renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
       case "related-products":
-        props.isRelatedProducts = true;
-        return renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
+        props.isRelatedProducts = type === "related-products";
+        return renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:sf": "lazy,interaction", "client:component-hydration": "sf", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
       case "banners-grid":
         return renderTemplate`${renderComponent($$result, "BannersGrid", $$BannersGrid, { ...props })}`;
       case "breadcrumbs":
@@ -9046,13 +10453,13 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
       case "product-details":
         const { hasDescription, hasSpecifications, ...detailsProps } = props;
         return renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`
-          ${renderComponent($$result2, "ProductDetails", ProductDetails, { ...detailsProps, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/ProductDetails.vue", "client:component-export": "default" }, { "description": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "description" }, { "default": ($$result4) => renderTemplate`${hasDescription && renderTemplate`${renderComponent($$result4, "DocDescription", DocDescription, {})}`}${hasSpecifications && renderTemplate`${renderComponent($$result4, "ProductSpecifications", ProductSpecifications, {})}`}` })}` })}
+          ${renderComponent($$result2, "ProductDetails", ProductDetails, { ...detailsProps, "client:sf": "load", "client:component-hydration": "sf", "client:component-path": "~/components/ProductDetails.vue", "client:component-export": "default" }, { "description": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "description" }, { "default": ($$result4) => renderTemplate`${hasDescription && renderTemplate`${renderComponent($$result4, "DocDescription", DocDescription, {})}`}${hasSpecifications && renderTemplate`${renderComponent($$result4, "ProductSpecifications", ProductSpecifications, {})}`}` })}` })}
         ` })}`;
       case "search-showcase":
       case "context-showcase":
         return renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`
           <article class="min-h-[500px]">
-            ${renderComponent($$result2, "SearchShowcase", SearchShowcase, { ...props, "client:context": true, "client:component-hydration": "context", "client:component-path": "~/components/SearchShowcase.vue", "client:component-export": "default" })}
+            ${renderComponent($$result2, "SearchShowcase", SearchShowcase, { ...props, "client:sf": "load", "client:component-hydration": "sf", "client:component-path": "~/components/SearchShowcase.vue", "client:component-export": "default" })}
           </article>
         ` })}`;
       case "page-title":
@@ -9169,4 +10576,4 @@ const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty(
   url: $$url
 }, Symbol.toStringTag, { value: 'Module' }));
 
-export { $$Base as $, ____slug_ as A, CheckoutLink as C, FooterStamps as F, Pagination as P, QuantitySelector as Q, SearchEngine as S, _export_sfc as _, $$BaseHead as a, $$PageHeader as b, $$PageFooter as c, $$Picture as d, i19shoppingCart as e, imageConfig as f, getConfig as g, assetsDir as h, i19myAccount as i, i19error as j, i19errorMsg as k, loadRouteContext as l, i19notFound as m, i19home as n, mod as o, createApp as p, clearAccents as q, getSearchUrl as r, searchHistory as s, ProductShelf as t, parseProduct as u, removeCartItem as v, Prices as w, freeShippingFromValue as x, shoppingCart as y, totalItems as z };
+export { $$Base as $, ShippingCalculator as A, ____slug_ as B, CheckoutLink as C, FooterStamps as F, Pagination as P, QuantitySelector as Q, SearchEngine as S, _export_sfc as _, $$BaseHead as a, $$PageHeader as b, $$PageFooter as c, $$Picture as d, i19shoppingCart as e, imageConfig as f, getConfig as g, assetsDir as h, i19myAccount as i, i19error as j, i19errorMsg as k, loadRouteContext as l, i19notFound as m, i19home as n, mod as o, createApp as p, clearAccents as q, getSearchUrl as r, searchHistory as s, ProductShelf as t, parseProduct as u, removeCartItem as v, Prices as w, freeShippingFromValue as x, shoppingCart as y, totalItems as z };