cloudcommerce 0.26.6 → 0.26.7

package/packages/storefront/dist/server/chunks/pages/index.astro.3145bd93.mjs

@@ -1,1649 +0,0 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, d as renderComponent, F as Fragment, m as maybeRenderHead, b as addAttribute, u as unescapeHTML } from '../astro.708269c6.mjs';
-import { _ as _export_sfc, s as socialNetworks, S as SocialNetworkLink, u as useSharedData, f as filterMainCategories, $ as $$Picture, p as parseShippingPhrase, C as Carousel, a as CarouselControl, b as availableExtraDiscount, c as installmentsOption, d as discountOption, l as loyaltyPointsPrograms, e as addProductToCart, g as loadRouteContext, h as $$BaseHead, j as $$PageHeader, k as $$Base } from './_...slug_.astro.36e8882b.mjs';
-import { useSSRContext, defineComponent, computed, mergeProps, createVNode, resolveDynamicComponent, resolveComponent, createSlots, withCtx, toDisplayString, createTextVNode, renderSlot, openBlock, createBlock, createCommentVNode, ref, shallowReactive, withDirectives, vShow, Fragment as Fragment$1, renderList, withModifiers, withAsyncContext } from 'vue';
-import { ssrRenderAttrs, ssrInterpolate, ssrRenderVNode, ssrRenderSlot, ssrRenderList, ssrRenderComponent, ssrRenderClass, ssrRenderStyle, ssrRenderAttr } from 'vue/server-renderer';
-import api from '@cloudcommerce/api';
-import { inStock, price, name, img, onPromotion } from '@ecomplus/utils';
-import { useElementHover, watchOnce } from '@vueuse/core';
-
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "PaymentMethodFlag",
-  props: {
-    as: { default: "i" },
-    flag: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const iconClassName = computed(() => {
-      switch (props.flag) {
-        case "pix":
-          return "i-pix text-[#77B6A8]";
-        case "visa":
-          return "i-visa";
-        case "mastercard":
-          return "i-mastercard";
-        case "elo":
-          return "i-elo";
-        case "amex":
-          return "i-amex";
-        case "hipercard":
-          return "i-hipercard";
-        case "diners":
-          return "i-dinersclub";
-        case "discover":
-          return "i-discover";
-        default:
-          return "";
-      }
-    });
-    const __returned__ = { props, iconClassName };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  if (!$setup.iconClassName) {
-    _push(`<b${ssrRenderAttrs(mergeProps({ class: "tracking-tighter leading-none mb-1 text-black text-[57%]" }, _attrs))}>${ssrInterpolate($setup.props.flag)}</b>`);
-  } else {
-    ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
-  }
-}
-const _sfc_setup$6 = _sfc_main$6.setup;
-_sfc_main$6.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/PaymentMethodFlag.vue");
-  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
-};
-const PaymentMethodFlag = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
-
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "ShopFooter",
-  props: {
-    stamps: {},
-    categories: {},
-    categoriesColTitle: {},
-    pageLinks: {},
-    pagesColTitle: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get socialNetworks() {
-      return socialNetworks;
-    }, SocialNetworkLink, PaymentMethodFlag };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  const _component_ALink = resolveComponent("ALink");
-  _push(`<footer${ssrRenderAttrs(mergeProps({ class: "w-screen bg-base-50 border-t border-base-100 py-2" }, _attrs))}><div class="ui-section"><div class="pb-7 border-b border-base-200 flex justify-between flex-wrap lg:flex-nowrap sm:gap-x-10 gap-y-5"><div class="shrink">`);
-  ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
-  if (_ctx.$settings.description) {
-    _push(`<div class="prose"><p>${ssrInterpolate(_ctx.$settings.description)}</p></div>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(`<div class="flex gap-2 text-base-500"><!--[-->`);
-  ssrRenderList($setup.socialNetworks, (href, network) => {
-    _push(`<span>`);
-    _push(ssrRenderComponent($setup["SocialNetworkLink"], {
-      network,
-      class: "p-1 hover:text-primary"
-    }, createSlots({ _: 2 }, [
-      network === "whatsapp" ? {
-        name: "append",
-        fn: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`<span class="ml-1 text-sm text-base-600"${_scopeId}>${ssrInterpolate(_ctx.$settings.whatsapp)}</span>`);
-          } else {
-            return [
-              createVNode("span", { class: "ml-1 text-sm text-base-600" }, toDisplayString(_ctx.$settings.whatsapp), 1)
-            ];
-          }
-        }),
-        key: "0"
-      } : void 0
-    ]), _parent));
-    _push(`</span>`);
-  });
-  _push(`<!--]--></div>`);
-  if (_ctx.$settings.address || _ctx.$settings.phone) {
-    _push(`<div class="mt-3 text-base-700">`);
-    if (_ctx.$settings.address) {
-      _push(`<address class="inline-block mr-4">${ssrInterpolate(_ctx.$settings.address)}</address>`);
-    } else {
-      _push(`<!---->`);
-    }
-    if (_ctx.$settings.phone) {
-      _push(ssrRenderComponent(_component_ALink, {
-        href: `tel:${_ctx.$settings.phone.replace(/\D/g, "")}`,
-        class: "hover:text-primary"
-      }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`<i class="i-phone mr-0.5"${_scopeId}></i> ${ssrInterpolate(_ctx.$settings.phone)}`);
-          } else {
-            return [
-              createVNode("i", { class: "i-phone mr-0.5" }),
-              createTextVNode(" " + toDisplayString(_ctx.$settings.phone), 1)
-            ];
-          }
-        }),
-        _: 1
-      }, _parent));
-    } else {
-      _push(`<!---->`);
-    }
-    _push(`</div>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(`</div>`);
-  if ($props.categories?.length) {
-    _push(`<div class="basis-1/2 sm:basis-auto"><div class="text-lg font-medium mb-2.5">${ssrInterpolate($props.categoriesColTitle || "Categorias")}</div><ul class="${ssrRenderClass([$props.categories.length > 4 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
-    ssrRenderList($props.categories, ({ name, slug }, i) => {
-      _push(`<li>`);
-      _push(ssrRenderComponent(_component_ALink, {
-        href: `/${slug}`,
-        class: "ui-link text-base-600"
-      }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`${ssrInterpolate(name)}`);
-          } else {
-            return [
-              createTextVNode(toDisplayString(name), 1)
-            ];
-          }
-        }),
-        _: 2
-      }, _parent));
-      _push(`</li>`);
-    });
-    _push(`<!--]--><li>`);
-    _push(ssrRenderComponent(_component_ALink, {
-      href: "/s",
-      class: "ui-link text-base-900"
-    }, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          _push2(`${ssrInterpolate("Todos os produtos")}`);
-        } else {
-          return [
-            createTextVNode(toDisplayString("Todos os produtos"))
-          ];
-        }
-      }),
-      _: 1
-    }, _parent));
-    _push(`</li></ul></div>`);
-  } else {
-    _push(`<!---->`);
-  }
-  if ($props.pageLinks?.length) {
-    _push(`<div class="basis-1/2 sm:basis-auto"><div class="text-lg font-medium mb-2.5">${ssrInterpolate($props.pagesColTitle || "Institucional")}</div><ul class="${ssrRenderClass([$props.pageLinks.length > 5 ? "grid md:grid-cols-2 gap-x-5 gap-y-1.5" : "space-y-1.5", "text-sm"])}"><!--[-->`);
-    ssrRenderList($props.pageLinks, ({ title, href }, i) => {
-      _push(`<li>`);
-      _push(ssrRenderComponent(_component_ALink, {
-        href,
-        class: "ui-link text-base-600"
-      }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`${ssrInterpolate(title)}`);
-          } else {
-            return [
-              createTextVNode(toDisplayString(title), 1)
-            ];
-          }
-        }),
-        _: 2
-      }, _parent));
-      _push(`</li>`);
-    });
-    _push(`<!--]--></ul></div>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(`</div></div><div class="ui-section"><div class="flex flex-wrap lg:flex-nowrap justify-between items-start gap-5"><ul class="flex gap-y-3 gap-x-6 lg:gap-x-8 items-center md:flex-wrap mx-auto md:mx-0 overflow-x-auto md:overflow-hidden"><!--[-->`);
-  ssrRenderList($props.stamps, (stamp, i) => {
-    _push(`<li>`);
-    _push(ssrRenderComponent(_component_ALink, {
-      href: stamp.href?.replace("{domain}", _ctx.$settings.domain || "")
-    }, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          ssrRenderSlot(_ctx.$slots, `picture-${i}`, {}, null, _push2, _parent2, _scopeId);
-          if (!stamp.img) {
-            _push2(`<span class="flex items-center"${_scopeId}>`);
-            if (stamp.icon) {
-              _push2(`<span class="text-4xl mr-2 [&amp;&gt;*]:bg-gradient-to-br [&amp;&gt;*]:from-success-200 [&amp;&gt;*]:to-success-700"${_scopeId}>`);
-              if (stamp.icon === "lock") {
-                _push2(`<i class="i-lock-closed"${_scopeId}></i>`);
-              } else if (stamp.icon === "check") {
-                _push2(`<i class="i-check-badge"${_scopeId}></i>`);
-              } else {
-                _push2(`<i class="i-arrow-path-rounded-square"${_scopeId}></i>`);
-              }
-              _push2(`</span>`);
-            } else {
-              _push2(`<!---->`);
-            }
-            _push2(`<span class="text-sm font-medium text-base-600 max-w-[140px]"${_scopeId}>${ssrInterpolate(stamp.alt)} `);
-            if (stamp.href && stamp.href.charAt(0) !== "/") {
-              _push2(`<i class="bg-base-400 ml-0.5 i-arrow-top-right-on-square"${_scopeId}></i>`);
-            } else {
-              _push2(`<!---->`);
-            }
-            _push2(`</span></span>`);
-          } else {
-            _push2(`<!---->`);
-          }
-        } else {
-          return [
-            renderSlot(_ctx.$slots, `picture-${i}`),
-            !stamp.img ? (openBlock(), createBlock("span", {
-              key: 0,
-              class: "flex items-center"
-            }, [
-              stamp.icon ? (openBlock(), createBlock("span", {
-                key: 0,
-                class: "text-4xl mr-2 [&>*]:bg-gradient-to-br [&>*]:from-success-200 [&>*]:to-success-700"
-              }, [
-                stamp.icon === "lock" ? (openBlock(), createBlock("i", {
-                  key: 0,
-                  class: "i-lock-closed"
-                })) : stamp.icon === "check" ? (openBlock(), createBlock("i", {
-                  key: 1,
-                  class: "i-check-badge"
-                })) : (openBlock(), createBlock("i", {
-                  key: 2,
-                  class: "i-arrow-path-rounded-square"
-                }))
-              ])) : createCommentVNode("", true),
-              createVNode("span", { class: "text-sm font-medium text-base-600 max-w-[140px]" }, [
-                createTextVNode(toDisplayString(stamp.alt) + " ", 1),
-                stamp.href && stamp.href.charAt(0) !== "/" ? (openBlock(), createBlock("i", {
-                  key: 0,
-                  class: "bg-base-400 ml-0.5 i-arrow-top-right-on-square"
-                })) : createCommentVNode("", true)
-              ])
-            ])) : createCommentVNode("", true)
-          ];
-        }
-      }),
-      _: 2
-    }, _parent));
-    _push(`</li>`);
-  });
-  _push(`<!--]--></ul><div class="flex flex-wrap md:flex-nowrap justify-end items-center gap-4 text-2xl mx-auto md:mx-0 overflow-x-auto md:overflow-hidden"><!--[-->`);
-  ssrRenderList(_ctx.$settings.payment_methods, (paymentMethod) => {
-    _push(ssrRenderComponent($setup["PaymentMethodFlag"], {
-      key: paymentMethod,
-      flag: paymentMethod
-    }, null, _parent));
-  });
-  _push(`<!--]--></div></div><div class="mt-7 text-xs text-center md:text-left md:flex justify-between gap-4"><div class="mb-3 md:mb-0"> @ ${ssrInterpolate(( new Date()).getFullYear())} ${ssrInterpolate(_ctx.$settings.corporate_name)} ${ssrInterpolate(_ctx.$settings.address ? `/ ${_ctx.$settings.address}` : "")} / ${ssrInterpolate(_ctx.$settings.doc_number)}</div>`);
-  _push(ssrRenderComponent(_component_ALink, {
-    href: "https://www.ecomplus.io/",
-    class: "italic text-[#37003c]"
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(` powered by <b${_scopeId}>E-Com Plus</b>`);
-      } else {
-        return [
-          createTextVNode(" powered by "),
-          createVNode("b", null, "E-Com Plus")
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`</div></div></footer>`);
-}
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopFooter.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
-};
-const ShopFooter = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
-
-const $$Astro$6 = createAstro("https://ecom2-demo.web.app");
-const $$PageFooter = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
-  Astro2.self = $$PageFooter;
-  const { routeContext } = Astro2.locals;
-  const { settings, getContent, isHomepage } = routeContext;
-  const LogoHeading = isHomepage ? "h2" : "h3";
-  const layoutContent = await getContent("layout");
-  const {
-    footer: {
-      stamps,
-      categories_list: categoriesList,
-      pages_list: pagesList
-    }
-  } = layoutContent;
-  let mainCategories;
-  let pageLinks;
-  if (categoriesList?.enabled) {
-    if (categoriesList.categories?.length) {
-      mainCategories = categoriesList.categories;
-    } else {
-      const { value: categories } = await useSharedData({ field: "categories" });
-      mainCategories = filterMainCategories(categories);
-    }
-  }
-  if (pagesList?.enabled) {
-    if (pagesList.links?.length) {
-      pageLinks = pagesList.links;
-    } else {
-      pageLinks = [];
-      const pageSlugs = await getContent("extra-pages/");
-      for (let i = 0; i < pageSlugs.length; i++) {
-        const { title } = await getContent(`extra-pages/${pageSlugs[i]}`);
-        if (title) {
-          pageLinks.push({ title, href: `/p/${pageSlugs[i]}` });
-        }
-      }
-    }
-  }
-  return renderTemplate`${renderComponent($$result, "ShopFooter", ShopFooter, { "stamps": stamps, "categories": mainCategories, "categoriesColTitle": categoriesList?.title, "pageLinks": pageLinks, "pagesColTitle": pagesList?.title }, { "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], "loading": "lazy", "class": "max-w-[150px]" })}
-      ` })}
-    </a>
-  ` })}` })}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageFooter.astro", void 0);
-
-const useProductShelf = (props) => {
-  const title = ref(props.title || "");
-  const titleLink = ref(props.titleLink || "");
-  const isFetching = ref(false);
-  let fetching = null;
-  const fetchError = ref(null);
-  const products = shallowReactive(props.products || []);
-  if (!props.products) {
-    isFetching.value = true;
-    fetching = (async () => {
-      let searchQuery = props.searchQuery || "";
-      let collection;
-      if (props.collectionId) {
-        try {
-          const { data } = await api.get(`collections/${props.collectionId}`);
-          collection = data;
-        } catch (err) {
-          console.error(err);
-          fetchError.value = err;
-        }
-        const productIds = collection?.products;
-        if (Array.isArray(productIds) && productIds.length) {
-          searchQuery += `&_id=${productIds.slice(0, 60).join(",")}`;
-        }
-        if (!title.value && title.value !== null && collection?.name) {
-          title.value = collection?.name;
-        }
-      }
-      const limit = props.limit || 24;
-      const offset = props.page ? (props.page - 1) * limit : 0;
-      let endpointQuery = `offset=${offset}&limit=${limit}`;
-      if (props.sort) {
-        endpointQuery += `&sort=${props.sort}`;
-      }
-      endpointQuery += searchQuery;
-      try {
-        const { data } = await api.get(`search/v1?${endpointQuery}`);
-        if (props.isShuffle) {
-          let m = data.result.filter((item) => {
-            return item.available && inStock(item);
-          }).length;
-          let t;
-          let i;
-          while (m) {
-            i = Math.floor(Math.random() * m--);
-            t = data.result[m];
-            data.result[m] = data.result[i];
-            data.result[i] = t;
-          }
-        }
-        data.result.forEach((item) => products.push(item));
-      } catch (err) {
-        console.error(err);
-        fetchError.value = err;
-      }
-      isFetching.value = false;
-    })();
-  }
-  return {
-    title,
-    titleLink,
-    isFetching,
-    fetching,
-    fetchError,
-    products
-  };
-};
-
-const now = Date.now();
-const parseBanners = (banners) => {
-  const validBanners = [];
-  banners.forEach(({
-    img,
-    start,
-    end,
-    mobile_img: mobileImg,
-    button_link: buttonLink,
-    button_text: buttonText,
-    ...rest
-  }) => {
-    if (start && new Date(start).getTime() < now)
-      return;
-    if (end && new Date(end).getTime() > now)
-      return;
-    validBanners.push({
-      ...rest,
-      img,
-      mobileImg,
-      buttonLink,
-      buttonText
-    });
-  });
-  return validBanners;
-};
-const usePageHero = async ({ routeContext }) => {
-  const { cmsContent } = routeContext;
-  const heroSlider = { slides: [] };
-  const heroContent = cmsContent?.hero;
-  if (heroContent) {
-    heroSlider.autoplay = heroContent.autoplay;
-    if (heroContent.slides) {
-      heroSlider.slides = parseBanners(heroContent.slides);
-    }
-  }
-  return { heroSlider };
-};
-const usePageSections = async ({ routeContext, handleCustomSection }) => {
-  const sectionsContent = routeContext.cmsContent?.sections;
-  const sections = [];
-  if (sectionsContent) {
-    await Promise.all(sectionsContent.map(async ({ type, ...sectionContent }, index) => {
-      if (type === "product-shelf") {
-        const {
-          collection_id: collectionIdAndInfo,
-          headless: isHeadless,
-          shuffle: isShuffle,
-          ...rest
-        } = sectionContent;
-        let { sort, title } = sectionContent;
-        switch (sort) {
-          case "offers":
-            sort = "-price_discount";
-            break;
-          case "news":
-            sort = "-_id";
-            break;
-          case "lowest_price":
-            sort = "price";
-            break;
-          case "highest_price":
-            sort = "-price";
-            break;
-        }
-        let collectionId = null;
-        let searchQuery;
-        let titleLink;
-        if (collectionIdAndInfo) {
-          const [_id, resource, name, path] = collectionIdAndInfo.split(":");
-          collectionId = _id;
-          if (resource === "categories") {
-            searchQuery = `&categories._id=${_id}`;
-          } else if (resource === "brands") {
-            searchQuery = `&brands._id=${_id}`;
-          }
-          if (!title && title !== null && name) {
-            title = name;
-          }
-          titleLink = path;
-        }
-        const props = {
-          ...rest,
-          collectionId,
-          searchQuery,
-          sort,
-          title: isHeadless ? null : title,
-          titleLink,
-          isShuffle
-        };
-        const { fetching, products } = useProductShelf(props);
-        await fetching;
-        sections[index] = {
-          type,
-          props: {
-            ...rest,
-            collectionId,
-            searchQuery,
-            sort,
-            title: isHeadless ? null : title,
-            titleLink,
-            isShuffle,
-            products
-          }
-        };
-        return;
-      }
-      if (type === "banners-grid") {
-        sections[index] = {
-          type,
-          props: {
-            banners: parseBanners(sectionContent.banners || [])
-          }
-        };
-        return;
-      }
-      if (typeof handleCustomSection === "function") {
-        const { props } = await handleCustomSection(
-          type,
-          sectionContent
-        );
-        sections[index] = { type, props };
-      }
-    }));
-  }
-  return {
-    sections
-  };
-};
-
-const $$Astro$5 = createAstro("https://ecom2-demo.web.app");
-const $$BannerPictures = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
-  Astro2.self = $$BannerPictures;
-  const {
-    img,
-    alt,
-    mobileImg,
-    title,
-    subtitle,
-    buttonText,
-    index,
-    class: className = "max-w-screen-sm sm:max-w-[828px] md:max-w-screen-2xl",
-    mobileClass = "max-w-screen-sm sm:max-w-screen-lg"
-  } = Astro2.props;
-  const hasHeader = title || subtitle || buttonText;
-  let { widths, mobileWidths } = Astro2.props;
-  if (!widths?.length) {
-    if (mobileImg) {
-      widths = [1536, 2048];
-    } else {
-      widths = [640, 828, 1536, 2048];
-      if (hasHeader) {
-        widths = widths.map((w) => w / 2);
-      }
-    }
-  }
-  if (!mobileWidths?.length) {
-    mobileWidths = [640, 1024];
-  }
-  return renderTemplate`${img && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": img, "alt": alt || "", "widths": widths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `${mobileImg ? "hidden md:block " : ""}mx-auto text-sm text-opacity-70 ${className}` })}`}
-${mobileImg && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": mobileImg, "alt": alt || "", "widths": mobileWidths, "fetchpriority": index === 0 ? "high" : "low", "loading": index === 0 ? "eager" : "lazy", "class": `md:hidden mx-auto text-sm text-opacity-70 ${mobileClass}` })}`}`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/BannerPictures.astro", void 0);
-
-const useBanner = (props) => {
-  const parsedTitle = computed(() => {
-    return props.title ? parseShippingPhrase(props.title).value : "";
-  });
-  const parsedSubtitle = computed(() => {
-    return props.subtitle ? parseShippingPhrase(props.subtitle).value : "";
-  });
-  const parsedButtonText = computed(() => {
-    return props.buttonText ? parseShippingPhrase(props.buttonText).value : "";
-  });
-  const hasHeader = computed(() => {
-    return Boolean(parsedTitle.value || parsedSubtitle.value || parsedButtonText.value);
-  });
-  return {
-    parsedTitle,
-    parsedSubtitle,
-    parsedButtonText,
-    hasHeader
-  };
-};
-
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "Banner",
-  props: {
-    img: {},
-    alt: {},
-    mobileImg: {},
-    href: {},
-    title: {},
-    subtitle: {},
-    buttonLink: {},
-    buttonText: {},
-    headingTag: { default: "h3" }
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const {
-      hasHeader,
-      parsedTitle,
-      parsedSubtitle,
-      parsedButtonText
-    } = useBanner(props);
-    const __returned__ = { props, hasHeader, parsedTitle, parsedSubtitle, parsedButtonText };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$4(_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]
-  }, _attrs))}>`);
-  _push(ssrRenderComponent(_component_ALink, {
-    href: $props.href,
-    class: $setup.hasHeader ? "sm:order-last [&_img]:max-w-full sm:[&_img]:max-w-none [&_img]:aspect-video sm:[&_img]:aspect-[2.5] [&_img]:object-cover" : "[&_img]:max-w-full"
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        ssrRenderSlot(_ctx.$slots, "picture", {}, null, _push2, _parent2, _scopeId);
-      } else {
-        return [
-          renderSlot(_ctx.$slots, "picture")
-        ];
-      }
-    }),
-    _: 3
-  }, _parent));
-  if ($setup.hasHeader) {
-    _push(`<div class="p-12 xl:ps-32 mb-3 sm:mb-0">`);
-    if ($setup.parsedTitle) {
-      ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.headingTag), { class: "ui-title mt-1" }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`${ssrInterpolate($setup.parsedTitle)}`);
-          } else {
-            return [
-              createTextVNode(toDisplayString($setup.parsedTitle), 1)
-            ];
-          }
-        }),
-        _: 1
-      }), _parent);
-    } else {
-      _push(`<!---->`);
-    }
-    if ($setup.parsedSubtitle) {
-      _push(`<p class="text-lg mt-4 md:mt-6">${ssrInterpolate($setup.parsedSubtitle)}</p>`);
-    } else {
-      _push(`<!---->`);
-    }
-    if ($setup.parsedButtonText) {
-      _push(ssrRenderComponent(_component_ALink, {
-        href: $props.buttonLink,
-        class: "ui-btn-lg ui-btn-contrast min-w-[150px] mt-7 md:mt-10"
-      }, {
-        default: withCtx((_, _push2, _parent2, _scopeId) => {
-          if (_push2) {
-            _push2(`${ssrInterpolate($setup.parsedButtonText)}`);
-          } else {
-            return [
-              createTextVNode(toDisplayString($setup.parsedButtonText), 1)
-            ];
-          }
-        }),
-        _: 1
-      }, _parent));
-    } else {
-      _push(`<!---->`);
-    }
-    _push(`</div>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(`</div>`);
-}
-const _sfc_setup$4 = _sfc_main$4.setup;
-_sfc_main$4.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Banner.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
-};
-const Banner = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
-
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "HeroSlider",
-  props: {
-    autoplay: {},
-    slides: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { Carousel, CarouselControl, Banner };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<section${ssrRenderAttrs(mergeProps({ class: "relative mx-auto" }, _attrs))}>`);
-  _push(ssrRenderComponent($setup["Carousel"], {
-    autoplay: $props.autoplay,
-    class: "secondary [&>*]:items-center"
-  }, {
-    controls: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<div style="${ssrRenderStyle($props.slides.length > 1 ? null : { display: "none" })}" class="absolute z-10 bottom-5 flex justify-end items-center w-screen right-5 xl:right-auto xl:max-w-screen-xl xl:left-1/2 xl:-ms-[640px]"${_scopeId}><div class="relative w-20 h-10 rounded-full bg-white/50 text-primary shadow-sm ring-1 ring-black/5"${_scopeId}>`);
-        _push2(ssrRenderComponent($setup["CarouselControl"], {
-          class: "w-10 h-10 rounded-full hover:bg-primary/10",
-          "is-prev": ""
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`<i class="i-arrow-left"${_scopeId2}></i>`);
-            } else {
-              return [
-                createVNode("i", { class: "i-arrow-left" })
-              ];
-            }
-          }),
-          _: 1
-        }, _parent2, _scopeId));
-        _push2(ssrRenderComponent($setup["CarouselControl"], { class: "w-10 h-10 rounded-full hover:bg-primary/10" }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`<i class="i-arrow-right"${_scopeId2}></i>`);
-            } else {
-              return [
-                createVNode("i", { class: "i-arrow-right" })
-              ];
-            }
-          }),
-          _: 1
-        }, _parent2, _scopeId));
-        _push2(`</div></div>`);
-      } else {
-        return [
-          withDirectives(createVNode("div", { class: "absolute z-10 bottom-5 flex justify-end items-center w-screen right-5 xl:right-auto xl:max-w-screen-xl xl:left-1/2 xl:-ms-[640px]" }, [
-            createVNode("div", { class: "relative w-20 h-10 rounded-full bg-white/50 text-primary shadow-sm ring-1 ring-black/5" }, [
-              createVNode($setup["CarouselControl"], {
-                class: "w-10 h-10 rounded-full hover:bg-primary/10",
-                "is-prev": ""
-              }, {
-                default: withCtx(() => [
-                  createVNode("i", { class: "i-arrow-left" })
-                ]),
-                _: 1
-              }),
-              createVNode($setup["CarouselControl"], { class: "w-10 h-10 rounded-full hover:bg-primary/10" }, {
-                default: withCtx(() => [
-                  createVNode("i", { class: "i-arrow-right" })
-                ]),
-                _: 1
-              })
-            ])
-          ], 512), [
-            [vShow, $props.slides.length > 1]
-          ])
-        ];
-      }
-    }),
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<!--[-->`);
-        ssrRenderList($props.slides, (slide, i) => {
-          _push2(`<li class="shrink-0 basis-full"${_scopeId}>`);
-          _push2(ssrRenderComponent($setup["Banner"], mergeProps({ ...slide, headingTag: i === 0 ? "h2" : "h3" }, { class: "w-screen max-w-screen-2xl" }), {
-            picture: withCtx((_2, _push3, _parent3, _scopeId2) => {
-              if (_push3) {
-                ssrRenderSlot(_ctx.$slots, `picture-${i}`, {}, null, _push3, _parent3, _scopeId2);
-              } else {
-                return [
-                  renderSlot(_ctx.$slots, `picture-${i}`)
-                ];
-              }
-            }),
-            _: 2
-          }, _parent2, _scopeId));
-          _push2(`</li>`);
-        });
-        _push2(`<!--]-->`);
-      } else {
-        return [
-          (openBlock(true), createBlock(Fragment$1, null, renderList($props.slides, (slide, i) => {
-            return openBlock(), createBlock("li", {
-              key: i,
-              class: "shrink-0 basis-full"
-            }, [
-              createVNode($setup["Banner"], mergeProps({ ...slide, headingTag: i === 0 ? "h2" : "h3" }, { class: "w-screen max-w-screen-2xl" }), {
-                picture: withCtx(() => [
-                  renderSlot(_ctx.$slots, `picture-${i}`)
-                ]),
-                _: 2
-              }, 1040)
-            ]);
-          }), 128))
-        ];
-      }
-    }),
-    _: 3
-  }, _parent));
-  _push(`</section>`);
-}
-const _sfc_setup$3 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/HeroSlider.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
-};
-const HeroSlider = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
-
-const $$Astro$4 = createAstro("https://ecom2-demo.web.app");
-const $$BannersGrid = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
-  Astro2.self = $$BannersGrid;
-  const { banners } = Astro2.props;
-  return renderTemplate`${maybeRenderHead()}<section class="ui-section">
-  <ul class="flex flex-wrap lg:flex-nowrap gap-4">
-    ${banners.map((banner) => renderTemplate`<li class="lg:flex-1 [&_img]:w-full [&_img]:object-cover">
-        ${renderComponent($$result, "Banner", Banner, { ...banner }, { "picture": ($$result2) => renderTemplate`${renderComponent($$result2, "BannerPictures", $$BannerPictures, { ...banner, "slot": "picture" })}` })}
-      </li>`)}
-  </ul>
-</section>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/components/BannersGrid.astro", void 0);
-
-const useProductCard = (props) => {
-  const isFetching = ref(false);
-  let fetching = null;
-  const fetchError = ref(null);
-  const { productId } = props;
-  const product = shallowReactive({
-    ...props.product,
-    _id: props.product?._id || productId,
-    price: price(props.product || {})
-  });
-  if (!props.product && productId) {
-    isFetching.value = true;
-    fetching = (async () => {
-      try {
-        const { data } = await api.get(`products/${productId}`);
-        Object.assign(product, data);
-      } catch (err) {
-        console.error(err);
-        fetchError.value = err;
-      }
-      isFetching.value = false;
-    })();
-  }
-  const title = computed(() => {
-    return name(product);
-  });
-  const link = computed(() => {
-    const { slug } = product;
-    if (typeof slug === "string") {
-      return `/${slug}`;
-    }
-    return null;
-  });
-  const images = computed(() => {
-    const { pictures } = product;
-    const _images = [];
-    if (pictures) {
-      pictures.forEach((picture) => {
-        const img$1 = img(picture);
-        if (img$1)
-          _images.push(img$1);
-      });
-    }
-    return _images;
-  });
-  const isInStock = computed(() => {
-    return inStock(product);
-  });
-  const isActive = computed(() => {
-    return isInStock.value && product.available && product.visible;
-  });
-  const discountPercentage = computed(() => {
-    if (onPromotion(product)) {
-      const basePrice = product.base_price;
-      return Math.round((basePrice - price(product)) * 100 / basePrice);
-    }
-    return 0;
-  });
-  const hasVariations = computed(() => {
-    if (product.has_variations)
-      return true;
-    return Boolean(product.variations?.length);
-  });
-  return {
-    isFetching,
-    fetching,
-    fetchError,
-    product,
-    title,
-    link,
-    images,
-    isInStock,
-    isActive,
-    discountPercentage,
-    hasVariations
-  };
-};
-
-const getPriceWithDiscount = (price, discount) => {
-  const { type, value } = discount;
-  let priceWithDiscount;
-  if (value) {
-    if (type === "percentage") {
-      priceWithDiscount = price * ((100 - value) / 100);
-    } else {
-      priceWithDiscount = price - value;
-    }
-    return priceWithDiscount > 0 ? priceWithDiscount : 0;
-  }
-  return price;
-};
-const usePrices = (props) => {
-  const _product = computed(() => {
-    return props.product || {
-      price: props.price || 0,
-      base_price: props.basePrice
-    };
-  });
-  const hasVariedPrices = computed(() => {
-    const { variations } = _product.value;
-    if (variations) {
-      const productPrice = price(_product.value);
-      for (let i = 0; i < variations.length; i++) {
-        const price$1 = price({
-          ..._product.value,
-          ...variations[i]
-        });
-        if (price$1 > productPrice) {
-          return true;
-        }
-      }
-    }
-    return false;
-  });
-  const salePrice = computed(() => {
-    const price$1 = price(_product.value);
-    const discount = availableExtraDiscount.value;
-    if (discount && (!discount.min_amount || price$1 > discount.min_amount)) {
-      return getPriceWithDiscount(price$1, discount);
-    }
-    return price$1;
-  });
-  const comparePrice = computed(() => {
-    if (onPromotion(_product.value)) {
-      return _product.value.base_price;
-    }
-    const price$1 = price(_product.value);
-    if (price$1 > salePrice.value) {
-      return price$1;
-    }
-    return 0;
-  });
-  const installmentsObject = computed(() => {
-    return props.installmentsOption || installmentsOption.value || { max_number: 1 };
-  });
-  const installmentsNumber = computed(() => {
-    if (installmentsObject.value.max_number <= 1) {
-      return 1;
-    }
-    const minInstallment = installmentsObject.value.min_installment || 5;
-    const maxInstallmentsNumber = Math.floor(salePrice.value / minInstallment);
-    return Math.min(maxInstallmentsNumber, installmentsObject.value.max_number);
-  });
-  const monthlyInterest = computed(() => {
-    return installmentsObject.value.monthly_interest || 0;
-  });
-  const installmentValue = computed(() => {
-    if (installmentsNumber.value >= 2) {
-      if (!monthlyInterest.value) {
-        return salePrice.value / installmentsNumber.value;
-      }
-      const interest = monthlyInterest.value / 100;
-      return salePrice.value * interest / (1 - (1 + interest) ** -installmentsNumber.value);
-    }
-    return 0;
-  });
-  const discountObject = computed(() => {
-    const discount = props.discountOption || discountOption.value;
-    if (discount && (!discount.min_amount || discount.min_amount <= salePrice.value) && (!props.isAmountTotal || discount.apply_at === "total")) {
-      return discount;
-    }
-    return {};
-  });
-  const discountLabel = computed(() => {
-    const { label } = discountObject.value;
-    if (label) {
-      if (label.includes(" ")) {
-        return label;
-      }
-      return `via ${label}`;
-    }
-    return "";
-  });
-  const priceWithDiscount = computed(() => {
-    return getPriceWithDiscount(salePrice.value, discountObject.value);
-  });
-  const pointsProgramObject = computed(() => {
-    if (props.loyaltyPointsProgram) {
-      return props.loyaltyPointsProgram;
-    }
-    const pointsPrograms = loyaltyPointsPrograms.value;
-    if (pointsPrograms) {
-      const programIds = Object.keys(pointsPrograms);
-      for (let i = 0; i < programIds.length; i++) {
-        const program = pointsPrograms[programIds[i]];
-        if (program?.earn_percentage && program.earn_percentage > 0) {
-          return program;
-        }
-      }
-    }
-    return { ratio: 0 };
-  });
-  const pointsMinPrice = computed(() => {
-    return pointsProgramObject.value.min_subtotal_to_earn || 0;
-  });
-  const pointsProgramName = computed(() => {
-    return pointsProgramObject.value.name || "";
-  });
-  const earnPointsPercentage = computed(() => {
-    return pointsProgramObject.value.earn_percentage || 0;
-  });
-  const cashbackPercentage = computed(() => {
-    return earnPointsPercentage.value * pointsProgramObject.value.ratio;
-  });
-  const cashbackValue = computed(() => {
-    return cashbackPercentage.value >= 1 ? salePrice.value * (cashbackPercentage.value / 100) : 0;
-  });
-  return {
-    hasVariedPrices,
-    salePrice,
-    comparePrice,
-    installmentsObject,
-    installmentsNumber,
-    monthlyInterest,
-    installmentValue,
-    discountObject,
-    discountLabel,
-    priceWithDiscount,
-    pointsProgramObject,
-    pointsMinPrice,
-    pointsProgramName,
-    earnPointsPercentage,
-    cashbackPercentage,
-    cashbackValue
-  };
-};
-
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "Prices",
-  props: {
-    isBig: { type: Boolean },
-    isLiteral: { type: Boolean },
-    hasCashback: { type: Boolean, default: true },
-    hasPriceOptions: { type: Boolean, default: true },
-    product: {},
-    price: {},
-    basePrice: {},
-    isAmountTotal: { type: Boolean },
-    installmentsOption: {},
-    discountOption: {},
-    loyaltyPointsProgram: {}
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const {
-      hasVariedPrices,
-      salePrice,
-      comparePrice,
-      cashbackPercentage,
-      cashbackValue,
-      installmentsNumber,
-      monthlyInterest,
-      installmentValue,
-      priceWithDiscount,
-      discountLabel
-    } = usePrices(props);
-    const __returned__ = { props, hasVariedPrices, salePrice, comparePrice, cashbackPercentage, cashbackValue, installmentsNumber, monthlyInterest, installmentValue, priceWithDiscount, discountLabel };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$2(_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]:[font-size:92%] [&_small]:lowercase", $props.isBig ? "text-lg" : null]
-  }, _attrs))}>`);
-  if ($setup.comparePrice) {
-    _push(`<span class="text-base-500 mr-1 text-[87%]">`);
-    if ($props.isLiteral) {
-      _push(`<small>${ssrInterpolate(`${"De"} `)}</small>`);
-    } else {
-      _push(`<!---->`);
-    }
-    _push(`<s>${ssrInterpolate(_ctx.$money($setup.comparePrice))}</s>`);
-    if ($props.isLiteral) {
-      _push(`<small>${ssrInterpolate(` ${"Por"}`)}</small>`);
-    } else {
-      _push(`<!---->`);
-    }
-    _push(`</span>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(`<strong class="${ssrRenderClass([$props.isBig ? "text-5xl block" : null, "inline-block text-base-800"])}">`);
-  if ($setup.hasVariedPrices) {
-    _push(`<small>${ssrInterpolate(`${"A partir de"} `)}</small>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(` ${ssrInterpolate(_ctx.$money($setup.salePrice))}</strong>`);
-  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        if ($setup.cashbackValue && $props.hasCashback) {
-          _push2(`<div class="relative z-10"${_scopeId}><span${ssrRenderAttr("data-tooltip", "Receba $1 de volta".replace("$1", _ctx.$percentage($setup.cashbackPercentage)))}${_scopeId}><i class="i-arrow-uturn-left mr-1"${_scopeId}></i><span class="font-medium"${_scopeId}>${ssrInterpolate(_ctx.$money($setup.cashbackValue))}</span><small${_scopeId}> cashback</small></span></div>`);
-        } else {
-          _push2(`<!---->`);
-        }
-      } else {
-        return [
-          $setup.cashbackValue && $props.hasCashback ? (openBlock(), createBlock("div", {
-            key: 0,
-            class: "relative z-10"
-          }, [
-            createVNode("span", {
-              "data-tooltip": "Receba $1 de volta".replace("$1", _ctx.$percentage($setup.cashbackPercentage))
-            }, [
-              createVNode("i", { class: "i-arrow-uturn-left mr-1" }),
-              createVNode("span", { class: "font-medium" }, toDisplayString(_ctx.$money($setup.cashbackValue)), 1),
-              createVNode("small", null, " cashback")
-            ], 8, ["data-tooltip"])
-          ])) : createCommentVNode("", true)
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        if ($setup.installmentValue && $props.hasPriceOptions) {
-          _push2(`<div${_scopeId}>`);
-          if ($props.isLiteral) {
-            _push2(`<small${_scopeId}>${ssrInterpolate(`${"At\xE9"} `)}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(` ${ssrInterpolate($setup.installmentsNumber)}x `);
-          if ($props.isLiteral) {
-            _push2(`<small${_scopeId}>${ssrInterpolate(` ${"De"} `)}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money($setup.installmentValue))}</span>`);
-          if (!$setup.monthlyInterest && $props.isLiteral) {
-            _push2(`<small${_scopeId}>${ssrInterpolate(` ${"Sem juros"}`)}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(`</div>`);
-        } else {
-          _push2(`<!---->`);
-        }
-      } else {
-        return [
-          $setup.installmentValue && $props.hasPriceOptions ? (openBlock(), createBlock("div", { key: 0 }, [
-            $props.isLiteral ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"At\xE9"} `))) : createCommentVNode("", true),
-            createTextVNode(" " + toDisplayString($setup.installmentsNumber) + "x ", 1),
-            $props.isLiteral ? (openBlock(), createBlock("small", { key: 1 }, toDisplayString(` ${"De"} `))) : createCommentVNode("", true),
-            createVNode("span", null, toDisplayString(_ctx.$money($setup.installmentValue)), 1),
-            !$setup.monthlyInterest && $props.isLiteral ? (openBlock(), createBlock("small", { key: 2 }, toDisplayString(` ${"Sem juros"}`))) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(ssrRenderComponent(_component_Fade, { slide: "down" }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        if ($setup.priceWithDiscount < $setup.salePrice && $props.hasPriceOptions) {
-          _push2(`<div${_scopeId}>`);
-          if (!$setup.discountLabel) {
-            _push2(`<small${_scopeId}>${ssrInterpolate(`${"A partir de"} `)}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$money($setup.priceWithDiscount))}</span>`);
-          if ($setup.discountLabel) {
-            _push2(`<small${_scopeId}>${ssrInterpolate(` ${$setup.discountLabel}`)}</small>`);
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(`</div>`);
-        } else {
-          _push2(`<!---->`);
-        }
-      } else {
-        return [
-          $setup.priceWithDiscount < $setup.salePrice && $props.hasPriceOptions ? (openBlock(), createBlock("div", { key: 0 }, [
-            !$setup.discountLabel ? (openBlock(), createBlock("small", { key: 0 }, toDisplayString(`${"A partir de"} `))) : createCommentVNode("", true),
-            createVNode("span", null, toDisplayString(_ctx.$money($setup.priceWithDiscount)), 1),
-            $setup.discountLabel ? (openBlock(), createBlock("small", { key: 1 }, toDisplayString(` ${$setup.discountLabel}`), 1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`</div>`);
-}
-const _sfc_setup$2 = _sfc_main$2.setup;
-_sfc_main$2.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/Prices.vue");
-  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
-};
-const Prices = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
-
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "ProductCard",
-  props: {
-    product: {},
-    productId: {},
-    headingTag: { default: "h3" }
-  },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const props = __props;
-    const {
-      product,
-      title,
-      link,
-      images,
-      isInStock,
-      isActive,
-      discountPercentage,
-      hasVariations
-    } = useProductCard(props);
-    const card = ref(null);
-    const isHovered = useElementHover(card);
-    const wasHoveredOnce = ref(false);
-    watchOnce(isHovered, () => {
-      wasHoveredOnce.value = true;
-    });
-    const __returned__ = { props, product, title, link, images, isInStock, isActive, discountPercentage, hasVariations, card, isHovered, wasHoveredOnce, get addProductToCart() {
-      return addProductToCart;
-    }, Prices };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  const _component_ALink = resolveComponent("ALink");
-  const _component_AImg = resolveComponent("AImg");
-  _push(`<article${ssrRenderAttrs(mergeProps({
-    ref: "card",
-    "data-sku": $setup.product.sku,
-    class: "relative h-full max-w-[350px] mx-auto py-3 group"
-  }, _attrs))}>`);
-  _push(ssrRenderComponent(_component_ALink, {
-    href: $setup.link,
-    class: "flex flex-col h-full rounded overflow-hidden group-hover:shadow group-hover:ring-1 ring-black/5"
-  }, {
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<div class="aspect-square p-2 motion-safe:group-hover:scale-110 transition-transform"${_scopeId}><div class="relative w-full h-full bg-white rounded overflow-hidden group-hover:rounded-none"${_scopeId}>`);
-        if ($setup.images?.length) {
-          _push2(`<span class="text-xs text-opacity-70"${_scopeId}>`);
-          _push2(ssrRenderComponent(_component_AImg, {
-            picture: $setup.images[0],
-            alt: $setup.title,
-            class: "absolute top-0 left-0 block w-full h-full object-cover"
-          }, null, _parent2, _scopeId));
-          if ($setup.images[1] && $setup.wasHoveredOnce) {
-            _push2(ssrRenderComponent(_component_AImg, {
-              picture: $setup.images[1],
-              alt: $setup.title,
-              class: "absolute top-0 left-0 block w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity motion-safe:duration-300 text-transparent z-10"
-            }, null, _parent2, _scopeId));
-          } else {
-            _push2(`<!---->`);
-          }
-          _push2(`</span>`);
-        } else {
-          _push2(`<div class="w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"${_scopeId}></div>`);
-        }
-        _push2(`</div></div>`);
-        if ($setup.discountPercentage) {
-          _push2(`<span class="uno-bm03rg"${_scopeId}> -<strong${_scopeId}>${ssrInterpolate($setup.discountPercentage)}</strong>% </span>`);
-        } else {
-          _push2(`<!---->`);
-        }
-        _push2(`<div class="relative flex flex-col grow justify-between p-4 group-hover:backdrop-blur-md bg-white/40 z-10"${_scopeId}>`);
-        ssrRenderVNode(_push2, createVNode(resolveDynamicComponent($props.headingTag), {
-          class: ["ui-link no-underline line-clamp-2", [
-            $setup.isActive ? "text-base-700" : "text-base-500",
-            $setup.link ? "group-hover:underline group-hover:text-primary" : null
-          ]]
-        }, {
-          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
-            if (_push3) {
-              _push3(`${ssrInterpolate($setup.title)}`);
-            } else {
-              return [
-                createTextVNode(toDisplayString($setup.title), 1)
-              ];
-            }
-          }),
-          _: 1
-        }), _parent2, _scopeId);
-        _push2(`<div class="pt-2"${_scopeId}>`);
-        if ($setup.isActive) {
-          _push2(`<div${_scopeId}>`);
-          _push2(ssrRenderComponent($setup["Prices"], { product: $setup.product }, null, _parent2, _scopeId));
-          _push2(`</div>`);
-        } else {
-          _push2(`<span class="ui-badge bg-warning-100 text-warning-700"${_scopeId}>${ssrInterpolate(!$setup.isInStock ? "Sem estoque" : "Inativo")}</span>`);
-        }
-        _push2(`</div>`);
-        if ($setup.isActive && !$setup.hasVariations) {
-          _push2(`<button class="uno-3suct9 ui-btn-sm ui-btn-primary"${_scopeId}><span class="inline-block h-4 w-4 leading-none text-base text-center bg-on-primary text-primary opacity-80 rounded-full mr-1"${_scopeId}> + </span> ${ssrInterpolate("Adicionar ao carrinho")}</button>`);
-        } else {
-          _push2(`<!---->`);
-        }
-        _push2(`</div>`);
-      } else {
-        return [
-          createVNode("div", { class: "aspect-square p-2 motion-safe:group-hover:scale-110 transition-transform" }, [
-            createVNode("div", { class: "relative w-full h-full bg-white rounded overflow-hidden group-hover:rounded-none" }, [
-              $setup.images?.length ? (openBlock(), createBlock("span", {
-                key: 0,
-                class: "text-xs text-opacity-70"
-              }, [
-                createVNode(_component_AImg, {
-                  picture: $setup.images[0],
-                  alt: $setup.title,
-                  class: "absolute top-0 left-0 block w-full h-full object-cover"
-                }, null, 8, ["picture", "alt"]),
-                $setup.images[1] && $setup.wasHoveredOnce ? (openBlock(), createBlock(_component_AImg, {
-                  key: 0,
-                  picture: $setup.images[1],
-                  alt: $setup.title,
-                  class: "absolute top-0 left-0 block w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity motion-safe:duration-300 text-transparent z-10"
-                }, null, 8, ["picture", "alt"])) : createCommentVNode("", true)
-              ])) : (openBlock(), createBlock("div", {
-                key: 1,
-                class: "w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"
-              }))
-            ])
-          ]),
-          $setup.discountPercentage ? (openBlock(), createBlock("span", {
-            key: 0,
-            class: "uno-bm03rg"
-          }, [
-            createTextVNode(" -"),
-            createVNode("strong", null, toDisplayString($setup.discountPercentage), 1),
-            createTextVNode("% ")
-          ])) : createCommentVNode("", true),
-          createVNode("div", { class: "relative flex flex-col grow justify-between p-4 group-hover:backdrop-blur-md bg-white/40 z-10" }, [
-            (openBlock(), createBlock(resolveDynamicComponent($props.headingTag), {
-              class: ["ui-link no-underline line-clamp-2", [
-                $setup.isActive ? "text-base-700" : "text-base-500",
-                $setup.link ? "group-hover:underline group-hover:text-primary" : null
-              ]]
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString($setup.title), 1)
-              ]),
-              _: 1
-            }, 8, ["class"])),
-            createVNode("div", { class: "pt-2" }, [
-              $setup.isActive ? (openBlock(), createBlock("div", { key: 0 }, [
-                createVNode($setup["Prices"], { product: $setup.product }, null, 8, ["product"])
-              ])) : (openBlock(), createBlock("span", {
-                key: 1,
-                class: "ui-badge bg-warning-100 text-warning-700"
-              }, toDisplayString(!$setup.isInStock ? "Sem estoque" : "Inativo"), 1))
-            ]),
-            $setup.isActive && !$setup.hasVariations ? (openBlock(), createBlock("button", {
-              key: 0,
-              class: "uno-3suct9 ui-btn-sm ui-btn-primary",
-              onClick: withModifiers(($event) => $setup.addProductToCart($setup.product), ["prevent"])
-            }, [
-              createVNode("span", { class: "inline-block h-4 w-4 leading-none text-base text-center bg-on-primary text-primary opacity-80 rounded-full mr-1" }, " + "),
-              createTextVNode(" " + toDisplayString("Adicionar ao carrinho"))
-            ], 8, ["onClick"])) : createCommentVNode("", true)
-          ])
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`</article>`);
-}
-const _sfc_setup$1 = _sfc_main$1.setup;
-_sfc_main$1.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ProductCard.vue");
-  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
-};
-const ProductCard = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ProductShelf",
-  props: {
-    collectionId: {},
-    searchQuery: {},
-    sort: {},
-    title: {},
-    titleLink: {},
-    isShuffle: { type: Boolean },
-    limit: {},
-    page: {},
-    products: {}
-  },
-  async setup(__props, { expose: __expose }) {
-    __expose();
-    let __temp, __restore;
-    const props = __props;
-    const {
-      title,
-      titleLink,
-      fetching,
-      products
-    } = useProductShelf(props);
-    {
-      [__temp, __restore] = withAsyncContext(() => fetching), await __temp, __restore();
-    }
-    const __returned__ = { props, title, titleLink, fetching, products, Carousel, CarouselControl, ProductCard };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  const _component_ALink = resolveComponent("ALink");
-  _push(`<section${ssrRenderAttrs(mergeProps({ class: "ui-section" }, _attrs))}>`);
-  if ($setup.title) {
-    _push(`<div class="max-w-prose mx-auto text-center mb-2"><h2 class="ui-text-brand text-3xl">`);
-    _push(ssrRenderComponent(_component_ALink, {
-      href: $setup.titleLink,
-      class: $setup.titleLink ? "ui-link" : "text-base-700"
-    }, {
-      default: withCtx((_, _push2, _parent2, _scopeId) => {
-        if (_push2) {
-          _push2(`${ssrInterpolate($setup.title)}`);
-        } else {
-          return [
-            createTextVNode(toDisplayString($setup.title), 1)
-          ];
-        }
-      }),
-      _: 1
-    }, _parent));
-    _push(`</h2></div>`);
-  } else {
-    _push(`<!---->`);
-  }
-  _push(ssrRenderComponent($setup["Carousel"], { class: "group/shelf" }, {
-    controls: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<div style="${ssrRenderStyle($setup.products.length > 2 ? null : { display: "none" })}" class="text-3xl lg:text-2xl leading-none text-primary lg:opacity-0 group-hover/shelf:opacity-90 transition-opacity"${_scopeId}>`);
-        _push2(ssrRenderComponent($setup["CarouselControl"], {
-          class: "!top-1/2 !-left-4 w-12 h-12 bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full lg:shadow-sm lg:ring-1 ring-black/5",
-          "is-prev": ""
-        }, null, _parent2, _scopeId));
-        _push2(ssrRenderComponent($setup["CarouselControl"], { class: "!top-1/2 !-right-4 w-12 h-12 bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full lg:shadow-sm lg:ring-1 ring-black/5" }, null, _parent2, _scopeId));
-        _push2(`</div>`);
-      } else {
-        return [
-          withDirectives(createVNode("div", { class: "text-3xl lg:text-2xl leading-none text-primary lg:opacity-0 group-hover/shelf:opacity-90 transition-opacity" }, [
-            createVNode($setup["CarouselControl"], {
-              class: "!top-1/2 !-left-4 w-12 h-12 bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full lg:shadow-sm lg:ring-1 ring-black/5",
-              "is-prev": ""
-            }),
-            createVNode($setup["CarouselControl"], { class: "!top-1/2 !-right-4 w-12 h-12 bg-transparent lg:bg-white/80 lg:hover:bg-primary-300/60 rounded-full lg:shadow-sm lg:ring-1 ring-black/5" })
-          ], 512), [
-            [vShow, $setup.products.length > 2]
-          ])
-        ];
-      }
-    }),
-    default: withCtx((_, _push2, _parent2, _scopeId) => {
-      if (_push2) {
-        _push2(`<!--[-->`);
-        ssrRenderList($setup.products, (product) => {
-          _push2(`<li class="basis-1/2 md:basis-1/3 lg:basis-1/4 shrink-0"${_scopeId}>`);
-          _push2(ssrRenderComponent($setup["ProductCard"], { product }, null, _parent2, _scopeId));
-          _push2(`</li>`);
-        });
-        _push2(`<!--]-->`);
-      } else {
-        return [
-          (openBlock(true), createBlock(Fragment$1, null, renderList($setup.products, (product) => {
-            return openBlock(), createBlock("li", {
-              key: product._id,
-              class: "basis-1/2 md:basis-1/3 lg:basis-1/4 shrink-0"
-            }, [
-              createVNode($setup["ProductCard"], { product }, null, 8, ["product"])
-            ]);
-          }), 128))
-        ];
-      }
-    }),
-    _: 1
-  }, _parent));
-  _push(`</section>`);
-}
-const _sfc_setup = _sfc_main.setup;
-_sfc_main.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ProductShelf.vue");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const ProductShelf = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
-
-const $$Astro$3 = createAstro("https://ecom2-demo.web.app");
-const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
-  Astro2.self = $$Sections;
-  const { routeContext } = Astro2.locals;
-  const { sections } = await usePageSections({
-    routeContext,
-    handleCustomSection: async (type, content) => {
-      if (type === "c:foo")
-        return { props: { ...content, foo: "bar" } };
-      return { props: content };
-    }
-  });
-  return renderTemplate`${maybeRenderHead()}<article class="my-9 md:my-12">
-  ${sections.map(({ type, props }) => {
-    switch (type) {
-      case "product-shelf":
-        return renderTemplate`${renderComponent($$result, "ProductShelf", ProductShelf, { ...props, "client:visible": true, "client:component-hydration": "visible", "client:component-path": "~/components/ProductShelf.vue", "client:component-export": "default" })}`;
-      case "banners-grid":
-        return renderTemplate`${renderComponent($$result, "BannersGrid", $$BannersGrid, { ...props })}`;
-      case "c:foo":
-        return renderTemplate`<div${addAttribute(props.foo, "data-foo")}></div>`;
-      default:
-        return renderTemplate`<div${addAttribute(type, "data-section")}></div>`;
-    }
-  })}
-</article>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Sections.astro", void 0);
-
-const $$Astro$2 = createAstro("https://ecom2-demo.web.app");
-const $$Home = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
-  Astro2.self = $$Home;
-  const { routeContext } = Astro2.locals;
-  const { heroSlider } = await usePageHero({ routeContext });
-  const heroSlides = heroSlider.slides;
-  return renderTemplate`${maybeRenderHead()}<main>
-  ${heroSlider.slides.length && renderTemplate`${renderComponent($$result, "HeroSlider", HeroSlider, { ...heroSlider, "client:load": true, "client:component-hydration": "load", "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 })}`}` })}`}
-  ${renderComponent($$result, "Sections", $$Sections, {})}
-</main>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Home.astro", void 0);
-
-const $$Astro$1 = createAstro("https://ecom2-demo.web.app");
-const $$Index$1 = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
-  Astro2.self = $$Index$1;
-  let routeContext;
-  let loadError;
-  try {
-    routeContext = await loadRouteContext(Astro2);
-  } catch (err) {
-    if (err.astroResponse) {
-      return err.astroResponse;
-    }
-    loadError = err;
-  }
-  return renderTemplate`<html${addAttribute(routeContext?.lang.replace("_", "-"), "lang")}>
-${routeContext && renderTemplate`${renderComponent($$result, "Base", $$Base, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "BaseHead", $$BaseHead, { "slot": "base-head" })}`, "default": ($$result2) => renderTemplate`
-    
-    ${renderComponent($$result2, "PageHeader", $$PageHeader, {})}
-    ${renderComponent($$result2, "HomeMain", $$Home, {})}
-    ${renderComponent($$result2, "PageFooter", $$PageFooter, {})}
-  ` })}`}
-${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}
-</html>`;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro", void 0);
-
-const $$file$1 = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro";
-const $$url$1 = "";
-
-const index$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-  __proto__: null,
-  default: $$Index$1,
-  file: $$file$1,
-  url: $$url$1
-}, Symbol.toStringTag, { value: 'Module' }));
-
-const $$Astro = createAstro("https://ecom2-demo.web.app");
-const $$Index = createComponent(async ($$result, $$props, $$slots) => {
-  const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
-  Astro2.self = $$Index;
-  return renderTemplate``;
-}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro", void 0);
-
-const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/app/index.astro";
-const $$url = "/app";
-
-const index = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-  __proto__: null,
-  default: $$Index,
-  file: $$file,
-  url: $$url
-}, Symbol.toStringTag, { value: 'Module' }));
-
-export { Prices as P, index as a, index$1 as i };