cloudcommerce 0.26.2 → 0.26.3

package/packages/storefront/dist/server/chunks/pages/index.astro.079f316a.mjs

@@ -0,0 +1,1650 @@
+import { c as createAstro, b as createComponent, r as renderTemplate, f as renderComponent, F as Fragment, m as maybeRenderHead, e as addAttribute, u as unescapeHTML } from '../astro.440a2e08.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.08ba5973.mjs';
+import 'clsx';
+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 };