cloudcommerce 0.26.2 → 0.26.3

package/packages/storefront/dist/server/chunks/pages/_...slug_.astro.08ba5973.mjs

@@ -0,0 +1,3930 @@
+import { joinPaths, isRemotePath } from '@astrojs/internal-helpers/path';
+import { A as AstroError, E as ExpectedImage, L as LocalImageUsedWrongly, M as MissingImageDimension, U as UnsupportedImageFormat, a as ExpectedImageOptions, I as InvalidImageService, c as createAstro, b as createComponent, d as ImageMissingAlt, r as renderTemplate, m as maybeRenderHead, e as addAttribute, s as spreadAttributes, u as unescapeHTML, f as renderComponent, F as Fragment, g as renderSlotToString, h as renderAllHeadContent, i as renderSlot } from '../astro.440a2e08.mjs';
+import api from '@cloudcommerce/api';
+import { EventEmitter } from 'node:events';
+import fs from 'node:fs';
+import { resolve, join } from 'node:path';
+import config from '@cloudcommerce/config';
+import { img, price, formatMoney, randomObjectId, nickname } from '@ecomplus/utils';
+import 'clsx';
+import { renderSync, parse, walkSync, ELEMENT_NODE } from 'ultrahtml';
+/* empty css                               */import imageSize from 'image-size';
+import mime from 'mime';
+import { reactive, computed, shallowRef, useSSRContext, defineComponent, inject, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, resolveComponent, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, withModifiers, Teleport, createTextVNode, toDisplayString, defineAsyncComponent, Suspense } from 'vue';
+import { useScroll, useElementHover, useDebounceFn, useTimeout, watchDebounced, promiseTimeout, watchOnce } from '@vueuse/core';
+import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate, ssrRenderSuspense } from 'vue/server-renderer';
+import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
+
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const VALID_SUPPORTED_FORMATS = [
+  "jpeg",
+  "jpg",
+  "png",
+  "tiff",
+  "webp",
+  "gif",
+  "svg"
+];
+
+function isLocalService(service) {
+  if (!service) {
+    return false;
+  }
+  return "transform" in service;
+}
+function parseQuality(quality) {
+  let result = parseInt(quality);
+  if (Number.isNaN(result)) {
+    return quality;
+  }
+  return result;
+}
+const baseService = {
+  validateOptions(options) {
+    if (!options.src || typeof options.src !== "string" && typeof options.src !== "object") {
+      throw new AstroError({
+        ...ExpectedImage,
+        message: ExpectedImage.message(JSON.stringify(options.src))
+      });
+    }
+    if (!isESMImportedImage(options.src)) {
+      if (options.src.startsWith("/@fs/")) {
+        throw new AstroError({
+          ...LocalImageUsedWrongly,
+          message: LocalImageUsedWrongly.message(options.src)
+        });
+      }
+      let missingDimension;
+      if (!options.width && !options.height) {
+        missingDimension = "both";
+      } else if (!options.width && options.height) {
+        missingDimension = "width";
+      } else if (options.width && !options.height) {
+        missingDimension = "height";
+      }
+      if (missingDimension) {
+        throw new AstroError({
+          ...MissingImageDimension,
+          message: MissingImageDimension.message(missingDimension, options.src)
+        });
+      }
+    } else {
+      if (!VALID_SUPPORTED_FORMATS.includes(options.src.format)) {
+        throw new AstroError({
+          ...UnsupportedImageFormat,
+          message: UnsupportedImageFormat.message(
+            options.src.format,
+            options.src.src,
+            VALID_SUPPORTED_FORMATS
+          )
+        });
+      }
+      if (options.src.format === "svg") {
+        options.format = "svg";
+      }
+    }
+    if (!options.format) {
+      options.format = "webp";
+    }
+    return options;
+  },
+  getHTMLAttributes(options) {
+    let targetWidth = options.width;
+    let targetHeight = options.height;
+    if (isESMImportedImage(options.src)) {
+      const aspectRatio = options.src.width / options.src.height;
+      if (targetHeight && !targetWidth) {
+        targetWidth = Math.round(targetHeight * aspectRatio);
+      } else if (targetWidth && !targetHeight) {
+        targetHeight = Math.round(targetWidth / aspectRatio);
+      } else if (!targetWidth && !targetHeight) {
+        targetWidth = options.src.width;
+        targetHeight = options.src.height;
+      }
+    }
+    const { src, width, height, format, quality, ...attributes } = options;
+    return {
+      ...attributes,
+      width: targetWidth,
+      height: targetHeight,
+      loading: attributes.loading ?? "lazy",
+      decoding: attributes.decoding ?? "async"
+    };
+  },
+  getURL(options, imageConfig) {
+    const searchParams = new URLSearchParams();
+    if (isESMImportedImage(options.src)) {
+      searchParams.append("href", options.src.src);
+    } else if (isRemoteAllowed(options.src, imageConfig)) {
+      searchParams.append("href", options.src);
+    } else {
+      return options.src;
+    }
+    const params = {
+      w: "width",
+      h: "height",
+      q: "quality",
+      f: "format"
+    };
+    Object.entries(params).forEach(([param, key]) => {
+      options[key] && searchParams.append(param, options[key].toString());
+    });
+    const imageEndpoint = joinPaths("/", "/_image");
+    return `${imageEndpoint}?${searchParams}`;
+  },
+  parseURL(url) {
+    const params = url.searchParams;
+    if (!params.has("href")) {
+      return void 0;
+    }
+    const transform = {
+      src: params.get("href"),
+      width: params.has("w") ? parseInt(params.get("w")) : void 0,
+      height: params.has("h") ? parseInt(params.get("h")) : void 0,
+      format: params.get("f"),
+      quality: params.get("q")
+    };
+    return transform;
+  }
+};
+
+function matchPattern(url, remotePattern) {
+  return matchProtocol(url, remotePattern.protocol) && matchHostname(url, remotePattern.hostname, true) && matchPort(url, remotePattern.port) && matchPathname(url, remotePattern.pathname, true);
+}
+function matchPort(url, port) {
+  return !port || port === url.port;
+}
+function matchProtocol(url, protocol) {
+  return !protocol || protocol === url.protocol.slice(0, -1);
+}
+function matchHostname(url, hostname, allowWildcard) {
+  if (!hostname) {
+    return true;
+  } else if (!allowWildcard || !hostname.startsWith("*")) {
+    return hostname === url.hostname;
+  } else if (hostname.startsWith("**.")) {
+    const slicedHostname = hostname.slice(2);
+    return slicedHostname !== url.hostname && url.hostname.endsWith(slicedHostname);
+  } else if (hostname.startsWith("*.")) {
+    const slicedHostname = hostname.slice(1);
+    const additionalSubdomains = url.hostname.replace(slicedHostname, "").split(".").filter(Boolean);
+    return additionalSubdomains.length === 1;
+  }
+  return false;
+}
+function matchPathname(url, pathname, allowWildcard) {
+  if (!pathname) {
+    return true;
+  } else if (!allowWildcard || !pathname.endsWith("*")) {
+    return pathname === url.pathname;
+  } else if (pathname.endsWith("/**")) {
+    const slicedPathname = pathname.slice(0, -2);
+    return slicedPathname !== url.pathname && url.pathname.startsWith(slicedPathname);
+  } else if (pathname.endsWith("/*")) {
+    const slicedPathname = pathname.slice(0, -1);
+    const additionalPathChunks = url.pathname.replace(slicedPathname, "").split("/").filter(Boolean);
+    return additionalPathChunks.length === 1;
+  }
+  return false;
+}
+
+function isESMImportedImage(src) {
+  return typeof src === "object";
+}
+function isRemoteImage(src) {
+  return typeof src === "string";
+}
+function isRemoteAllowed(src, {
+  domains = [],
+  remotePatterns = []
+}) {
+  if (!isRemotePath(src))
+    return true;
+  const url = new URL(src);
+  return domains.some((domain) => matchHostname(url, domain)) || remotePatterns.some((remotePattern) => matchPattern(url, remotePattern));
+}
+async function getConfiguredImageService() {
+  if (!globalThis?.astroAsset?.imageService) {
+    const { default: service } = await import(
+      // @ts-expect-error
+      '../sharp.52841bb4.mjs'
+    ).catch((e) => {
+      const error = new AstroError(InvalidImageService);
+      error.cause = e;
+      throw error;
+    });
+    if (!globalThis.astroAsset)
+      globalThis.astroAsset = {};
+    globalThis.astroAsset.imageService = service;
+    return service;
+  }
+  return globalThis.astroAsset.imageService;
+}
+async function getImage$1(options, imageConfig) {
+  if (!options || typeof options !== "object") {
+    throw new AstroError({
+      ...ExpectedImageOptions,
+      message: ExpectedImageOptions.message(JSON.stringify(options))
+    });
+  }
+  const service = await getConfiguredImageService();
+  const resolvedOptions = {
+    ...options,
+    src: typeof options.src === "object" && "then" in options.src ? (await options.src).default : options.src
+  };
+  const validatedOptions = service.validateOptions ? await service.validateOptions(resolvedOptions, imageConfig) : resolvedOptions;
+  let imageURL = await service.getURL(validatedOptions, imageConfig);
+  if (isLocalService(service) && globalThis.astroAsset.addStaticImage && // If `getURL` returned the same URL as the user provided, it means the service doesn't need to do anything
+  !(isRemoteImage(validatedOptions.src) && imageURL === validatedOptions.src)) {
+    imageURL = globalThis.astroAsset.addStaticImage(validatedOptions);
+  }
+  return {
+    rawOptions: resolvedOptions,
+    options: validatedOptions,
+    src: imageURL,
+    attributes: service.getHTMLAttributes !== void 0 ? service.getHTMLAttributes(validatedOptions, imageConfig) : {}
+  };
+}
+
+const $$Astro$9 = createAstro("https://ecom2-demo.web.app");
+const $$Image = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$9, $$props, $$slots);
+  Astro2.self = $$Image;
+  const props = Astro2.props;
+  if (props.alt === void 0 || props.alt === null) {
+    throw new AstroError(ImageMissingAlt);
+  }
+  if (typeof props.width === "string") {
+    props.width = parseInt(props.width);
+  }
+  if (typeof props.height === "string") {
+    props.height = parseInt(props.height);
+  }
+  const image = await getImage(props);
+  return renderTemplate`${maybeRenderHead()}<img${addAttribute(image.src, "src")}${spreadAttributes(image.attributes)}>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/node_modules/astro/components/Image.astro", void 0);
+
+const imageConfig = {"service":{"entrypoint":"astro/assets/services/sharp","config":{}},"domains":[],"remotePatterns":[]};
+					const getImage = async (options) => await getImage$1(options, imageConfig);
+
+global.__storefrontCMS = (fs, resolvePath) => {
+  const { STOREFRONT_BASE_DIR } = process.env;
+  let baseDir;
+  if (STOREFRONT_BASE_DIR) {
+    baseDir = resolvePath(process.cwd(), STOREFRONT_BASE_DIR);
+  } else {
+    baseDir = process.cwd();
+  }
+  process.env.STOREFRONT_BASE_DIR = baseDir;
+  const dirContent = resolvePath(baseDir, 'content');
+
+  const contentCache = {};
+  const getContent = (filename) => {
+    // MUST be sync for 'settings'
+    // Async with other content to support external CMS integration
+    const loadLocal = () => {
+      let content = contentCache[filename];
+      if (!content) {
+        if (filename.endsWith('/')) {
+          const dirColl = resolvePath(dirContent, filename);
+          return new Promise((resolve) => {
+            const slugs = fs.existsSync(dirColl)
+              ? fs.readdirSync(dirColl)
+                .filter((file) => file.charAt(0) !== '.')
+                .map((file) => file.replace(/\.[^.]{0,5}$/, ''))
+              : [];
+            resolve(slugs);
+          });
+        }
+        // @TODO: Also parse Markdown with front matter
+        const filepath = resolvePath(dirContent, `${filename}.json`);
+        content = fs.existsSync(filepath)
+          ? JSON.parse(fs.readFileSync(filepath, 'utf8'))
+          : null;
+        if (!filename.includes('/')) {
+          // Caching root content only (not collections)
+          contentCache[filename] = content;
+        }
+      }
+      return filename === 'settings'
+        ? content
+        : new Promise((resolve) => { resolve(content); });
+    };
+    const handler = globalThis.$storefrontCmsHandler;
+    if (typeof handler === 'function') {
+      try {
+        const content = handler({ dirContent, filename, loadLocal });
+        if (content) {
+          return content;
+        }
+      } catch {
+        //
+      }
+    }
+    return loadLocal();
+  };
+
+  let settings;
+  try {
+    settings = getContent('settings') || {};
+  } catch (e) {
+    settings = {};
+  }
+  const { domain } = settings;
+  const primaryColor = settings.primary_color || '#137c5c';
+  const secondaryColor = settings.secondary_color || primaryColor;
+
+  return {
+    domain,
+    primaryColor,
+    secondaryColor,
+    settings,
+    getContent,
+  };
+};
+
+const _getConfig = () => {
+  const {
+    ECOM_STORE_ID,
+    VITE_ECOM_STORE_ID,
+    PROD,
+  } = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"https://ecom2-demo.web.app","ASSETS_PREFIX":undefined},{ECOM_STORE_ID:process.env.ECOM_STORE_ID,})) || process.env;
+  if (VITE_ECOM_STORE_ID) {
+    config.set({ storeId: Number(VITE_ECOM_STORE_ID) });
+  } else if (ECOM_STORE_ID) {
+    config.set({ storeId: Number(ECOM_STORE_ID) });
+  }
+
+  const {
+    domain,
+    primaryColor,
+    secondaryColor,
+    settings,
+    getContent,
+  } = global.__storefrontCMS(fs, resolve);
+  config.set({ settingsContent: settings });
+
+  let { storeId } = config.get();
+  if (!storeId) {
+    const configFilepath = join(process.cwd(), 'config.json');
+    try {
+      const mergeConfig = JSON.parse(fs.readFileSync(configFilepath), 'utf8');
+      if (mergeConfig.storeId) {
+        storeId = mergeConfig.storeId;
+      }
+    } catch {
+      //
+    }
+    if (!storeId && !PROD) {
+      storeId = 1011;
+      console.warn('> `storeId` is not set, using fallback 1011 for dev only\n');
+    }
+    if (storeId) {
+      config.set({ storeId });
+    }
+  }
+  const {
+    lang,
+    countryCode,
+    currency,
+    currencySymbol,
+  } = config.get();
+
+  return {
+    storeId,
+    lang,
+    countryCode,
+    currency,
+    currencySymbol,
+    domain,
+    primaryColor,
+    secondaryColor,
+    settings,
+    getContent,
+  };
+};
+
+const emitter$1 = new EventEmitter();
+const getConfig = _getConfig;
+if (!globalThis.$apiMergeConfig) {
+  globalThis.$apiMergeConfig = {
+    isNoAuth: true,
+    canCache: true
+  };
+}
+if (!globalThis.$apiPrefetchEndpoints) {
+  globalThis.$apiPrefetchEndpoints = [];
+}
+if (!globalThis.$storefront) {
+  globalThis.$storefront = {
+    settings: {},
+    onLoad(callback) {
+      emitter$1.once("load", callback);
+    },
+    data: {}
+  };
+}
+const setResponseCache = (Astro, maxAge, sMaxAge) => {
+  const headerName = "Cache-Control" ;
+  let cacheControl = `public, max-age=${maxAge}, must-revalidate`;
+  if (sMaxAge) {
+    cacheControl += `, s-maxage=${sMaxAge}, stale-while-revalidate=604800`;
+  }
+  Astro.response.headers.set(headerName, cacheControl);
+};
+const loadRouteContext = async (Astro, {
+  contentCollection,
+  apiPrefetchEndpoints = globalThis.$apiPrefetchEndpoints
+} = {}) => {
+  const startedAt = Date.now();
+  let urlPath = Astro.url.pathname;
+  const isPreview = urlPath.startsWith("/~preview");
+  if (isPreview) {
+    urlPath = urlPath.replace("/~preview", "");
+  }
+  const isHomepage = urlPath === "/";
+  const config = getConfig();
+  globalThis.$storefront.settings = config.settings;
+  let cmsContent;
+  const apiState = {};
+  const apiPrefetchings = [
+    ...apiPrefetchEndpoints.map((endpoint) => {
+      if (endpoint === ":slug")
+        return null;
+      return api.get(endpoint);
+    })
+  ];
+  let fetchingApiContext = null;
+  const apiContext = {
+    error: null
+  };
+  const { slug } = Astro.params;
+  if (isHomepage) {
+    cmsContent = await config.getContent("pages/home");
+  } else if (slug) {
+    if (contentCollection) {
+      cmsContent = await config.getContent(`${contentCollection}/${slug}`);
+    } else if (slug.startsWith("api/")) {
+      const err = new Error("/api/* routes not implemented on SSR directly");
+      Astro.response.status = 501;
+      err.responseHTML = `<head></head><body>${err.message}</body>`;
+      throw err;
+    } else {
+      const prefetchingsIndex = apiPrefetchings.findIndex((pr) => pr === null);
+      fetchingApiContext = new Promise((resolve, reject) => {
+        api.get(`slugs/${slug}`).then((response) => {
+          Object.assign(apiContext, response.data);
+          const apiResource = apiContext.resource;
+          const apiDoc = apiContext.doc;
+          apiState[`${apiResource}/${apiDoc._id}`] = apiDoc;
+          globalThis.$storefront.apiContext = {
+            resource: apiResource,
+            doc: apiDoc,
+            timestamp: Date.now()
+          };
+          resolve(null);
+        }).catch((err) => {
+          if (prefetchingsIndex > -1) {
+            reject(err);
+          } else {
+            apiContext.error = err;
+            resolve(null);
+          }
+        });
+      });
+      if (prefetchingsIndex > -1) {
+        apiPrefetchings[prefetchingsIndex] = fetchingApiContext;
+      }
+    }
+  }
+  try {
+    (await Promise.all(apiPrefetchings)).forEach((response) => {
+      if (response) {
+        const { config: { endpoint }, data } = response;
+        const apiStateKey = endpoint.replace(/\?.*$/, "");
+        if (!apiState[apiStateKey]) {
+          apiState[apiStateKey] = data.result || data;
+        }
+      } else if (slug && apiContext.doc) {
+        apiState[`slugs/${slug}`] = apiContext;
+      }
+    });
+  } catch (err) {
+    const error = err;
+    const status = error.statusCode || 500;
+    if (status === 404) {
+      if (urlPath.endsWith("/")) {
+        err.redirectUrl = urlPath.slice(0, -1);
+        err.astroResponse = Astro.redirect(err.redirectUrl);
+        throw err;
+      }
+      setResponseCache(Astro, 120, 300);
+    } else {
+      console.error(error);
+      setResponseCache(Astro, 30);
+      Astro.response.headers.set("X-SSR-Error", error.message);
+    }
+    Astro.response.status = status;
+    err.responseHTML = `<head>
+      <meta http-equiv="refresh" content="0;
+        url=/~fallback?status=${status}&url=${encodeURIComponent(urlPath)}"/>
+      </head>
+      <body></body>`;
+    throw err;
+  }
+  Astro.response.headers.set("X-Load-Took", String(Date.now() - startedAt));
+  if (urlPath === "/~fallback") {
+    setResponseCache(Astro, 3600, 86400);
+  } else if (isHomepage) {
+    setResponseCache(Astro, 180, 300);
+  } else {
+    setResponseCache(Astro, 120, 300);
+  }
+  const routeContext = {
+    ...config,
+    isHomepage,
+    cmsContent,
+    fetchingApiContext,
+    apiContext,
+    apiState,
+    isPreview
+  };
+  Astro.locals.routeContext = routeContext;
+  emitter$1.emit("load", routeContext);
+  return routeContext;
+};
+
+const pwaInfo = {"pwaInDevEnvironment":false,"webManifest":{"href":"/manifest.webmanifest","useCredentials":false,"linkTag":"<link rel=\"manifest\" href=\"/manifest.webmanifest\">"}};
+
+var __freeze$2 = Object.freeze;
+var __defProp$2 = Object.defineProperty;
+var __template$2 = (cooked, raw) => __freeze$2(__defProp$2(cooked, "raw", { value: __freeze$2(raw || cooked.slice()) }));
+var _a$2;
+const $$Astro$8 = createAstro("https://ecom2-demo.web.app");
+const $$BaseHead = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$8, $$props, $$slots);
+  Astro2.self = $$BaseHead;
+  const deployRand = ({}).DEPLOY_RAND || "_";
+  const getIconUrl = (size) => {
+    return `/_image?f=png&w=${size}&h=${size}&href=${encodeURIComponent(settings.icon)}&V=${deployRand}`;
+  };
+  const {
+    storeId,
+    cmsContent,
+    fetchingApiContext,
+    apiContext,
+    lang,
+    countryCode,
+    currency,
+    currencySymbol,
+    domain,
+    primaryColor,
+    settings,
+    isPreview,
+    getContent
+  } = Astro2.locals.routeContext;
+  if (fetchingApiContext) {
+    await fetchingApiContext;
+  }
+  const apiDoc = apiContext.doc;
+  const state = apiDoc || cmsContent || {};
+  const title = state.meta_title || state.name || state.title || settings.name;
+  const description = state.meta_description || state.short_description || settings.description;
+  const favicon = settings.icon ? getIconUrl(32) : "/favicon.ico";
+  const shortcutIcon = settings.icon ? getIconUrl(192) : null;
+  const canonicalUrl = new URL(Astro2.url.pathname, Astro2.site || `https://${domain}`);
+  const { metatags: metatagsContent } = await getContent("layout");
+  const ogLocale = lang.length === 2 ? lang : lang.substring(0, 2) + lang.slice(3).toUpperCase();
+  let ogImage;
+  if (apiDoc) {
+    const picture = img(state, void 0, "zoom");
+    ogImage = picture && picture.url;
+  }
+  if (!ogImage) {
+    if (metatagsContent?.og_image) {
+      ogImage = metatagsContent.og_image.charAt(0) === "/" ? `https://${domain}${metatagsContent.og_image}` : metatagsContent.og_image;
+    }
+  } else {
+    ogImage = ogImage.replace(/(\w+\.)?(ecoms\d)\.com/i, "$2-nyc3.nyc3.cdn.digitaloceanspaces.com");
+  }
+  let inlineClientJS = `
+window.ECOM_STORE_ID = ${storeId};
+window.ECOM_LANG = '${lang}';
+window.ECOM_CURRENCY = '${currency}';
+window.ECOM_CURRENCY_SYMBOL = '${currencySymbol}';
+window.ECOM_COUNTRY_CODE = '${countryCode}';
+window.$storefront = ${JSON.stringify({ settings, data: {} })};`;
+  if (apiContext.error) {
+    const { message, statusCode } = apiContext.error;
+    const url = Astro2.url.pathname;
+    inlineClientJS += `
+console.error(${JSON.stringify(message)});
+setTimeout(() => {
+  window.location.replace("/~fallback?status=${statusCode}&url=${encodeURIComponent(url)}");
+}, 1);`;
+  }
+  if (apiDoc) {
+    if (typeof apiDoc.price === "number") {
+      apiDoc.price = price(apiDoc);
+    }
+    const slimDocRegex = globalThis.$storefrontSlimDocRegex || /body_|meta_|metafields|_records|i18n/;
+    const minifyApiDoc = (nestedDoc) => {
+      if (typeof nestedDoc === "object" && nestedDoc) {
+        if (Array.isArray(nestedDoc)) {
+          nestedDoc.forEach((item) => minifyApiDoc(item));
+        } else {
+          Object.keys(nestedDoc).forEach((field) => {
+            if (slimDocRegex.test(field)) {
+              delete nestedDoc[field];
+            } else {
+              minifyApiDoc(nestedDoc[field]);
+            }
+          });
+        }
+      }
+      return nestedDoc;
+    };
+    inlineClientJS += `
+window.$storefront.apiContext = ${JSON.stringify({
+      resource: apiContext.resource,
+      doc: minifyApiDoc({ ...apiDoc }),
+      timestamp: Date.now()
+    })};
+window.$storefront.context /* DEPRECATED */ = window.$storefront.apiContext`;
+  }
+  if (isPreview) {
+    inlineClientJS += `
+window.$isCmsPreview = true;`;
+  }
+  const inlineJSONLd = JSON.stringify({
+    "@context": "http://schema.org",
+    "@type": "Organization",
+    name: settings.name,
+    url: `https://${domain}/`,
+    logo: `https://${domain}${settings.logo}`
+  });
+  return renderTemplate(_a$2 || (_a$2 = __template$2(['<meta charset="UTF-8">\n<meta name="viewport" content="width=device-width">\n<meta name="theme-color"', '>\n<link rel="icon" type="image/png"', ' sizes="32x32">\n', "\n<title>", '</title>\n<meta name="description"', '>\n<meta name="author"', '>\n<meta name="generator"', '>\n<link rel="canonical"', ">\n", '\n<meta name="apple-mobile-web-app-capable" content="yes">\n<meta name="apple-mobile-web-app-status-bar-style" content="default">\n<meta property="og:site_name"', '>\n<meta property="og:url"', '>\n<meta property="og:title"', '>\n<meta property="og:description"', '>\n<meta property="og:type" content="website">\n<meta property="og:locale"', ">\n", "\n", '\n<meta name="twitter:card" content="summary">\n', '\n<meta name="ecom-store-id"', ">\n\n\n", "\n", "\n\n<script>", '<\/script>\n<script type="application/ld+json">', "<\/script>"])), addAttribute(primaryColor, "content"), addAttribute(favicon, "href"), shortcutIcon && renderTemplate`<link rel="icon" type="image/png"${addAttribute(shortcutIcon, "href")} sizes="192x192">`, title, addAttribute(description, "content"), addAttribute(settings.name, "content"), addAttribute(Astro2.generator, "content"), addAttribute(canonicalUrl, "href"), shortcutIcon && renderTemplate`<link rel="apple-touch-icon"${addAttribute(shortcutIcon, "href")}>`, addAttribute(settings.name, "content"), addAttribute(canonicalUrl, "content"), addAttribute(title, "content"), addAttribute(description, "content"), addAttribute(ogLocale, "content"), ogImage && renderTemplate`<meta property="og:image"${addAttribute(ogImage, "content")}>`, metatagsContent?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttribute(metatagsContent.fb_app_id, "content")}>`, metatagsContent?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(metatagsContent.twitter_username, "content")}>`, addAttribute(String(storeId), "content"), pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`, !pwaInfo && !false && renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`, unescapeHTML(inlineClientJS), unescapeHTML(inlineJSONLd));
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro", void 0);
+
+function has(value) {
+  return typeof value === "string";
+}
+function is(a, b) {
+  return a === b;
+}
+function any(a, b) {
+  return has(a) && b.includes(a.toLowerCase());
+}
+const ElementWeights = {
+  META: 10,
+  TITLE: 9,
+  PRECONNECT: 8,
+  ASYNC_SCRIPT: 7,
+  IMPORT_STYLES: 6,
+  SYNC_SCRIPT: 5,
+  SYNC_STYLES: 4,
+  PRELOAD: 3,
+  DEFER_SCRIPT: 2,
+  PREFETCH_PRERENDER: 1,
+  OTHER: 0
+};
+const ElementDetectors = {
+  META: isMeta,
+  TITLE: isTitle,
+  PRECONNECT: isPreconnect,
+  DEFER_SCRIPT: isDeferScript,
+  ASYNC_SCRIPT: isAsyncScript,
+  IMPORT_STYLES: isImportStyles,
+  SYNC_SCRIPT: isSyncScript,
+  SYNC_STYLES: isSyncStyles,
+  PRELOAD: isPreload,
+  PREFETCH_PRERENDER: isPrefetchPrerender
+};
+const META_HTTP_EQUIV_KEYWORDS = [
+  "accept-ch",
+  "content-security-policy",
+  "content-type",
+  "default-style",
+  "delegate-ch",
+  "origin-trial",
+  "x-dns-prefetch-control"
+];
+function isMeta(name, a) {
+  if (name === "base")
+    return true;
+  if (name !== "meta")
+    return false;
+  return has(a.charset) || is(a.name, "viewport") || any(a["http-equiv"], META_HTTP_EQUIV_KEYWORDS);
+}
+function isTitle(name) {
+  return name === "title";
+}
+function isPreconnect(name, { rel }) {
+  return name === "link" && is(rel, "preconnect");
+}
+function isAsyncScript(name, { src, async }) {
+  return name === "script" && has(src) && has(async);
+}
+function isImportStyles(name, a, children) {
+  const importRe = /@import/;
+  if (name === "style") {
+    return importRe.test(children);
+  }
+  return false;
+}
+function isSyncScript(name, { src, defer, async, type = "" }) {
+  if (name !== "script")
+    return false;
+  return !(has(src) && (has(defer) || has(async) || is(type, "module")) || type.includes("json"));
+}
+function isSyncStyles(name, { rel }) {
+  if (name === "style")
+    return true;
+  return name === "link" && is(rel, "stylesheet");
+}
+function isPreload(name, { rel }) {
+  return name === "link" && any(rel, ["preload", "modulepreload"]);
+}
+function isDeferScript(name, { src, defer, async, type }) {
+  if (name !== "script")
+    return false;
+  return has(src) && has(defer) || has(src) && is(type, "module") && !has(async);
+}
+function isPrefetchPrerender(name, { rel }) {
+  return name === "link" && any(rel, ["prefetch", "dns-prefetch", "prerender"]);
+}
+function getWeight(element) {
+  for (const [id, detector] of Object.entries(ElementDetectors)) {
+    const children = element.name === "style" && element.children.length > 0 ? renderSync(element) : "";
+    if (detector(element.name, element.attributes, children)) {
+      return ElementWeights[id];
+    }
+  }
+  return ElementWeights.OTHER;
+}
+
+function capo(html) {
+  const ast = parse(html);
+  try {
+    walkSync(ast, (node, parent, index) => {
+      if (node.type === ELEMENT_NODE && node.name === "head") {
+        if (parent) {
+          parent.children.splice(index, 1, getSortedHead(node));
+          throw "done";
+        }
+      }
+    });
+  } catch (e) {
+    if (e !== "done")
+      throw e;
+  }
+  return renderSync(ast);
+}
+function getSortedHead(head) {
+  const weightedChildren = head.children.map((node) => {
+    if (node.type === ELEMENT_NODE) {
+      const weight = getWeight(node);
+      return [weight, node];
+    }
+  }).filter(Boolean);
+  const children = weightedChildren.sort((a, b) => b[0] - a[0]).map(([_, element]) => element);
+  return { ...head, children };
+}
+
+const Head = createComponent({
+  factory: async (result, props, slots) => {
+    let head = "";
+    head += `<head${spreadAttributes(props)} data-capo>`;
+    head += await renderSlotToString(result, slots.default);
+    head += renderAllHeadContent(result);
+    head += "</head>";
+    return unescapeHTML(capo(head));
+  }
+});
+
+function removeQueryString(src) {
+  const index = src.lastIndexOf("?");
+  return index > 0 ? src.substring(0, index) : src;
+}
+function basename(src) {
+  return removeQueryString(src.replace(/^.*[\\\/]/, ""));
+}
+const extname = (src) => {
+  const base = basename(src);
+  const index = base.lastIndexOf(".");
+  if (index <= 0) {
+    return "";
+  }
+  return base.substring(index);
+};
+function parseAspectRatio(aspectRatio) {
+  if (!aspectRatio) {
+    return void 0;
+  }
+  if (typeof aspectRatio === "number") {
+    return aspectRatio;
+  }
+  const [width, height] = aspectRatio.split(":");
+  return parseInt(width, 10) / parseInt(height, 10);
+}
+async function resolveAspectRatio({ src, aspectRatio }) {
+  if (typeof src === "string") {
+    return parseAspectRatio(aspectRatio);
+  }
+  throw new Error('Custom (faster) `Picture.runtime.astro` works only with string ("remote") src');
+}
+async function resolveFormats({ src, formats }) {
+  const unique = new Set(formats);
+  if (typeof src === "string") {
+    unique.add(extname(src).replace(".", ""));
+  } else {
+    throw new Error("Custom `Picture.ssr.astro` works only with string src");
+  }
+  return Array.from(unique).filter(Boolean);
+}
+const createPictureGetter = (getImage) => {
+  return async (params) => {
+    const {
+      src,
+      alt,
+      widths,
+      fit,
+      position,
+      background
+    } = params;
+    if (!src) {
+      throw new Error("[@astrojs/image] `src` is required");
+    }
+    if (!widths || !Array.isArray(widths)) {
+      throw new Error("[@astrojs/image] at least one `width` is required. ex: `widths={[100]}`");
+    }
+    const aspectRatio = await resolveAspectRatio(params);
+    if (!aspectRatio) {
+      throw new Error("`aspectRatio` must be provided for remote images");
+    }
+    const allFormats = await resolveFormats(params);
+    const lastFormat = allFormats[allFormats.length - 1];
+    const maxWidth = Math.max(...widths);
+    let image;
+    async function getSource(format) {
+      const imgs = await Promise.all(
+        widths.map(async (width) => {
+          const img = await getImage({
+            src,
+            alt,
+            format,
+            width,
+            height: width / aspectRatio,
+            fit,
+            position,
+            background,
+            aspectRatio
+          });
+          if (format === lastFormat && width === maxWidth) {
+            image = img;
+          }
+          return `${img.src} ${width}w`;
+        })
+      );
+      return {
+        type: mime.getType(format) || format,
+        srcset: imgs.join(",")
+      };
+    }
+    const sources = await Promise.all(allFormats.map((format) => getSource(format)));
+    return {
+      sources,
+      // @ts-ignore
+      image
+    };
+  };
+};
+
+const getAspectRatio = (src, tryImageSize) => {
+  if (typeof src === "string") {
+    src = tryImageSize(src);
+  } else if (src.width) {
+    return src.height ? src.width / src.height : 1;
+  }
+  return 0;
+};
+const useSSRPicture = async (params) => {
+  const {
+    src,
+    alt,
+    sizes: propSizes,
+    widths,
+    aspectRatio: propAspectRatio,
+    fit,
+    background,
+    position,
+    formats = ["avif", "webp"],
+    loading = "lazy",
+    decoding = "async",
+    hasImg = true,
+    tryImageSize,
+    getPicture,
+    ...attrs
+  } = params;
+  let aspectRatio;
+  if (propAspectRatio) {
+    if (typeof propAspectRatio === "number") {
+      aspectRatio = propAspectRatio;
+    } else {
+      const [width, height] = propAspectRatio.split(":");
+      aspectRatio = Number(width) / Number(height);
+    }
+  } else if ((!attrs.width || !attrs.height) && typeof src === "string") {
+    const { width, height } = tryImageSize(src);
+    if (width && height) {
+      aspectRatio = getAspectRatio({ width, height }, tryImageSize);
+      let hasSplicedWidths = false;
+      for (let i = widths.length - 1; i >= 0; i--) {
+        if (widths[i] > width) {
+          widths.splice(i, 1);
+          hasSplicedWidths = true;
+        }
+      }
+      if (hasSplicedWidths) {
+        attrs.width = width;
+        attrs.height = height;
+        if (!widths.find((w) => w === width)) {
+          widths.push(width);
+        }
+      } else {
+        attrs.width = Math.max(...widths);
+        attrs.height = Math.round(attrs.width / aspectRatio);
+      }
+    }
+  }
+  let sizes = propSizes || "";
+  if (!sizes && attrs.class) {
+    const classNames = attrs.class.split(" ");
+    let nextSize;
+    const breakpoints = {
+      sm: 640,
+      md: 768,
+      lg: 1024,
+      xl: 1280,
+      "2xl": 1536
+    };
+    [
+      ["", 0],
+      ...Object.entries(breakpoints)
+    ].forEach(([breakpoint, minWidth]) => {
+      const classRegex = breakpoint ? new RegExp(`^${breakpoint}:max-w-(\\[\\w+\\]|screen-\\w+)$`) : /^max-w-(\[\w+\]|screen-\w+)$/;
+      let classMaxW;
+      classNames.find((_class) => {
+        const maxW = _class.replace(classRegex, "$1");
+        if (maxW !== _class) {
+          classMaxW = maxW;
+          return true;
+        }
+        return false;
+      });
+      if (classMaxW) {
+        if (nextSize) {
+          if (sizes)
+            sizes += ", ";
+          sizes += `(max-width: ${minWidth - 1}px) ${nextSize}`;
+        }
+        if (classMaxW.charAt(0) === "[") {
+          nextSize = classMaxW.slice(1, classMaxW.length - 1);
+        } else {
+          const screenSize = breakpoints[classMaxW.slice(7)];
+          if (screenSize) {
+            nextSize = `${screenSize}px`;
+          }
+        }
+      }
+    });
+    if (nextSize) {
+      if (sizes)
+        sizes += ", ";
+      sizes += nextSize;
+    }
+  }
+  if (!sizes && widths.length === 1) {
+    sizes = `${widths[0] / 2}px`;
+  }
+  const { image, sources } = await getPicture({
+    src,
+    widths,
+    formats,
+    aspectRatio,
+    fit,
+    background,
+    position,
+    alt
+  });
+  delete image.width;
+  delete image.height;
+  const pictureAttrs = {};
+  if (!hasImg) {
+    pictureAttrs["data-alt"] = alt;
+    Object.assign(pictureAttrs, attrs);
+    delete pictureAttrs.width;
+    delete pictureAttrs.height;
+  }
+  return {
+    sizes,
+    aspectRatio,
+    sources,
+    pictureAttrs,
+    imgAttrs: !hasImg ? null : {
+      ...image,
+      alt,
+      loading,
+      decoding,
+      ...attrs
+    }
+  };
+};
+
+const $$Astro$7 = createAstro("https://ecom2-demo.web.app");
+const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$7, $$props, $$slots);
+  Astro2.self = $$Picture;
+  const deployRand = ({}).DEPLOY_RAND;
+  const versionSuffix = ({}).BUILD_OUTPUT !== "static" && deployRand ? `&V=${deployRand}` : "";
+  const getImageFilepath = (src) => {
+    return resolve(process.env.STOREFRONT_BASE_DIR, `public${src}`);
+  };
+  const tryImageSize = (src) => {
+    let dimensions = {};
+    if (typeof src === "string" && src.startsWith("/")) {
+      try {
+        dimensions = imageSize(getImageFilepath(src));
+      } catch (e) {
+        dimensions = {};
+      }
+    }
+    return dimensions;
+  };
+  const {
+    sizes,
+    sources,
+    pictureAttrs,
+    imgAttrs
+  } = await useSSRPicture({
+    ...Astro2.props,
+    tryImageSize,
+    getPicture: createPictureGetter(async (imageOptions) => {
+      const {
+        options,
+        src,
+        attributes: { width, height }
+      } = await getImage(imageOptions);
+      return { src, width, height };
+    })
+  });
+  if (imgAttrs) {
+    imgAttrs.src += versionSuffix;
+  }
+  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}>
+  ${sources.map((attrs) => {
+    if (versionSuffix) {
+      attrs.srcset = attrs.srcset.replace(/\s(\w+)$/, `${versionSuffix} $1`);
+    }
+    return renderTemplate`<source${spreadAttributes(attrs)}${addAttribute(sizes, "sizes")}>`;
+  })}
+  ${imgAttrs && renderTemplate`<img${spreadAttributes(imgAttrs)}>`}
+</picture>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/components/Picture.astro", void 0);
+
+const $$Astro$6 = createAstro("https://ecom2-demo.web.app");
+const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
+  Astro2.self = $$BaseBody;
+  const { settings } = Astro2.locals.routeContext;
+  return renderTemplate`${maybeRenderHead()}<body>
+  <div id="teleported-overlap" class="relative z-[59]"></div>
+  <div id="teleported-top" class="relative z-[19]"></div>
+  ${renderSlot($$result, $$slots["default"])}
+  ${renderSlot($$result, $$slots["before-body-end"])}
+  <div id="teleported-bottom" class="relative z-[19]"></div>
+  ${settings.icon && renderTemplate`${renderComponent($$result, "Picture", $$Picture, { "src": settings.icon, "alt": "Icon", "formats": ["png"], "widths": [32, 192, 512], "sizes": "32px", "class": "hidden absolute", "style": "bottom: -1000px", "hasImg": false })}`}
+</body>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseBody.astro", void 0);
+
+const $$Astro$5 = createAstro("https://ecom2-demo.web.app");
+const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$5, $$props, $$slots);
+  Astro2.self = $$Base$1;
+  const { getContent } = Astro2.locals.routeContext;
+  const { custom_code: customCodeContent } = await getContent("layout");
+  return renderTemplate`${renderComponent($$result, "Head", Head, {}, { "default": ($$result2) => renderTemplate`
+  ${renderSlot($$result2, $$slots["base-head"])}
+  ${customCodeContent?.css && renderTemplate`<style>{customCodeContent.css}</style>`}${customCodeContent?.html_head && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCodeContent.html_head)}` })}`}${renderSlot($$result2, $$slots["base-head-scripts"])}
+  ${renderSlot($$result2, $$slots["before-head-end"])}
+` })}
+${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`
+  ${renderSlot($$result2, $$slots["default"])}
+  ${customCodeContent?.html_body && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCodeContent.html_body)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])}
+  ${renderSlot($$result2, $$slots["before-body-end"])}
+` })}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/Base.astro", void 0);
+
+var __freeze$1 = Object.freeze;
+var __defProp$1 = Object.defineProperty;
+var __template$1 = (cooked, raw) => __freeze$1(__defProp$1(cooked, "raw", { value: __freeze$1(raw || cooked.slice()) }));
+var _a$1;
+const $$Astro$4 = createAstro("https://ecom2-demo.web.app");
+const $$InlineScripts = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$4, $$props, $$slots);
+  Astro2.self = $$InlineScripts;
+  return renderTemplate(_a$1 || (_a$1 = __template$1(['<script>\n  window.$firebaseConfig = {\n    apiKey: "AIzaSyCnvm7QrPKzSBrUi09Z3zTgjDST0t4Yikg",\n    authDomain: "ecom2-demo.firebaseapp.com",\n    projectId: "ecom2-demo",\n    storageBucket: "ecom2-demo.appspot.com",\n    messagingSenderId: "70369627313",\n    appId: "1:70369627313:web:06634033b9c6208fe7e690"\n  };\n<\/script>'])));
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/scripts/InlineScripts.astro", void 0);
+
+const $$Astro$3 = createAstro("https://ecom2-demo.web.app");
+const $$Base = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$3, $$props, $$slots);
+  Astro2.self = $$Base;
+  return renderTemplate`${renderComponent($$result, "SfBase", $$Base$1, {}, { "base-head": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "base-head" }, { "default": ($$result3) => renderTemplate`
+    ${renderSlot($$result3, $$slots["base-head"])}
+  ` })}`, "before-head-end": ($$result2) => renderTemplate`${renderComponent($$result2, "InlineScripts", $$InlineScripts, { "slot": "before-head-end" })}`, "default": ($$result2) => renderTemplate`
+  
+  
+  ${renderSlot($$result2, $$slots["default"])}
+` })}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/Base.astro", void 0);
+
+const checkObjNotNull = (obj) => {
+  return Object.values(obj).filter((val) => val).length;
+};
+const getModulesInfoPreset = (settingsModules = globalThis.$storefront.settings.modules) => {
+  const modulesInfoPreset = {};
+  if (settingsModules) {
+    const settingsPayments = settingsModules.list_payments;
+    if (settingsPayments) {
+      const settingsDiscount = settingsPayments.discount_option;
+      if (settingsDiscount && checkObjNotNull(settingsDiscount)) {
+        modulesInfoPreset.list_payments = { discount_option: settingsDiscount };
+      }
+      const settingsInstallments = settingsPayments.installments_option;
+      if (settingsInstallments?.max_number) {
+        if (!modulesInfoPreset.list_payments)
+          modulesInfoPreset.list_payments = {};
+        modulesInfoPreset.list_payments.installments_option = settingsInstallments;
+      }
+      const settingsPointsPrograms = settingsPayments.loyalty_points_programs || {};
+      if (!Object.keys(settingsPointsPrograms).length) {
+        const pointsProgram = { ...settingsPayments.loyalty_points_program };
+        if (pointsProgram?.id && pointsProgram.ratio) {
+          const { id } = pointsProgram;
+          delete pointsProgram.id;
+          settingsPointsPrograms[id] = pointsProgram;
+        }
+      }
+      if (Object.keys(settingsPointsPrograms).length) {
+        if (!modulesInfoPreset.list_payments)
+          modulesInfoPreset.list_payments = {};
+        modulesInfoPreset.list_payments.loyalty_points_programs = settingsPointsPrograms;
+      }
+    }
+    const settingsShipping = settingsModules.calculate_shipping;
+    const freeShippingFromValue = settingsShipping?.free_shipping_from_value;
+    if (typeof freeShippingFromValue === "number") {
+      modulesInfoPreset.calculate_shipping = {
+        free_shipping_from_value: freeShippingFromValue
+      };
+    }
+  }
+  return modulesInfoPreset;
+};
+const loadingGlobalInfoPreset = new Promise((resolve) => {
+  {
+    global.$storefront.onLoad(() => {
+      resolve(getModulesInfoPreset());
+    });
+  }
+});
+
+let userAgent;
+{
+  userAgent = "";
+}
+userAgent.includes("Safari") && !userAgent.includes("Chrome");
+const isIOS = /iPad|iPhone|iPod/.test(userAgent) && !window.MSStream;
+const isMobile = isIOS || /Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(userAgent);
+
+const networkNames = [
+  "whatsapp",
+  "instagram",
+  "facebook",
+  "twitter",
+  "youtube",
+  "tiktok",
+  "pinterest",
+  "threads"
+];
+const socialNetworks = {};
+const setSocialNetworks = () => {
+  const { settings } = globalThis.$storefront;
+  networkNames.forEach((network) => {
+    if (settings[network]) {
+      socialNetworks[network] = settings[network];
+    }
+  });
+};
+{
+  global.$storefront.onLoad(() => setSocialNetworks());
+}
+
+let id = -1;
+const useId = () => String(++id);
+
+const emptyInfo = {
+  list_payments: {},
+  calculate_shipping: {},
+  apply_discount: {}
+};
+const modulesInfo = reactive(emptyInfo);
+loadingGlobalInfoPreset.then((modulesInfoPreset) => {
+  Object.assign(modulesInfo, modulesInfoPreset);
+});
+const freeShippingFromValue = computed(() => {
+  return modulesInfo.calculate_shipping.free_shipping_from_value;
+});
+const installmentsOption = computed(() => {
+  return modulesInfo.list_payments.installments_option;
+});
+const discountOption = computed(() => {
+  return modulesInfo.list_payments.discount_option;
+});
+const loyaltyPointsPrograms = computed(() => {
+  return modulesInfo.list_payments.loyalty_points_programs;
+});
+const availableExtraDiscount = computed(() => {
+  return modulesInfo.apply_discount.available_extra_discount;
+});
+const parsePhrase = (phrase, modName, varName, formatValue = formatMoney) => {
+  return computed(() => {
+    const searchString = `{${varName}}`;
+    const index = phrase.indexOf(searchString);
+    if (index > -1) {
+      const fieldValue = modulesInfo[modName][varName];
+      if (fieldValue) {
+        const replacement = formatValue(fieldValue);
+        return phrase.substring(0, index) + replacement + phrase.substring(index + searchString.length);
+      }
+      return "";
+    }
+    return phrase;
+  });
+};
+const parseShippingPhrase = (phrase) => {
+  return parsePhrase(phrase, "calculate_shipping", "free_shipping_from_value");
+};
+
+const useCmsPreview = (filename) => {
+  const liveContent = shallowRef(null);
+  return { liveContent };
+};
+
+const parseLayoutContent = (layoutContent) => {
+  const pitchBar = { slides: [] };
+  if (layoutContent.header?.pitch_bar) {
+    pitchBar.slides = layoutContent.header.pitch_bar;
+  }
+  return pitchBar;
+};
+const usePitchBar = (props) => {
+  const { liveContent } = useCmsPreview();
+  const parsedContents = computed(() => {
+    const slides = liveContent.value ? parseLayoutContent(liveContent.value).slides : props.slides;
+    return slides.map(({ html }) => {
+      return parseShippingPhrase(html).value.replace(/<\/?p>/g, "").replace(/&lt;(\/?d-md)&gt;/g, "<$1>");
+    });
+  });
+  const countValidSlides = computed(() => {
+    return parsedContents.value.filter((html) => html).length;
+  });
+  return {
+    parsedContents,
+    countValidSlides
+  };
+};
+
+const usePageHeader = async ({ routeContext, listedCategoryFields }) => {
+  const { apiState, getContent } = routeContext;
+  const layoutContent = await getContent("layout");
+  const { header: headerContent } = layoutContent;
+  const pitchBar = parseLayoutContent(layoutContent);
+  let { categories } = apiState;
+  if (!categories) {
+    try {
+      categories = (await api.get("categories", {
+        fields: listedCategoryFields || [
+          "name",
+          "slug",
+          "parent.slug",
+          "icon.url",
+          "icon.size",
+          "pictures.0.url",
+          "pictures.0.size"
+        ]
+      })).data.result;
+    } catch (err) {
+      categories = [];
+      console.error(err);
+    }
+  }
+  const shopHeader = {
+    categories,
+    menuCategorySlugs: headerContent.inline_menu_categories?.featured,
+    menuRandomCategories: headerContent.inline_menu_categories?.random,
+    isAlphabeticalSortSubmenu: headerContent.alphabetical_sort_submenu
+  };
+  return {
+    pitchBar,
+    shopHeader
+  };
+};
+
+const emitter = new EventEmitter();
+const useSharedData = async ({ field, value }) => {
+  const $data = global.$storefront.data;
+  if (value) {
+    $data[field] = value;
+    emitter.emit(field, value);
+  } else if ($data[field]) {
+    value = $data[field];
+  } else {
+    value = await new Promise((resolve) => {
+      emitter.once(field, resolve);
+    });
+  }
+  return {
+    value,
+    inlineClientJS: `
+window.$storefront.data['${field}'] = ${JSON.stringify(value)};`
+  };
+};
+
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "CarouselControl",
+  props: {
+    isPrev: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const { changeSlide } = inject(carouselKey);
+    const __returned__ = { changeSlide };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<button${ssrRenderAttrs(mergeProps({
+    type: "button",
+    "aria-label": !$props.isPrev ? "Pr\xF3ximo" : "Anterior",
+    class: ["group absolute top-0 z-1", !$props.isPrev ? "right-0" : "left-0"],
+    "data-carousel-control": !$props.isPrev ? "next" : "previous"
+  }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, () => {
+    _push(`<i class="${ssrRenderClass([!$props.isPrev ? "i-chevron-right group-active:translate-x-1" : "i-chevron-left group-active:-translate-x-1", "m-0"])}"></i>`);
+  }, _push, _parent);
+  _push(`</button>`);
+}
+const _sfc_setup$c = _sfc_main$c.setup;
+_sfc_main$c.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CarouselControl.vue");
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
+};
+const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
+
+const carouselKey = Symbol("carousel");
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "Carousel",
+  props: {
+    as: { default: "ul" },
+    modelValue: { default: 1 },
+    autoplay: {}
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  setup(__props, { expose: __expose, emit }) {
+    __expose();
+    const props = __props;
+    const currentIndex = ref(0);
+    watch(toRef(props, "modelValue"), (modelValue) => {
+      currentIndex.value = modelValue - 1;
+    }, { immediate: true });
+    watch(currentIndex, (current, previous) => {
+      if (current !== previous) {
+        emit("update:modelValue", current + 1);
+      }
+    });
+    const wrapper = ref(null);
+    const { x: currentPos, isScrolling, arrivedState } = useScroll(wrapper);
+    const isBoundLeft = computed(() => arrivedState.left);
+    const isBoundRight = computed(() => arrivedState.right);
+    const slidesWidth = ref([]);
+    const wrapperScrollWidth = ref(0);
+    const wrapperVisibleWidth = ref(0);
+    const indexCount = ref(0);
+    const calcWrapperWidth = () => {
+      if (!wrapper.value)
+        return;
+      wrapperScrollWidth.value = wrapper.value.scrollWidth;
+      wrapperVisibleWidth.value = wrapper.value.offsetWidth;
+    };
+    const calcSlidesWidth = () => {
+      if (!wrapper.value)
+        return;
+      let childNodes = [...wrapper.value.children];
+      if (childNodes.length === 1 && childNodes[0].tagName.endsWith("SLOT")) {
+        childNodes = [...childNodes[0].children];
+      }
+      slidesWidth.value = childNodes.map((node) => ({
+        offsetLeft: node.offsetLeft,
+        width: node.offsetWidth
+      }));
+    };
+    const calcNextOffsetLeft = (direction) => {
+      let nextSlideIndex = currentIndex.value + direction;
+      if (nextSlideIndex >= slidesWidth.value.length) {
+        return 0;
+      }
+      if (nextSlideIndex < 0) {
+        nextSlideIndex = slidesWidth.value.length + nextSlideIndex;
+      }
+      const { offsetLeft, width } = slidesWidth.value[nextSlideIndex] || {};
+      if (!width) {
+        return 0;
+      }
+      return offsetLeft;
+    };
+    const calcCurrentIndex = () => {
+      const getCurrentIndex = slidesWidth.value.findIndex((slide) => {
+        return Math.abs(slide.offsetLeft - currentPos.value) <= 5;
+      });
+      if (getCurrentIndex > -1) {
+        currentIndex.value = getCurrentIndex || 0;
+      }
+    };
+    const calcIndexCount = () => {
+      const maxPos = wrapperScrollWidth.value - wrapperVisibleWidth.value;
+      indexCount.value = slidesWidth.value.findIndex(({ offsetLeft }) => offsetLeft >= maxPos - 5);
+    };
+    let autoplayTimer;
+    const restartAutoplay = () => {
+      if (props.autoplay) {
+        clearTimeout(autoplayTimer);
+        autoplayTimer = setTimeout(() => {
+          changeSlide(1);
+        }, props.autoplay);
+      }
+    };
+    const changeSlide = (direction, isPageScroll = true) => {
+      if (slidesWidth.value.length < 2) {
+        return;
+      }
+      if (isPageScroll && (direction === 1 || direction === -1)) {
+        let pageStep = 0;
+        let pageStepWidth = 0;
+        for (let i = currentIndex.value; i < slidesWidth.value.length; i++) {
+          const { width } = slidesWidth.value[i] || {};
+          if (width) {
+            pageStep += 1;
+            pageStepWidth += width;
+            if (pageStepWidth >= wrapperVisibleWidth.value) {
+              break;
+            }
+          }
+        }
+        if (pageStep) {
+          direction = direction > 0 ? pageStep : -pageStep;
+        }
+      }
+      const nextOffsetLeft = calcNextOffsetLeft(direction);
+      wrapper.value?.scrollTo({ left: nextOffsetLeft, behavior: "smooth" });
+      restartAutoplay();
+    };
+    watch(isScrolling, (_isScrolling) => {
+      if (_isScrolling) {
+        clearTimeout(autoplayTimer);
+      } else {
+        calcCurrentIndex();
+        restartAutoplay();
+      }
+    });
+    const carousel = ref(null);
+    const isHovered = useElementHover(carousel);
+    watch(isHovered, (_isHovered) => {
+      if (_isHovered) {
+        clearTimeout(autoplayTimer);
+      } else {
+        restartAutoplay();
+      }
+    });
+    const calcOnInit = () => {
+      if (!wrapper.value) {
+        return;
+      }
+      calcWrapperWidth();
+      calcSlidesWidth();
+      calcCurrentIndex();
+      calcIndexCount();
+    };
+    const onResize = useDebounceFn(() => {
+      if (!wrapper.value)
+        return;
+      wrapper.value.scrollLeft = 0;
+      calcOnInit();
+    }, 400);
+    onMounted(() => {
+      calcOnInit();
+    });
+    onBeforeUnmount(() => {
+      clearTimeout(autoplayTimer);
+    });
+    provide(carouselKey, {
+      autoplay: toRef(props, "autoplay"),
+      changeSlide,
+      isBoundLeft,
+      isBoundRight
+    });
+    const __returned__ = { carouselKey, props, emit, currentIndex, wrapper, currentPos, isScrolling, arrivedState, isBoundLeft, isBoundRight, slidesWidth, wrapperScrollWidth, wrapperVisibleWidth, indexCount, calcWrapperWidth, calcSlidesWidth, calcNextOffsetLeft, calcCurrentIndex, calcIndexCount, get autoplayTimer() {
+      return autoplayTimer;
+    }, set autoplayTimer(v) {
+      autoplayTimer = v;
+    }, restartAutoplay, changeSlide, carousel, isHovered, calcOnInit, onResize, CarouselControl };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<div${ssrRenderAttrs(mergeProps({
+    ref: "carousel",
+    class: "relative",
+    "data-carousel": ""
+  }, _attrs))}>`);
+  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), {
+    ref: "wrapper",
+    class: "flex overflow-x-scroll overflow-y-hidden list-none m-0 p-0 snap-x snap-mandatory scroll-smooth [&>*]:snap-start [&>*]:outline-none",
+    style: { "scrollbar-width": "none", "-webkit-overflow-scrolling": "touch", "-ms-overflow-style": "none" },
+    "data-carousel-wrapper": ""
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot$1(_ctx.$slots, "default")
+        ];
+      }
+    }),
+    _: 3
+  }), _parent);
+  ssrRenderSlot(_ctx.$slots, "controls", {
+    changeSlide: $setup.changeSlide,
+    isBoundLeft: $setup.isBoundLeft,
+    isBoundRight: $setup.isBoundRight,
+    currentPage: $setup.currentIndex + 1,
+    pageCount: $setup.indexCount + 1
+  }, () => {
+    _push(ssrRenderComponent($setup["CarouselControl"], { "is-prev": "" }, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, "previous", {}, null, _push2, _parent2, _scopeId);
+        } else {
+          return [
+            renderSlot$1(_ctx.$slots, "previous")
+          ];
+        }
+      }),
+      _: 3
+    }, _parent));
+    _push(ssrRenderComponent($setup["CarouselControl"], null, {
+      default: withCtx((_, _push2, _parent2, _scopeId) => {
+        if (_push2) {
+          ssrRenderSlot(_ctx.$slots, "next", {}, null, _push2, _parent2, _scopeId);
+        } else {
+          return [
+            renderSlot$1(_ctx.$slots, "next")
+          ];
+        }
+      }),
+      _: 3
+    }, _parent));
+  }, _push, _parent);
+  _push(`</div>`);
+}
+const _sfc_setup$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Carousel.vue");
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+};
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
+
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "PitchBar",
+  props: {
+    slides: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const {
+      parsedContents,
+      countValidSlides
+    } = usePitchBar(props);
+    const __returned__ = { props, parsedContents, countValidSlides, Carousel, CarouselControl };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ALink = resolveComponent("ALink");
+  _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-base-100 relative z-20" }, _attrs))}><div class="container md:w-2/3 mx-auto px-3 py-1">`);
+  _push(ssrRenderComponent($setup["Carousel"], {
+    autoplay: $setup.countValidSlides > 1 ? 7e3 : void 0
+  }, {
+    controls: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<div style="${ssrRenderStyle($setup.countValidSlides > 1 ? null : { display: "none" })}" class="text-xl leading-none text-base-400"${_scopeId}>`);
+        _push2(ssrRenderComponent($setup["CarouselControl"], {
+          class: "pr-2 bg-base-100 hover:text-base-700",
+          "is-prev": ""
+        }, null, _parent2, _scopeId));
+        _push2(ssrRenderComponent($setup["CarouselControl"], { class: "pl-2 bg-base-100 hover:text-base-700" }, null, _parent2, _scopeId));
+        _push2(`</div>`);
+      } else {
+        return [
+          withDirectives(createVNode("div", { class: "text-xl leading-none text-base-400" }, [
+            createVNode($setup["CarouselControl"], {
+              class: "pr-2 bg-base-100 hover:text-base-700",
+              "is-prev": ""
+            }),
+            createVNode($setup["CarouselControl"], { class: "pl-2 bg-base-100 hover:text-base-700" })
+          ], 512), [
+            [vShow, $setup.countValidSlides > 1]
+          ])
+        ];
+      }
+    }),
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<!--[-->`);
+        ssrRenderList($props.slides, (slide, i) => {
+          _push2(`<li class="shrink-0 basis-full h-full text-center"${_scopeId}>`);
+          _push2(ssrRenderComponent(_component_ALink, {
+            href: slide.href,
+            target: slide.target,
+            class: ["inline-block px-8", slide.href ? "hover:underline" : null]
+          }, {
+            default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+              if (_push3) {
+                if ($setup.parsedContents[i]) {
+                  _push3(`<span class="prose text-sm text-base-800"${_scopeId2}>${$setup.parsedContents[i]}</span>`);
+                } else {
+                  _push3(`<!---->`);
+                }
+              } else {
+                return [
+                  $setup.parsedContents[i] ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    innerHTML: $setup.parsedContents[i],
+                    class: "prose text-sm text-base-800"
+                  }, null, 8, ["innerHTML"])) : createCommentVNode("", true)
+                ];
+              }
+            }),
+            _: 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 h-full text-center"
+            }, [
+              createVNode(_component_ALink, {
+                href: slide.href,
+                target: slide.target,
+                class: ["inline-block px-8", slide.href ? "hover:underline" : null]
+              }, {
+                default: withCtx(() => [
+                  $setup.parsedContents[i] ? (openBlock(), createBlock("span", {
+                    key: 0,
+                    innerHTML: $setup.parsedContents[i],
+                    class: "prose text-sm text-base-800"
+                  }, null, 8, ["innerHTML"])) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["href", "target", "class"])
+            ]);
+          }), 128))
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`</div></div>`);
+}
+const _sfc_setup$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/PitchBar.vue");
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+};
+const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
+
+const useStorage = (key, initialValue, storage = globalThis.localStorage) => {
+  if (!storage) {
+    return reactive(initialValue);
+  }
+  let persistedValue;
+  const sessionJson = storage.getItem(key);
+  if (sessionJson) {
+    try {
+      persistedValue = JSON.parse(sessionJson);
+    } catch (e) {
+      persistedValue = null;
+      storage.removeItem(key);
+    }
+  }
+  const state = reactive(persistedValue || initialValue);
+  watch(state, () => {
+    storage.setItem(key, JSON.stringify(state));
+  });
+  return state;
+};
+
+const matchItemsFlags = (item, { flags: newItemFlags }) => {
+  if (!item.flags && !newItemFlags) {
+    return true;
+  }
+  if (!item.flags || !newItemFlags || item.flags.length !== newItemFlags.length) {
+    return false;
+  }
+  return item.flags.every((flag) => newItemFlags.includes(flag));
+};
+const addCartItem$1 = (cart, newItem) => {
+  if (typeof newItem.product_id !== "string" || typeof newItem.quantity !== "number" || !(newItem.quantity >= 0) || typeof newItem.price !== "number" || !(newItem.price >= 0)) {
+    return null;
+  }
+  const { items } = cart;
+  if (!newItem.kit_product) {
+    for (let i = 0; i < items.length; i++) {
+      const item = items[i];
+      if (!item.kit_product && item.product_id === newItem.product_id && item.variation_id === newItem.variation_id && (!item.customizations || !item.customizations.length) && matchItemsFlags(item, newItem)) {
+        item.quantity += newItem.quantity;
+        if (newItem.price) {
+          item.price = newItem.price;
+        }
+        if (newItem.final_price) {
+          item.final_price = newItem.final_price;
+        }
+        return item;
+      }
+    }
+  }
+  const itemCopy = { ...newItem };
+  if (!newItem._id || newItem._id === newItem.variation_id || items.find(({ _id }) => _id === newItem._id)) {
+    itemCopy._id = randomObjectId();
+  }
+  if (newItem.customizations) {
+    const customizationsCopy = [];
+    newItem.customizations.forEach((customization, i) => {
+      customizationsCopy[i] = { ...customization };
+    });
+    itemCopy.customizations = customizationsCopy;
+  }
+  items.push(itemCopy);
+  return itemCopy;
+};
+
+const parseProduct = (product, variationId, quantity) => {
+  if (typeof quantity !== "number" || Number.isNaN(quantity)) {
+    quantity = product.min_quantity || 1;
+  }
+  const minQuantity = product.min_quantity || 0;
+  const variation = variationId && product.variations ? product.variations.find(({ _id }) => _id === variationId) : void 0;
+  const item = {
+    product_id: product._id,
+    variation_id: variationId,
+    sku: variation?.sku || product.sku,
+    name: variation?.name || product.name,
+    slug: product.slug,
+    production_time: variation?.production_time || product.production_time,
+    currency_id: product.currency_id,
+    currency_symbol: product.currency_symbol,
+    base_price: variation?.base_price || product.base_price,
+    max_quantity: product.quantity,
+    quantity: minQuantity > 0 ? Math.max(minQuantity, quantity) : quantity,
+    price: price(product)
+  };
+  if (variation?.picture_id && product.pictures) {
+    item.picture = product.pictures.find((_picture) => {
+      return _picture._id === variation.picture_id;
+    });
+  }
+  if (!item.picture && product.pictures) {
+    [item.picture] = product.pictures;
+  }
+  return item;
+};
+
+const storageKey$1 = "ecomShoppingCart";
+const emptyCart = {
+  items: []
+};
+const cart = useStorage(storageKey$1, emptyCart);
+const cartItems = computed(() => {
+  return cart.items.map((item) => {
+    let finalPrice = item.kit_product?.price && item.kit_product.pack_quantity ? item.kit_product.price / item.kit_product.pack_quantity : item.price;
+    if (Array.isArray(item.customizations)) {
+      item.customizations.forEach((customization) => {
+        if (customization.add_to_price) {
+          const { type, addition } = customization.add_to_price;
+          finalPrice += type === "fixed" ? addition : item.price * (addition / 100);
+        }
+      });
+    }
+    item.final_price = finalPrice;
+    const min = item.min_quantity || 1;
+    const max = item.max_quantity;
+    if (typeof item.quantity !== "number" || Number.isNaN(item.quantity) || item.quantity < min) {
+      item.quantity = min;
+    } else if (max && item.quantity > max) {
+      item.quantity = max;
+    }
+    return item;
+  });
+});
+const subtotal = computed(() => {
+  return cartItems.value.reduce((acc, item) => {
+    return acc + item.quantity * (item.final_price || item.price);
+  }, 0);
+});
+const totalItems = computed(() => {
+  return cartItems.value.reduce((acc, item) => {
+    return acc + item.quantity;
+  }, 0);
+});
+const shoppingCart = computed({
+  get() {
+    return {
+      ...cart,
+      subtotal: subtotal.value
+    };
+  },
+  set(newCart) {
+    Object.assign(cart, newCart, {
+      subtotal: subtotal.value
+    });
+  }
+});
+const addCartItem = (newItem) => {
+  const cartObj = shoppingCart.value;
+  const upsertedItem = addCartItem$1(cartObj, newItem);
+  if (upsertedItem) {
+    shoppingCart.value.items = cartObj.items;
+  }
+};
+const removeCartItem = (itemId) => {
+  for (let i = 0; i < shoppingCart.value.items.length; i++) {
+    const item = shoppingCart.value.items[i];
+    if (item._id === itemId) {
+      shoppingCart.value.items.splice(i, 1);
+      break;
+    }
+  }
+};
+const addProductToCart = (product, variationId, quantity) => addCartItem(parseProduct(product, variationId, quantity));
+
+const useStickyHeader = (props) => {
+  const {
+    header,
+    canSetStyles,
+    canCreateHeightDiv,
+    isShownOnScrollDown,
+    isShownOnMobile
+  } = {
+    canSetStyles: true,
+    canCreateHeightDiv: true,
+    ...props
+  };
+  const { ready, start } = useTimeout(100, { controls: true, immediate: false });
+  const staticHeight = ref(0);
+  const staticY = ref(0);
+  const { y: _y } = { y: ref(0) };
+  const y = ref(0);
+  watchDebounced(_y, (nextY) => {
+    y.value = nextY;
+  }, {
+    debounce: isMobile ? 100 : 50,
+    maxWait: isMobile ? 800 : 400
+  });
+  const isSticky = computed(() => ready.value && y.value > staticY.value * 1.2);
+  const transition = ref("none");
+  watch(isSticky, async (_isSticky) => {
+    if (canSetStyles && header.value) {
+      header.value.style.position = _isSticky ? "fixed" : "";
+      header.value.style.width = _isSticky ? "100vw" : "";
+    }
+    if (!_isSticky) {
+      start();
+      transition.value = "none";
+    } else {
+      await promiseTimeout(300);
+      transition.value = "opacity var(--transition-slow), transform var(--transition)";
+    }
+  });
+  const isScrollUp = ref(false);
+  watch(y, (newY, oldY) => {
+    isScrollUp.value = newY > 0 && newY < oldY;
+  });
+  return {
+    staticHeight,
+    staticY,
+    isSticky,
+    isScrollUp,
+    transition
+  };
+};
+
+const filterMainCategories = (categories, featuredSlugs) => {
+  const mainCategories = categories.filter(({ name, slug, parent }) => {
+    return name && slug && !parent;
+  });
+  if (featuredSlugs?.length) {
+    mainCategories.sort((a, b) => {
+      const indexA = featuredSlugs.indexOf(a.slug);
+      const indexB = featuredSlugs.indexOf(b.slug);
+      if (indexA > -1) {
+        if (indexB === -1 || indexA < indexB)
+          return -1;
+        return 1;
+      }
+      if (indexB > -1)
+        return 1;
+      return 0;
+    });
+  }
+  return mainCategories;
+};
+const filterSubcategories = (categories, parentCategory, isAlphabeticalSort = false) => {
+  const subcategories = categories.filter(({ name, slug, parent }) => {
+    if (name && slug && parent) {
+      return parent._id && parent._id === parentCategory._id || parent.slug && parent.slug === parentCategory.slug;
+    }
+    return false;
+  });
+  if (isAlphabeticalSort) {
+    subcategories.sort((a, b) => {
+      if (a.name < b.name)
+        return -1;
+      return 1;
+    });
+  }
+  return subcategories;
+};
+const useShopHeader = (props) => {
+  const {
+    header,
+    categories = globalThis.$storefront.data.categories || [],
+    menuCategorySlugs,
+    menuRandomCategories = 7,
+    isAlphabeticalSortSubmenu
+  } = props;
+  const {
+    isSticky,
+    staticHeight,
+    staticY
+  } = useStickyHeader({ header });
+  const positionY = computed(() => {
+    return isSticky.value ? header.value?.offsetHeight : staticY.value;
+  });
+  const mainCategories = filterMainCategories(categories, menuCategorySlugs);
+  const getSubcategories = (parentCategory) => {
+    return filterSubcategories(
+      categories,
+      parentCategory,
+      !!isAlphabeticalSortSubmenu
+    );
+  };
+  const getCategoryTree = (parentCategory) => {
+    return {
+      ...parentCategory,
+      subcategories: getSubcategories(parentCategory).map((subcategory) => {
+        return getCategoryTree(subcategory);
+      })
+    };
+  };
+  const categoryTrees = mainCategories.map(getCategoryTree);
+  let countRandom = 0;
+  const inlineMenuTrees = categoryTrees.filter(({ slug }) => {
+    if (menuCategorySlugs?.includes(slug)) {
+      return true;
+    }
+    if (countRandom < menuRandomCategories) {
+      countRandom += 1;
+      return true;
+    }
+    return false;
+  });
+  return {
+    isSticky,
+    staticHeight,
+    staticY,
+    positionY,
+    mainCategories,
+    getSubcategories,
+    getCategoryTree,
+    categoryTrees,
+    inlineMenuTrees
+  };
+};
+
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "Drawer",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    placement: { default: "start" },
+    position: { default: "fixed" },
+    hasCloseButton: { type: Boolean, default: true },
+    backdropTarget: { default: "#teleported-top" }
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  setup(__props, { expose: __expose, emit }) {
+    __expose();
+    const props = __props;
+    const close = () => emit("update:modelValue", false);
+    const drawer = ref(null);
+    const outsideClickListener = (ev) => {
+      if (!drawer.value?.contains(ev.target)) {
+        close();
+      }
+    };
+    const escClickListener = (ev) => {
+      if (ev.key === "Escape") {
+        close();
+      }
+    };
+    const scrollbarWidth = ref(0);
+    watch(toRef(props, "modelValue"), async (isOpen) => {
+      if (isOpen) {
+        scrollbarWidth.value = window.innerWidth - document.documentElement.clientWidth;
+        document.body.style.overflow = "hidden";
+        document.body.style.paddingRight = `${scrollbarWidth.value}px`;
+        setTimeout(() => {
+          document.addEventListener("click", outsideClickListener, { passive: true });
+          document.addEventListener("keydown", escClickListener, { passive: true });
+        }, 500);
+      } else {
+        document.body.style.overflow = "";
+        document.body.style.paddingRight = "";
+        document.removeEventListener("click", outsideClickListener);
+        document.removeEventListener("keydown", escClickListener);
+      }
+    });
+    const slideTo = computed(() => {
+      switch (props.placement) {
+        case "start":
+          return "left";
+        case "end":
+          return "right";
+        case "top":
+          return "down";
+        default:
+          return "up";
+      }
+    });
+    const isFixed = computed(() => {
+      return props.position === "fixed";
+    });
+    const isPlacementX = computed(() => {
+      return props.placement === "start" || props.placement === "end";
+    });
+    const __returned__ = { props, emit, close, drawer, outsideClickListener, escClickListener, scrollbarWidth, slideTo, isFixed, isPlacementX };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Fade = resolveComponent("Fade");
+  _push(ssrRenderComponent(_component_Fade, mergeProps({
+    slide: $setup.slideTo,
+    speed: "slow",
+    "is-floating": ""
+  }, _attrs), {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if ($props.modelValue) {
+          _push2(`<dialog class="${ssrRenderClass([[
+            $props.position,
+            $setup.isFixed ? `top-0 ${$setup.isPlacementX ? "h-screen" : ""}` : null,
+            $setup.isFixed && $props.placement !== "end" ? "left-0" : null,
+            $setup.isFixed && $props.placement === "end" ? "left-auto right-0" : null,
+            $setup.isPlacementX ? "max-w-sm" : null
+          ], "w-screen shadow p-0 m-0 z-50"])}" style="${ssrRenderStyle({
+            maxWidth: !$setup.isPlacementX ? `calc(100vw - ${$setup.scrollbarWidth}px)` : void 0
+          })}"${ssrIncludeBooleanAttr($props.modelValue) ? " open" : ""}${ssrRenderAttr("data-drawer", $props.placement)}${_scopeId}><div class="relative h-full"${_scopeId}>`);
+          if ($props.hasCloseButton) {
+            _push2(`<button type="button"${ssrRenderAttr("aria-label", "Fechar")} class="${ssrRenderClass([$props.placement === "end" ? "left-2" : "right-2", "absolute top-2 z-30"])}" data-drawer-close${_scopeId}>`);
+            ssrRenderSlot(_ctx.$slots, "close", {}, () => {
+              _push2(`<i class="i-close text-base-400 hover:text-base-600 text-3xl"${_scopeId}></i>`);
+            }, _push2, _parent2, _scopeId);
+            _push2(`</button>`);
+          } else {
+            _push2(`<!---->`);
+          }
+          ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
+          _push2(`</div>`);
+          ssrRenderTeleport(_push2, (_push3) => {
+            _push3(ssrRenderComponent(_component_Fade, null, {
+              default: withCtx((_2, _push4, _parent3, _scopeId2) => {
+                if (_push4) {
+                  if ($props.modelValue) {
+                    _push4(`<div class="fixed top-0 left-0 w-screen h-screen bg-black/50 z-40" data-drawer-backdrop${_scopeId2}></div>`);
+                  } else {
+                    _push4(`<!---->`);
+                  }
+                } else {
+                  return [
+                    $props.modelValue ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "fixed top-0 left-0 w-screen h-screen bg-black/50 z-40",
+                      "data-drawer-backdrop": ""
+                    })) : createCommentVNode("", true)
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          }, $props.backdropTarget, false, _parent2);
+          _push2(`</dialog>`);
+        } else {
+          _push2(`<!---->`);
+        }
+      } else {
+        return [
+          $props.modelValue ? (openBlock(), createBlock("dialog", {
+            key: 0,
+            ref: "drawer",
+            class: ["w-screen shadow p-0 m-0 z-50", [
+              $props.position,
+              $setup.isFixed ? `top-0 ${$setup.isPlacementX ? "h-screen" : ""}` : null,
+              $setup.isFixed && $props.placement !== "end" ? "left-0" : null,
+              $setup.isFixed && $props.placement === "end" ? "left-auto right-0" : null,
+              $setup.isPlacementX ? "max-w-sm" : null
+            ]],
+            style: {
+              maxWidth: !$setup.isPlacementX ? `calc(100vw - ${$setup.scrollbarWidth}px)` : void 0
+            },
+            open: $props.modelValue,
+            "data-drawer": $props.placement
+          }, [
+            createVNode("div", { class: "relative h-full" }, [
+              $props.hasCloseButton ? (openBlock(), createBlock("button", {
+                key: 0,
+                type: "button",
+                "aria-label": "Fechar",
+                onClick: withModifiers($setup.close, ["prevent"]),
+                class: ["absolute top-2 z-30", $props.placement === "end" ? "left-2" : "right-2"],
+                "data-drawer-close": ""
+              }, [
+                renderSlot$1(_ctx.$slots, "close", {}, () => [
+                  createVNode("i", { class: "i-close text-base-400 hover:text-base-600 text-3xl" })
+                ])
+              ], 10, ["onClick"])) : createCommentVNode("", true),
+              renderSlot$1(_ctx.$slots, "default")
+            ]),
+            (openBlock(), createBlock(Teleport, { to: $props.backdropTarget }, [
+              createVNode(_component_Fade, null, {
+                default: withCtx(() => [
+                  $props.modelValue ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    class: "fixed top-0 left-0 w-screen h-screen bg-black/50 z-40",
+                    "data-drawer-backdrop": ""
+                  })) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ], 8, ["to"]))
+          ], 14, ["open", "data-drawer"])) : createCommentVNode("", true)
+        ];
+      }
+    }),
+    _: 3
+  }, _parent));
+}
+const _sfc_setup$9 = _sfc_main$9.setup;
+_sfc_main$9.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Drawer.vue");
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+};
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
+
+const storageKey = "ecomSession";
+const emptySession = {
+  customer: {
+    display_name: "",
+    main_email: ""
+  },
+  auth: null
+};
+const session = useStorage(storageKey, emptySession);
+const isAuthenticated = computed(() => {
+  const { auth } = session;
+  return auth && new Date(auth.expires).getTime() - Date.now() > 1e3 * 10;
+});
+const customer = computed(() => session.customer);
+const customerName = computed(() => nickname(customer.value));
+computed({
+  get() {
+    return customer.value.main_email;
+  },
+  set(email) {
+    session.customer.main_email = email;
+  }
+});
+let firebaseAuth;
+const isLogged = computed(() => {
+  return isAuthenticated.value || !!firebaseAuth?.currentUser?.emailVerified;
+});
+const logout = () => {
+  session.auth = emptySession.auth;
+  session.customer = emptySession.customer;
+  localStorage.removeItem(storageKey);
+  firebaseAuth.signOut();
+};
+const initializeFirebaseAuth = (canWaitIdle = !window.location.pathname.startsWith("/app/")) => {
+  return;
+};
+
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "AccountLink",
+  props: {
+    to: {},
+    accountUrl: { default: globalThis.$storefront.settings.account_url || "/app/account" },
+    returnUrl: { default: globalThis.location?.href },
+    isSignUp: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const href = computed(() => {
+      let url = props.accountUrl;
+      if (!props.to) {
+        if (props.isSignUp) {
+          url += "?sign_up&";
+        } else {
+          url += "?";
+        }
+        return `${url}return_url=${props.returnUrl}`;
+      }
+      const { settings } = globalThis.$storefront;
+      if (props.to === "orders" && settings.orders_url) {
+        return settings.orders_url;
+      }
+      if (props.to === "favorites" && settings.favorites_url) {
+        return settings.favorites_url;
+      }
+      return `${url}/${props.to}`;
+    });
+    const __returned__ = { props, href };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+  _push(`</a>`);
+}
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/AccountLink.vue");
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+};
+const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
+
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "SocialNetworkIcon",
+  props: {
+    as: { default: "i" },
+    network: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const iconClassName = computed(() => {
+      switch (props.network) {
+        case "facebook":
+          return "i-facebook";
+        case "instagram":
+          return "i-instagram";
+        case "whatsapp":
+          return "i-whatsapp";
+        case "youtube":
+          return "i-youtube";
+        case "pinterest":
+          return "i-pinterest";
+        case "tiktok":
+          return "i-tiktok";
+        case "twitter":
+          return "i-twitter";
+        case "threads":
+          return "i-threads";
+        default:
+          return "";
+      }
+    });
+    const __returned__ = { props, iconClassName };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
+}
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkIcon.vue");
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+};
+const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
+
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "SocialNetworkLink",
+  props: {
+    network: {},
+    href: {},
+    message: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const fixedHref = computed(() => {
+      let href = props.href || socialNetworks[props.network] || "";
+      if (props.network === "whatsapp") {
+        const tel = href.replace(/[^+\d]/g, "");
+        href = `https://${isMobile ? "api" : "web"}.whatsapp.com/send?phone=` + encodeURIComponent(tel.charAt(0) === "+" ? tel : `+55${tel}`);
+        if (props.message) {
+          href += `&text=${encodeURIComponent(props.message)}`;
+        }
+      }
+      return href;
+    });
+    const __returned__ = { props, fixedHref, SocialNetworkIcon };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_ALink = resolveComponent("ALink");
+  _push(ssrRenderComponent(_component_ALink, mergeProps({ href: $setup.fixedHref }, _attrs), {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSlot(_ctx.$slots, "default", {}, () => {
+          _push2(ssrRenderComponent($setup["SocialNetworkIcon"], { network: $props.network }, null, _parent2, _scopeId));
+          ssrRenderSlot(_ctx.$slots, "append", {}, null, _push2, _parent2, _scopeId);
+        }, _push2, _parent2, _scopeId);
+      } else {
+        return [
+          renderSlot$1(_ctx.$slots, "default", {}, () => [
+            createVNode($setup["SocialNetworkIcon"], { network: $props.network }, null, 8, ["network"]),
+            renderSlot$1(_ctx.$slots, "append")
+          ])
+        ];
+      }
+    }),
+    _: 3
+  }, _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/SocialNetworkLink.vue");
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+};
+const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
+
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "ShopSidenavCategory",
+  props: {
+    categoryTree: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const isOpen = ref(false);
+    const isFaded = ref(true);
+    watch(isOpen, (_isOpen) => {
+      if (_isOpen) {
+        setTimeout(() => {
+          isFaded.value = false;
+        }, 25);
+      } else {
+        isFaded.value = true;
+      }
+    });
+    const __returned__ = { isOpen, isFaded };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_AImg = resolveComponent("AImg");
+  const _component_ShopSidenavCategory = resolveComponent("ShopSidenavCategory", true);
+  _push(`<li${ssrRenderAttrs(mergeProps({ class: "text-lg text-base-800" }, _attrs))}>`);
+  if ($props.categoryTree.subcategories.length) {
+    _push(`<details class="bg-white overflow-y-auto overflow-x-hidden z-10 open:absolute open:top-0 open:left-0 open:w-full open:h-full"><summary class="${ssrRenderClass([$setup.isOpen ? "bg-base-100" : null, "cursor-pointer list-none px-6 py-3 active:bg-base-100 transition-colors"])}"><i class="${ssrRenderClass(!$setup.isOpen ? "i-arrow-right float-right mb-0 mt-1 text-xl text-base-500" : "i-arrow-left text-lg")}"></i>`);
+    if (!$setup.isOpen && $props.categoryTree.icon) {
+      _push(ssrRenderComponent(_component_AImg, {
+        picture: $props.categoryTree.icon,
+        alt: $props.categoryTree.name,
+        class: "w-auto h-5 inline mr-3"
+      }, null, _parent));
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`<h3 class="${ssrRenderClass([$setup.isOpen ? "ml-4 text-base" : null, "inline"])}">${ssrInterpolate($props.categoryTree.name)}</h3></summary><ul class="${ssrRenderClass([$setup.isFaded ? "opacity-20" : "opacity-100", "mt-2 transition-opacity"])}" tabindex="-1"><!--[-->`);
+    ssrRenderList($props.categoryTree.subcategories, (subcategoryTree, i) => {
+      _push(ssrRenderComponent(_component_ShopSidenavCategory, {
+        key: i,
+        "category-tree": subcategoryTree
+      }, null, _parent));
+    });
+    _push(`<!--]--><li><a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="block px-6 py-3 text-base underline active:bg-base-200">${ssrInterpolate("Ver toda a categoria $1".replace("$1", $props.categoryTree.name))}</a></li></ul></details>`);
+  } else {
+    _push(`<a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="block px-6 py-3 active:bg-base-200">`);
+    if (!$setup.isOpen && $props.categoryTree.icon) {
+      _push(ssrRenderComponent(_component_AImg, {
+        picture: $props.categoryTree.icon,
+        alt: $props.categoryTree.name,
+        class: "w-auto h-5 inline mr-3"
+      }, null, _parent));
+    } else {
+      _push(`<!---->`);
+    }
+    _push(`<h3 class="inline">${ssrInterpolate($props.categoryTree.name)}</h3></a>`);
+  }
+  _push(`</li>`);
+}
+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/ShopSidenavCategory.vue");
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+};
+const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
+
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "ShopSidenav",
+  props: {
+    categoryTrees: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    onMounted(() => initializeFirebaseAuth());
+    const __returned__ = { get customerName() {
+      return customerName;
+    }, get isLogged() {
+      return isLogged;
+    }, get logout() {
+      return logout;
+    }, get socialNetworks() {
+      return socialNetworks;
+    }, AccountLink, SocialNetworkLink, ShopSidenavCategory };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<aside${ssrRenderAttrs(mergeProps({ class: "flex flex-col h-full" }, _attrs))}><nav class="py-4 grow"><ul class="relative h-full"><!--[-->`);
+  ssrRenderList($props.categoryTrees, (categoryTree, i) => {
+    _push(ssrRenderComponent($setup["ShopSidenavCategory"], {
+      key: i,
+      "category-tree": categoryTree
+    }, null, _parent));
+  });
+  _push(`<!--]--></ul></nav><footer class="text-base"><div class="flex items-center px-2 py-4 bg-base-100">`);
+  _push(ssrRenderComponent($setup["AccountLink"], { class: "p-2 grow flex items-center gap-3" }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<i class="i-user-circle text-4xl text-base-500 m-0"${_scopeId}></i><span class="leading-tight"${_scopeId}>${ssrInterpolate(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`)} <small class="block lowercase font-semibold text-primary"${_scopeId}>${ssrInterpolate("Meus pedidos")}, ${ssrInterpolate("Minha conta")}</small></span>`);
+      } else {
+        return [
+          createVNode("i", { class: "i-user-circle text-4xl text-base-500 m-0" }),
+          createVNode("span", { class: "leading-tight" }, [
+            createTextVNode(toDisplayString(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`) + " ", 1),
+            createVNode("small", { class: "block lowercase font-semibold text-primary" }, toDisplayString("Meus pedidos") + ", " + toDisplayString("Minha conta"))
+          ])
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  if ($setup.isLogged) {
+    _push(`<button class="p-2 text-right text-base-800"><span class="text-base-600">${ssrInterpolate("Sair")}</span><i class="i-arrow-right-on-rectangle text-lg ml-1"></i></button>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`</div><ul class="flex gap-3 p-4 bg-base-200 text-xl text-base-700"><!--[-->`);
+  ssrRenderList($setup.socialNetworks, (href, network) => {
+    _push(`<li>`);
+    _push(ssrRenderComponent($setup["SocialNetworkLink"], {
+      network,
+      class: "p-1 active:text-primary"
+    }, null, _parent));
+    _push(`</li>`);
+  });
+  _push(`<!--]--></ul></footer></aside>`);
+}
+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/ShopSidenav.vue");
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+};
+const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
+
+const useShopHeaderSubmenu = (props) => {
+  const categoryPicture = computed(() => {
+    const picture = props.categoryTree.pictures?.[0];
+    if (picture && !picture.alt) {
+      return {
+        alt: props.categoryTree.name,
+        ...picture
+      };
+    }
+    return void 0;
+  });
+  const subcategoriesWithChild = computed(() => {
+    return props.categoryTree.subcategories.filter(({ subcategories }) => subcategories.length);
+  });
+  const maxMenuCols = computed(() => {
+    let _maxMenuCols = subcategoriesWithChild.value.length;
+    if (categoryPicture.value) {
+      _maxMenuCols += 1;
+    }
+    if (subcategoriesWithChild.value.length < props.categoryTree.subcategories.length) {
+      _maxMenuCols += 1;
+    }
+    return _maxMenuCols;
+  });
+  const isMegaMenu = computed(() => {
+    return (props.megaMenuMaxCols || 7) >= maxMenuCols.value;
+  });
+  const subcategoryLinks = computed(() => {
+    return isMegaMenu.value ? props.categoryTree.subcategories.filter(({ subcategories }) => !subcategories.length) : props.categoryTree.subcategories;
+  });
+  const subcategoryCols = computed(() => {
+    return isMegaMenu.value ? props.categoryTree.subcategories.filter(({ subcategories }) => subcategories.length) : props.categoryTree.subcategories;
+  });
+  const countMenuCols = computed(() => {
+    if (isMegaMenu.value)
+      return maxMenuCols.value;
+    return categoryPicture.value ? 2 : 1;
+  });
+  return {
+    categoryPicture,
+    isMegaMenu,
+    subcategoryLinks,
+    subcategoryCols,
+    countMenuCols
+  };
+};
+
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ShopHeaderSubmenu",
+  props: {
+    categoryTree: {},
+    megaMenuMaxCols: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const {
+      categoryPicture,
+      subcategoryLinks,
+      subcategoryCols,
+      countMenuCols
+    } = useShopHeaderSubmenu(props);
+    const __returned__ = { props, categoryPicture, subcategoryLinks, subcategoryCols, countMenuCols, get Popover() {
+      return Popover;
+    }, get PopoverButton() {
+      return PopoverButton;
+    }, get PopoverPanel() {
+      return PopoverPanel;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Fade = resolveComponent("Fade");
+  const _component_AImg = resolveComponent("AImg");
+  _push(ssrRenderComponent($setup["Popover"], _attrs, {
+    default: withCtx(({ open }, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(ssrRenderComponent($setup["PopoverButton"], { class: "outline-none" }, {
+          default: withCtx((_, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              ssrRenderSlot(_ctx.$slots, "button", { open }, null, _push3, _parent3, _scopeId2);
+            } else {
+              return [
+                renderSlot$1(_ctx.$slots, "button", { open })
+              ];
+            }
+          }),
+          _: 2
+        }, _parent2, _scopeId));
+        _push2(`<div class="relative"${_scopeId}>`);
+        _push2(ssrRenderComponent(_component_Fade, null, {
+          default: withCtx((_, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(ssrRenderComponent($setup["PopoverPanel"], {
+                class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded backdrop-blur-md shadow bg-white/80 text-base text-base-700", $setup.countMenuCols === 1 ? "w-60" : $setup.countMenuCols === 2 ? `w-screen ${$setup.categoryPicture ? "max-w-lg" : "max-w-sm"}` : $setup.countMenuCols === 3 ? `w-screen ${$setup.categoryPicture ? "max-w-xl" : "max-w-md"}` : $setup.countMenuCols < 6 ? "w-screen max-w-3xl" : "w-screen max-w-5xl"]
+              }, {
+                default: withCtx((_2, _push4, _parent4, _scopeId3) => {
+                  if (_push4) {
+                    _push4(`<div class="flex gap-6 w-full"${_scopeId3}>`);
+                    if ($setup.subcategoryLinks.length) {
+                      _push4(`<ul class="flex-1"${_scopeId3}><!--[-->`);
+                      ssrRenderList($setup.subcategoryLinks, (subcategory, i) => {
+                        _push4(`<li class="${ssrRenderClass($setup.subcategoryLinks.length > 10 ? "text-sm mb-1" : "mb-2")}"${_scopeId3}><a${ssrRenderAttr("href", `/${subcategory.slug}`)} class="hover:text-primary"${_scopeId3}><h3${_scopeId3}>${ssrInterpolate(subcategory.name)}</h3></a></li>`);
+                      });
+                      _push4(`<!--]--></ul>`);
+                    } else {
+                      _push4(`<!---->`);
+                    }
+                    _push4(`<!--[-->`);
+                    ssrRenderList($setup.subcategoryCols, (subcategory, i) => {
+                      _push4(`<div class="flex-1"${_scopeId3}><a${ssrRenderAttr("href", `/${subcategory.slug}`)} class="hover:text-primary"${_scopeId3}><h3${_scopeId3}>${ssrInterpolate(subcategory.name)}</h3></a><ul class="text-sm text-base-600 mt-1 mb-1.5"${_scopeId3}><!--[-->`);
+                      ssrRenderList(subcategory.subcategories, (nestedSubcategory, ii) => {
+                        _push4(`<li class="mb-0.5"${_scopeId3}><a${ssrRenderAttr("href", `/${nestedSubcategory.slug}`)} class="hover:text-primary hover:underline"${_scopeId3}><h3${_scopeId3}>${ssrInterpolate(nestedSubcategory.name)}</h3></a></li>`);
+                      });
+                      _push4(`<!--]--></ul></div>`);
+                    });
+                    _push4(`<!--]-->`);
+                    if ($setup.categoryPicture) {
+                      _push4(`<div class="${ssrRenderClass($setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3")}"${_scopeId3}>`);
+                      _push4(ssrRenderComponent(_component_AImg, {
+                        picture: $setup.categoryPicture,
+                        class: "ml-auto rounded"
+                      }, null, _parent4, _scopeId3));
+                      _push4(`</div>`);
+                    } else {
+                      _push4(`<!---->`);
+                    }
+                    _push4(`</div><a${ssrRenderAttr("href", `/${$props.categoryTree.slug}`)} class="block mt-1 text-xs text-base-600 leading-snug underline"${_scopeId3}>${ssrInterpolate("Ver toda a categoria $1".replace("$1", $props.categoryTree.name))}</a>`);
+                  } else {
+                    return [
+                      createVNode("div", { class: "flex gap-6 w-full" }, [
+                        $setup.subcategoryLinks.length ? (openBlock(), createBlock("ul", {
+                          key: 0,
+                          class: "flex-1"
+                        }, [
+                          (openBlock(true), createBlock(Fragment$1, null, renderList($setup.subcategoryLinks, (subcategory, i) => {
+                            return openBlock(), createBlock("li", {
+                              key: `link-${i}`,
+                              class: $setup.subcategoryLinks.length > 10 ? "text-sm mb-1" : "mb-2"
+                            }, [
+                              createVNode("a", {
+                                href: `/${subcategory.slug}`,
+                                class: "hover:text-primary"
+                              }, [
+                                createVNode("h3", null, toDisplayString(subcategory.name), 1)
+                              ], 8, ["href"])
+                            ], 2);
+                          }), 128))
+                        ])) : createCommentVNode("", true),
+                        (openBlock(true), createBlock(Fragment$1, null, renderList($setup.subcategoryCols, (subcategory, i) => {
+                          return openBlock(), createBlock("div", {
+                            key: i,
+                            class: "flex-1"
+                          }, [
+                            createVNode("a", {
+                              href: `/${subcategory.slug}`,
+                              class: "hover:text-primary"
+                            }, [
+                              createVNode("h3", null, toDisplayString(subcategory.name), 1)
+                            ], 8, ["href"]),
+                            createVNode("ul", { class: "text-sm text-base-600 mt-1 mb-1.5" }, [
+                              (openBlock(true), createBlock(Fragment$1, null, renderList(subcategory.subcategories, (nestedSubcategory, ii) => {
+                                return openBlock(), createBlock("li", {
+                                  key: `${i}-${ii}`,
+                                  class: "mb-0.5"
+                                }, [
+                                  createVNode("a", {
+                                    href: `/${nestedSubcategory.slug}`,
+                                    class: "hover:text-primary hover:underline"
+                                  }, [
+                                    createVNode("h3", null, toDisplayString(nestedSubcategory.name), 1)
+                                  ], 8, ["href"])
+                                ]);
+                              }), 128))
+                            ])
+                          ]);
+                        }), 128)),
+                        $setup.categoryPicture ? (openBlock(), createBlock("div", {
+                          key: 1,
+                          class: $setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3"
+                        }, [
+                          createVNode(_component_AImg, {
+                            picture: $setup.categoryPicture,
+                            class: "ml-auto rounded"
+                          }, null, 8, ["picture"])
+                        ], 2)) : createCommentVNode("", true)
+                      ]),
+                      createVNode("a", {
+                        href: `/${$props.categoryTree.slug}`,
+                        class: "block mt-1 text-xs text-base-600 leading-snug underline"
+                      }, toDisplayString("Ver toda a categoria $1".replace("$1", $props.categoryTree.name)), 9, ["href"])
+                    ];
+                  }
+                }),
+                _: 2
+              }, _parent3, _scopeId2));
+            } else {
+              return [
+                createVNode($setup["PopoverPanel"], {
+                  class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded backdrop-blur-md shadow bg-white/80 text-base text-base-700", $setup.countMenuCols === 1 ? "w-60" : $setup.countMenuCols === 2 ? `w-screen ${$setup.categoryPicture ? "max-w-lg" : "max-w-sm"}` : $setup.countMenuCols === 3 ? `w-screen ${$setup.categoryPicture ? "max-w-xl" : "max-w-md"}` : $setup.countMenuCols < 6 ? "w-screen max-w-3xl" : "w-screen max-w-5xl"]
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "flex gap-6 w-full" }, [
+                      $setup.subcategoryLinks.length ? (openBlock(), createBlock("ul", {
+                        key: 0,
+                        class: "flex-1"
+                      }, [
+                        (openBlock(true), createBlock(Fragment$1, null, renderList($setup.subcategoryLinks, (subcategory, i) => {
+                          return openBlock(), createBlock("li", {
+                            key: `link-${i}`,
+                            class: $setup.subcategoryLinks.length > 10 ? "text-sm mb-1" : "mb-2"
+                          }, [
+                            createVNode("a", {
+                              href: `/${subcategory.slug}`,
+                              class: "hover:text-primary"
+                            }, [
+                              createVNode("h3", null, toDisplayString(subcategory.name), 1)
+                            ], 8, ["href"])
+                          ], 2);
+                        }), 128))
+                      ])) : createCommentVNode("", true),
+                      (openBlock(true), createBlock(Fragment$1, null, renderList($setup.subcategoryCols, (subcategory, i) => {
+                        return openBlock(), createBlock("div", {
+                          key: i,
+                          class: "flex-1"
+                        }, [
+                          createVNode("a", {
+                            href: `/${subcategory.slug}`,
+                            class: "hover:text-primary"
+                          }, [
+                            createVNode("h3", null, toDisplayString(subcategory.name), 1)
+                          ], 8, ["href"]),
+                          createVNode("ul", { class: "text-sm text-base-600 mt-1 mb-1.5" }, [
+                            (openBlock(true), createBlock(Fragment$1, null, renderList(subcategory.subcategories, (nestedSubcategory, ii) => {
+                              return openBlock(), createBlock("li", {
+                                key: `${i}-${ii}`,
+                                class: "mb-0.5"
+                              }, [
+                                createVNode("a", {
+                                  href: `/${nestedSubcategory.slug}`,
+                                  class: "hover:text-primary hover:underline"
+                                }, [
+                                  createVNode("h3", null, toDisplayString(nestedSubcategory.name), 1)
+                                ], 8, ["href"])
+                              ]);
+                            }), 128))
+                          ])
+                        ]);
+                      }), 128)),
+                      $setup.categoryPicture ? (openBlock(), createBlock("div", {
+                        key: 1,
+                        class: $setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3"
+                      }, [
+                        createVNode(_component_AImg, {
+                          picture: $setup.categoryPicture,
+                          class: "ml-auto rounded"
+                        }, null, 8, ["picture"])
+                      ], 2)) : createCommentVNode("", true)
+                    ]),
+                    createVNode("a", {
+                      href: `/${$props.categoryTree.slug}`,
+                      class: "block mt-1 text-xs text-base-600 leading-snug underline"
+                    }, toDisplayString("Ver toda a categoria $1".replace("$1", $props.categoryTree.name)), 9, ["href"])
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ];
+            }
+          }),
+          _: 2
+        }, _parent2, _scopeId));
+        _push2(`</div>`);
+      } else {
+        return [
+          createVNode($setup["PopoverButton"], { class: "outline-none" }, {
+            default: withCtx(() => [
+              renderSlot$1(_ctx.$slots, "button", { open })
+            ]),
+            _: 2
+          }, 1024),
+          createVNode("div", { class: "relative" }, [
+            createVNode(_component_Fade, null, {
+              default: withCtx(() => [
+                createVNode($setup["PopoverPanel"], {
+                  class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded backdrop-blur-md shadow bg-white/80 text-base text-base-700", $setup.countMenuCols === 1 ? "w-60" : $setup.countMenuCols === 2 ? `w-screen ${$setup.categoryPicture ? "max-w-lg" : "max-w-sm"}` : $setup.countMenuCols === 3 ? `w-screen ${$setup.categoryPicture ? "max-w-xl" : "max-w-md"}` : $setup.countMenuCols < 6 ? "w-screen max-w-3xl" : "w-screen max-w-5xl"]
+                }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "flex gap-6 w-full" }, [
+                      $setup.subcategoryLinks.length ? (openBlock(), createBlock("ul", {
+                        key: 0,
+                        class: "flex-1"
+                      }, [
+                        (openBlock(true), createBlock(Fragment$1, null, renderList($setup.subcategoryLinks, (subcategory, i) => {
+                          return openBlock(), createBlock("li", {
+                            key: `link-${i}`,
+                            class: $setup.subcategoryLinks.length > 10 ? "text-sm mb-1" : "mb-2"
+                          }, [
+                            createVNode("a", {
+                              href: `/${subcategory.slug}`,
+                              class: "hover:text-primary"
+                            }, [
+                              createVNode("h3", null, toDisplayString(subcategory.name), 1)
+                            ], 8, ["href"])
+                          ], 2);
+                        }), 128))
+                      ])) : createCommentVNode("", true),
+                      (openBlock(true), createBlock(Fragment$1, null, renderList($setup.subcategoryCols, (subcategory, i) => {
+                        return openBlock(), createBlock("div", {
+                          key: i,
+                          class: "flex-1"
+                        }, [
+                          createVNode("a", {
+                            href: `/${subcategory.slug}`,
+                            class: "hover:text-primary"
+                          }, [
+                            createVNode("h3", null, toDisplayString(subcategory.name), 1)
+                          ], 8, ["href"]),
+                          createVNode("ul", { class: "text-sm text-base-600 mt-1 mb-1.5" }, [
+                            (openBlock(true), createBlock(Fragment$1, null, renderList(subcategory.subcategories, (nestedSubcategory, ii) => {
+                              return openBlock(), createBlock("li", {
+                                key: `${i}-${ii}`,
+                                class: "mb-0.5"
+                              }, [
+                                createVNode("a", {
+                                  href: `/${nestedSubcategory.slug}`,
+                                  class: "hover:text-primary hover:underline"
+                                }, [
+                                  createVNode("h3", null, toDisplayString(nestedSubcategory.name), 1)
+                                ], 8, ["href"])
+                              ]);
+                            }), 128))
+                          ])
+                        ]);
+                      }), 128)),
+                      $setup.categoryPicture ? (openBlock(), createBlock("div", {
+                        key: 1,
+                        class: $setup.countMenuCols === 2 ? "basis-1/2" : $setup.countMenuCols < 5 ? "basis-2/5" : "basis-1/3"
+                      }, [
+                        createVNode(_component_AImg, {
+                          picture: $setup.categoryPicture,
+                          class: "ml-auto rounded"
+                        }, null, 8, ["picture"])
+                      ], 2)) : createCommentVNode("", true)
+                    ]),
+                    createVNode("a", {
+                      href: `/${$props.categoryTree.slug}`,
+                      class: "block mt-1 text-xs text-base-600 leading-snug underline"
+                    }, toDisplayString("Ver toda a categoria $1".replace("$1", $props.categoryTree.name)), 9, ["href"])
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              _: 1
+            })
+          ])
+        ];
+      }
+    }),
+    _: 3
+  }, _parent));
+}
+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/ShopHeaderSubmenu.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ShopHeaderMenu",
+  props: {
+    inlineMenuTrees: {}
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const hasOneLevelSubcategories = computed(() => {
+      return !!props.inlineMenuTrees.find(({ subcategories }) => !subcategories.length);
+    });
+    const __returned__ = { props, hasOneLevelSubcategories, ShopHeaderSubmenu };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<nav${ssrRenderAttrs(_attrs)}><ul class="${ssrRenderClass([$props.inlineMenuTrees.length < 7 ? "text-base" : "text-sm", "flex gap-4 xl:gap-5 text-base-700"])}"><!--[-->`);
+  ssrRenderList($props.inlineMenuTrees, (categoryTree, i) => {
+    _push(`<li>`);
+    if (categoryTree.subcategories.length) {
+      _push(ssrRenderComponent($setup["ShopHeaderSubmenu"], { "category-tree": categoryTree }, {
+        button: withCtx(({ open }, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<span class="hover:text-primary group"${_scopeId}><h3 class="${ssrRenderClass([[
+              $props.inlineMenuTrees.length < 7 ? "decoration-2" : null,
+              open ? "underline" : null
+            ], "group-hover:underline inline"])}"${_scopeId}>${ssrInterpolate(categoryTree.name)}</h3>`);
+            if ($setup.hasOneLevelSubcategories) {
+              _push2(`<i class="${ssrRenderClass([open ? "rotate-180" : null, "i-chevron-down ml-1 transition-transform text-base-400 group-hover:text-primary-subtle"])}"${_scopeId}></i>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</span>`);
+          } else {
+            return [
+              createVNode("span", { class: "hover:text-primary group" }, [
+                createVNode("h3", {
+                  class: ["group-hover:underline inline", [
+                    $props.inlineMenuTrees.length < 7 ? "decoration-2" : null,
+                    open ? "underline" : null
+                  ]]
+                }, toDisplayString(categoryTree.name), 3),
+                $setup.hasOneLevelSubcategories ? (openBlock(), createBlock("i", {
+                  key: 0,
+                  class: ["i-chevron-down ml-1 transition-transform text-base-400 group-hover:text-primary-subtle", open ? "rotate-180" : null]
+                }, null, 2)) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        _: 2
+      }, _parent));
+    } else {
+      _push(`<a${ssrRenderAttr("href", `/${categoryTree.slug}`)} class="${ssrRenderClass([$props.inlineMenuTrees.length < 7 ? "decoration-2" : null, "hover:text-primary hover:underline"])}"><h3 class="inline">${ssrInterpolate(categoryTree.name)}</h3></a>`);
+    }
+    _push(`</li>`);
+  });
+  _push(`<!--]--></ul></nav>`);
+}
+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/ShopHeaderMenu.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["ssrRender", _sfc_ssrRender$2]]);
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "AccountMenu",
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { get Menu() {
+      return Menu;
+    }, get MenuButton() {
+      return MenuButton;
+    }, get MenuItems() {
+      return MenuItems;
+    }, get MenuItem() {
+      return MenuItem;
+    }, get socialNetworks() {
+      return socialNetworks;
+    }, get customerName() {
+      return customerName;
+    }, get initializeFirebaseAuth() {
+      return initializeFirebaseAuth;
+    }, get isLogged() {
+      return isLogged;
+    }, get logout() {
+      return logout;
+    }, AccountLink, SocialNetworkLink };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Fade = resolveComponent("Fade");
+  const _component_ALink = resolveComponent("ALink");
+  _push(ssrRenderComponent($setup["Menu"], mergeProps({
+    as: "div",
+    class: "relative text-center text-sm text-base-800"
+  }, _attrs), {
+    default: withCtx(({ open }, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        if (open) {
+          _push2(`<div${_scopeId}><span${_scopeId}>${ssrInterpolate($setup.initializeFirebaseAuth())}</span></div>`);
+        } else {
+          _push2(`<!---->`);
+        }
+        _push2(ssrRenderComponent($setup["MenuButton"], {
+          class: "outline-none",
+          "aria-label": "Minha conta"
+        }, {
+          default: withCtx((_, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              ssrRenderSlot(_ctx.$slots, "button", { open }, null, _push3, _parent3, _scopeId2);
+            } else {
+              return [
+                renderSlot$1(_ctx.$slots, "button", { open })
+              ];
+            }
+          }),
+          _: 2
+        }, _parent2, _scopeId));
+        _push2(ssrRenderComponent(_component_Fade, null, {
+          default: withCtx((_, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(ssrRenderComponent($setup["MenuItems"], { class: "absolute -right-8 mt-2 w-56 rounded shadow ring-1 ring-black/5 bg-white divide-y divide-base-100 focus:outline-none" }, {
+                default: withCtx((_2, _push4, _parent4, _scopeId3) => {
+                  if (_push4) {
+                    _push4(`<div class="p-3 text-base-600"${_scopeId3}>${ssrInterpolate(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`)} `);
+                    _push4(ssrRenderComponent($setup["AccountLink"], {
+                      role: "button",
+                      class: "ui-btn-sm ui-btn-primary block my-1"
+                    }, {
+                      default: withCtx((_3, _push5, _parent5, _scopeId4) => {
+                        if (_push5) {
+                          _push5(`${ssrInterpolate("Acessar minha conta")}`);
+                        } else {
+                          return [
+                            createTextVNode(toDisplayString("Acessar minha conta"))
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent4, _scopeId3));
+                    if (!$setup.isLogged) {
+                      _push4(ssrRenderComponent($setup["AccountLink"], {
+                        "is-sign-up": "",
+                        class: "ui-link block"
+                      }, {
+                        default: withCtx((_3, _push5, _parent5, _scopeId4) => {
+                          if (_push5) {
+                            _push5(`${ssrInterpolate("Criar uma conta")}`);
+                          } else {
+                            return [
+                              createTextVNode(toDisplayString("Criar uma conta"))
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent4, _scopeId3));
+                    } else {
+                      _push4(`<!---->`);
+                    }
+                    _push4(`</div><ul class="list-none"${_scopeId3}>`);
+                    _push4(ssrRenderComponent($setup["MenuItem"], { as: "li" }, {
+                      default: withCtx(({ active }, _push5, _parent5, _scopeId4) => {
+                        if (_push5) {
+                          _push5(ssrRenderComponent($setup["AccountLink"], {
+                            to: "orders",
+                            class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                          }, {
+                            default: withCtx((_3, _push6, _parent6, _scopeId5) => {
+                              if (_push6) {
+                                _push6(`${ssrInterpolate("Meus pedidos")}`);
+                              } else {
+                                return [
+                                  createTextVNode(toDisplayString("Meus pedidos"))
+                                ];
+                              }
+                            }),
+                            _: 2
+                          }, _parent5, _scopeId4));
+                        } else {
+                          return [
+                            createVNode($setup["AccountLink"], {
+                              to: "orders",
+                              class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString("Meus pedidos"))
+                              ]),
+                              _: 2
+                            }, 1032, ["class"])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent4, _scopeId3));
+                    _push4(ssrRenderComponent($setup["MenuItem"], { as: "li" }, {
+                      default: withCtx(({ active }, _push5, _parent5, _scopeId4) => {
+                        if (_push5) {
+                          _push5(ssrRenderComponent($setup["AccountLink"], {
+                            to: "favorites",
+                            class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                          }, {
+                            default: withCtx((_3, _push6, _parent6, _scopeId5) => {
+                              if (_push6) {
+                                _push6(`<i class="i-heart mr-1"${_scopeId5}></i> ${ssrInterpolate("Meus favoritos")}`);
+                              } else {
+                                return [
+                                  createVNode("i", { class: "i-heart mr-1" }),
+                                  createTextVNode(" " + toDisplayString("Meus favoritos"))
+                                ];
+                              }
+                            }),
+                            _: 2
+                          }, _parent5, _scopeId4));
+                        } else {
+                          return [
+                            createVNode($setup["AccountLink"], {
+                              to: "favorites",
+                              class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                            }, {
+                              default: withCtx(() => [
+                                createVNode("i", { class: "i-heart mr-1" }),
+                                createTextVNode(" " + toDisplayString("Meus favoritos"))
+                              ]),
+                              _: 2
+                            }, 1032, ["class"])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent4, _scopeId3));
+                    _push4(`<!--[-->`);
+                    ssrRenderList(_ctx.$settings.service_links, ({ title, href }, i) => {
+                      _push4(ssrRenderComponent($setup["MenuItem"], {
+                        as: "li",
+                        key: `s-${i}`
+                      }, {
+                        default: withCtx(({ active }, _push5, _parent5, _scopeId4) => {
+                          if (_push5) {
+                            _push5(ssrRenderComponent(_component_ALink, {
+                              href,
+                              class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                            }, {
+                              default: withCtx((_3, _push6, _parent6, _scopeId5) => {
+                                if (_push6) {
+                                  _push6(`${ssrInterpolate(title)}`);
+                                } else {
+                                  return [
+                                    createTextVNode(toDisplayString(title), 1)
+                                  ];
+                                }
+                              }),
+                              _: 2
+                            }, _parent5, _scopeId4));
+                          } else {
+                            return [
+                              createVNode(_component_ALink, {
+                                href,
+                                class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(title), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["href", "class"])
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent4, _scopeId3));
+                    });
+                    _push4(`<!--]-->`);
+                    _push4(ssrRenderComponent($setup["MenuItem"], { as: "li" }, {
+                      default: withCtx((_3, _push5, _parent5, _scopeId4) => {
+                        if (_push5) {
+                          _push5(`<div class="flex justify-center gap-2 p-2 text-base-500 text-base"${_scopeId4}><!--[-->`);
+                          ssrRenderList($setup.socialNetworks, (href, network) => {
+                            _push5(`<span${_scopeId4}>`);
+                            _push5(ssrRenderComponent($setup["SocialNetworkLink"], {
+                              network,
+                              class: "p-1 hover:text-primary"
+                            }, null, _parent5, _scopeId4));
+                            _push5(`</span>`);
+                          });
+                          _push5(`<!--]--></div>`);
+                        } else {
+                          return [
+                            createVNode("div", { class: "flex justify-center gap-2 p-2 text-base-500 text-base" }, [
+                              (openBlock(true), createBlock(Fragment$1, null, renderList($setup.socialNetworks, (href, network) => {
+                                return openBlock(), createBlock("span", { key: network }, [
+                                  createVNode($setup["SocialNetworkLink"], {
+                                    network,
+                                    class: "p-1 hover:text-primary"
+                                  }, null, 8, ["network"])
+                                ]);
+                              }), 128))
+                            ])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent4, _scopeId3));
+                    if ($setup.isLogged) {
+                      _push4(ssrRenderComponent($setup["MenuItem"], { as: "li" }, {
+                        default: withCtx((_3, _push5, _parent5, _scopeId4) => {
+                          if (_push5) {
+                            _push5(`<button class="p-2 text-right text-base-800"${_scopeId4}><span class="text-base-600"${_scopeId4}>${ssrInterpolate("Sair")}</span><i class="i-arrow-right-on-rectangle text-lg ml-1"${_scopeId4}></i></button>`);
+                          } else {
+                            return [
+                              createVNode("button", {
+                                onClick: $setup.logout,
+                                class: "p-2 text-right text-base-800"
+                              }, [
+                                createVNode("span", { class: "text-base-600" }, toDisplayString("Sair")),
+                                createVNode("i", { class: "i-arrow-right-on-rectangle text-lg ml-1" })
+                              ], 8, ["onClick"])
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent4, _scopeId3));
+                    } else {
+                      _push4(`<!---->`);
+                    }
+                    _push4(`</ul>`);
+                  } else {
+                    return [
+                      createVNode("div", { class: "p-3 text-base-600" }, [
+                        createTextVNode(toDisplayString(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`) + " ", 1),
+                        createVNode($setup["AccountLink"], {
+                          role: "button",
+                          class: "ui-btn-sm ui-btn-primary block my-1"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString("Acessar minha conta"))
+                          ]),
+                          _: 1
+                        }),
+                        !$setup.isLogged ? (openBlock(), createBlock($setup["AccountLink"], {
+                          key: 0,
+                          "is-sign-up": "",
+                          class: "ui-link block"
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString("Criar uma conta"))
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ]),
+                      createVNode("ul", { class: "list-none" }, [
+                        createVNode($setup["MenuItem"], { as: "li" }, {
+                          default: withCtx(({ active }) => [
+                            createVNode($setup["AccountLink"], {
+                              to: "orders",
+                              class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString("Meus pedidos"))
+                              ]),
+                              _: 2
+                            }, 1032, ["class"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode($setup["MenuItem"], { as: "li" }, {
+                          default: withCtx(({ active }) => [
+                            createVNode($setup["AccountLink"], {
+                              to: "favorites",
+                              class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                            }, {
+                              default: withCtx(() => [
+                                createVNode("i", { class: "i-heart mr-1" }),
+                                createTextVNode(" " + toDisplayString("Meus favoritos"))
+                              ]),
+                              _: 2
+                            }, 1032, ["class"])
+                          ]),
+                          _: 1
+                        }),
+                        (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.service_links, ({ title, href }, i) => {
+                          return openBlock(), createBlock($setup["MenuItem"], {
+                            as: "li",
+                            key: `s-${i}`
+                          }, {
+                            default: withCtx(({ active }) => [
+                              createVNode(_component_ALink, {
+                                href,
+                                class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(toDisplayString(title), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["href", "class"])
+                            ]),
+                            _: 2
+                          }, 1024);
+                        }), 128)),
+                        createVNode($setup["MenuItem"], { as: "li" }, {
+                          default: withCtx(() => [
+                            createVNode("div", { class: "flex justify-center gap-2 p-2 text-base-500 text-base" }, [
+                              (openBlock(true), createBlock(Fragment$1, null, renderList($setup.socialNetworks, (href, network) => {
+                                return openBlock(), createBlock("span", { key: network }, [
+                                  createVNode($setup["SocialNetworkLink"], {
+                                    network,
+                                    class: "p-1 hover:text-primary"
+                                  }, null, 8, ["network"])
+                                ]);
+                              }), 128))
+                            ])
+                          ]),
+                          _: 1
+                        }),
+                        $setup.isLogged ? (openBlock(), createBlock($setup["MenuItem"], {
+                          key: 0,
+                          as: "li"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode("button", {
+                              onClick: $setup.logout,
+                              class: "p-2 text-right text-base-800"
+                            }, [
+                              createVNode("span", { class: "text-base-600" }, toDisplayString("Sair")),
+                              createVNode("i", { class: "i-arrow-right-on-rectangle text-lg ml-1" })
+                            ], 8, ["onClick"])
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true)
+                      ])
+                    ];
+                  }
+                }),
+                _: 2
+              }, _parent3, _scopeId2));
+            } else {
+              return [
+                createVNode($setup["MenuItems"], { class: "absolute -right-8 mt-2 w-56 rounded shadow ring-1 ring-black/5 bg-white divide-y divide-base-100 focus:outline-none" }, {
+                  default: withCtx(() => [
+                    createVNode("div", { class: "p-3 text-base-600" }, [
+                      createTextVNode(toDisplayString(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`) + " ", 1),
+                      createVNode($setup["AccountLink"], {
+                        role: "button",
+                        class: "ui-btn-sm ui-btn-primary block my-1"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString("Acessar minha conta"))
+                        ]),
+                        _: 1
+                      }),
+                      !$setup.isLogged ? (openBlock(), createBlock($setup["AccountLink"], {
+                        key: 0,
+                        "is-sign-up": "",
+                        class: "ui-link block"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString("Criar uma conta"))
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ]),
+                    createVNode("ul", { class: "list-none" }, [
+                      createVNode($setup["MenuItem"], { as: "li" }, {
+                        default: withCtx(({ active }) => [
+                          createVNode($setup["AccountLink"], {
+                            to: "orders",
+                            class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString("Meus pedidos"))
+                            ]),
+                            _: 2
+                          }, 1032, ["class"])
+                        ]),
+                        _: 1
+                      }),
+                      createVNode($setup["MenuItem"], { as: "li" }, {
+                        default: withCtx(({ active }) => [
+                          createVNode($setup["AccountLink"], {
+                            to: "favorites",
+                            class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                          }, {
+                            default: withCtx(() => [
+                              createVNode("i", { class: "i-heart mr-1" }),
+                              createTextVNode(" " + toDisplayString("Meus favoritos"))
+                            ]),
+                            _: 2
+                          }, 1032, ["class"])
+                        ]),
+                        _: 1
+                      }),
+                      (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.service_links, ({ title, href }, i) => {
+                        return openBlock(), createBlock($setup["MenuItem"], {
+                          as: "li",
+                          key: `s-${i}`
+                        }, {
+                          default: withCtx(({ active }) => [
+                            createVNode(_component_ALink, {
+                              href,
+                              class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(title), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["href", "class"])
+                          ]),
+                          _: 2
+                        }, 1024);
+                      }), 128)),
+                      createVNode($setup["MenuItem"], { as: "li" }, {
+                        default: withCtx(() => [
+                          createVNode("div", { class: "flex justify-center gap-2 p-2 text-base-500 text-base" }, [
+                            (openBlock(true), createBlock(Fragment$1, null, renderList($setup.socialNetworks, (href, network) => {
+                              return openBlock(), createBlock("span", { key: network }, [
+                                createVNode($setup["SocialNetworkLink"], {
+                                  network,
+                                  class: "p-1 hover:text-primary"
+                                }, null, 8, ["network"])
+                              ]);
+                            }), 128))
+                          ])
+                        ]),
+                        _: 1
+                      }),
+                      $setup.isLogged ? (openBlock(), createBlock($setup["MenuItem"], {
+                        key: 0,
+                        as: "li"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode("button", {
+                            onClick: $setup.logout,
+                            class: "p-2 text-right text-base-800"
+                          }, [
+                            createVNode("span", { class: "text-base-600" }, toDisplayString("Sair")),
+                            createVNode("i", { class: "i-arrow-right-on-rectangle text-lg ml-1" })
+                          ], 8, ["onClick"])
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ];
+            }
+          }),
+          _: 2
+        }, _parent2, _scopeId));
+      } else {
+        return [
+          open ? (openBlock(), createBlock("div", { key: 0 }, [
+            createVNode("span", null, [
+              createTextVNode(toDisplayString($setup.initializeFirebaseAuth()), 1)
+            ])
+          ])) : createCommentVNode("", true),
+          createVNode($setup["MenuButton"], {
+            class: "outline-none",
+            "aria-label": "Minha conta"
+          }, {
+            default: withCtx(() => [
+              renderSlot$1(_ctx.$slots, "button", { open })
+            ]),
+            _: 2
+          }, 1024),
+          createVNode(_component_Fade, null, {
+            default: withCtx(() => [
+              createVNode($setup["MenuItems"], { class: "absolute -right-8 mt-2 w-56 rounded shadow ring-1 ring-black/5 bg-white divide-y divide-base-100 focus:outline-none" }, {
+                default: withCtx(() => [
+                  createVNode("div", { class: "p-3 text-base-600" }, [
+                    createTextVNode(toDisplayString(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`) + " ", 1),
+                    createVNode($setup["AccountLink"], {
+                      role: "button",
+                      class: "ui-btn-sm ui-btn-primary block my-1"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString("Acessar minha conta"))
+                      ]),
+                      _: 1
+                    }),
+                    !$setup.isLogged ? (openBlock(), createBlock($setup["AccountLink"], {
+                      key: 0,
+                      "is-sign-up": "",
+                      class: "ui-link block"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString("Criar uma conta"))
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ]),
+                  createVNode("ul", { class: "list-none" }, [
+                    createVNode($setup["MenuItem"], { as: "li" }, {
+                      default: withCtx(({ active }) => [
+                        createVNode($setup["AccountLink"], {
+                          to: "orders",
+                          class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString("Meus pedidos"))
+                          ]),
+                          _: 2
+                        }, 1032, ["class"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode($setup["MenuItem"], { as: "li" }, {
+                      default: withCtx(({ active }) => [
+                        createVNode($setup["AccountLink"], {
+                          to: "favorites",
+                          class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                        }, {
+                          default: withCtx(() => [
+                            createVNode("i", { class: "i-heart mr-1" }),
+                            createTextVNode(" " + toDisplayString("Meus favoritos"))
+                          ]),
+                          _: 2
+                        }, 1032, ["class"])
+                      ]),
+                      _: 1
+                    }),
+                    (openBlock(true), createBlock(Fragment$1, null, renderList(_ctx.$settings.service_links, ({ title, href }, i) => {
+                      return openBlock(), createBlock($setup["MenuItem"], {
+                        as: "li",
+                        key: `s-${i}`
+                      }, {
+                        default: withCtx(({ active }) => [
+                          createVNode(_component_ALink, {
+                            href,
+                            class: ["block p-2", active ? "bg-base-100 text-primary" : null]
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(title), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["href", "class"])
+                        ]),
+                        _: 2
+                      }, 1024);
+                    }), 128)),
+                    createVNode($setup["MenuItem"], { as: "li" }, {
+                      default: withCtx(() => [
+                        createVNode("div", { class: "flex justify-center gap-2 p-2 text-base-500 text-base" }, [
+                          (openBlock(true), createBlock(Fragment$1, null, renderList($setup.socialNetworks, (href, network) => {
+                            return openBlock(), createBlock("span", { key: network }, [
+                              createVNode($setup["SocialNetworkLink"], {
+                                network,
+                                class: "p-1 hover:text-primary"
+                              }, null, 8, ["network"])
+                            ]);
+                          }), 128))
+                        ])
+                      ]),
+                      _: 1
+                    }),
+                    $setup.isLogged ? (openBlock(), createBlock($setup["MenuItem"], {
+                      key: 0,
+                      as: "li"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode("button", {
+                          onClick: $setup.logout,
+                          class: "p-2 text-right text-base-800"
+                        }, [
+                          createVNode("span", { class: "text-base-600" }, toDisplayString("Sair")),
+                          createVNode("i", { class: "i-arrow-right-on-rectangle text-lg ml-1" })
+                        ], 8, ["onClick"])
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ];
+      }
+    }),
+    _: 3
+  }, _parent));
+}
+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/AccountMenu.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["ssrRender", _sfc_ssrRender$1]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ShopHeader",
+  props: {
+    categories: {},
+    menuCategorySlugs: {},
+    menuRandomCategories: {},
+    isAlphabeticalSortSubmenu: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const SearchModal = defineAsyncComponent(() => import('../SearchModal.a680efae.mjs'));
+    const CartSidebar = defineAsyncComponent(() => import('../CartSidebar.cca9fdd3.mjs'));
+    const header = ref(null);
+    const {
+      isSticky,
+      positionY,
+      categoryTrees,
+      inlineMenuTrees
+    } = useShopHeader({ ...props, header });
+    const isSidenavOpen = ref(false);
+    const isSearchOpen = ref(false);
+    const isSearchOpenOnce = ref(false);
+    watchOnce(isSearchOpen, () => {
+      isSearchOpenOnce.value = true;
+    });
+    const isCartOpen = ref(false);
+    const isCartOpenOnce = ref(false);
+    watchOnce(isCartOpen, () => {
+      isCartOpenOnce.value = true;
+    });
+    const isMounted = ref(false);
+    const delayedTotalItems = ref(0);
+    onMounted(() => {
+      isMounted.value = true;
+      watch(totalItems, (newTotalItems, prevTotalItems) => {
+        if (typeof prevTotalItems === "number") {
+          if (prevTotalItems < newTotalItems) {
+            isCartOpen.value = true;
+          } else if (prevTotalItems && !newTotalItems) {
+            isCartOpen.value = false;
+          }
+        }
+        delayedTotalItems.value = newTotalItems;
+      }, { immediate: true });
+    });
+    const __returned__ = { SearchModal, CartSidebar, props, header, isSticky, positionY, categoryTrees, inlineMenuTrees, isSidenavOpen, isSearchOpen, isSearchOpenOnce, isCartOpen, isCartOpenOnce, isMounted, delayedTotalItems, Drawer, ShopSidenav, ShopHeaderMenu, AccountMenu };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  const _component_Skeleton = resolveComponent("Skeleton");
+  _push(`<header${ssrRenderAttrs(mergeProps({
+    ref: "header",
+    class: ["relative top-0 z-50 transition-colors", [
+      $setup.isSticky && !$setup.isSidenavOpen ? "bg-white/80" : "bg-white",
+      $setup.isSticky ? "backdrop-blur-md shadow py-2 md:py-3" : "py-3 sm:py-4 md:py-5"
+    ]]
+  }, _attrs))}><div class="w-screen lg:w-[calc(100vw-1rem)] xl:max-w-[82rem] 2xl:max-w-[85rem] mx-auto px-1 sm:pl-2 sm:pr-2.5 lg:px-1 flex md:grid grid-flow-col grid-cols-3 lg:grid-cols-none lg:auto-cols-max justify-between items-center"><div class="basis-1/4 lg:hidden"><button class="px-2 my-1"${ssrRenderAttr("aria-label", "Abrir/fechar menu")}><i class="${ssrRenderClass([$setup.isSidenavOpen ? "i-close" : "i-bars-3-bottom-left", "text-base-500 text-3xl"])}"></i></button></div>`);
+  ssrRenderSlot(_ctx.$slots, "logo", {}, null, _push, _parent);
+  _push(ssrRenderComponent($setup["ShopHeaderMenu"], mergeProps({ class: "hidden lg:block" }, { inlineMenuTrees: $setup.inlineMenuTrees }), null, _parent));
+  _push(`<div class="basis-1/4 px-2 flex justify-end items-center gap-3 lg:gap-4 text-base-800"><button${ssrRenderAttr("aria-label", "Buscar produtos")}><i class="i-magnifying-glass w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"></i></button>`);
+  _push(ssrRenderComponent($setup["AccountMenu"], { class: "hidden sm:block" }, {
+    button: withCtx(({ open }, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<i class="${ssrRenderClass([open ? "text-black scale-110" : null, "i-user-circle w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
+      } else {
+        return [
+          createVNode("i", {
+            class: ["i-user-circle w-7 h-7 hover:text-primary hover:scale-110 active:scale-125", open ? "text-black scale-110" : null]
+          }, null, 2)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`<button${ssrRenderAttr("aria-label", "Abrir carrinho")} class="relative group"><i class="i-shopping-bag w-7 h-7 group-hover:text-primary group-hover:scale-110 group-active:scale-125"></i>`);
+  if ($setup.delayedTotalItems) {
+    _push(`<span class="ui-badge-pill-sm absolute -top-1 -right-1.5">${ssrInterpolate($setup.delayedTotalItems)}</span>`);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`</button></div></div>`);
+  _push(ssrRenderComponent($setup["Drawer"], {
+    modelValue: $setup.isSidenavOpen,
+    "onUpdate:modelValue": ($event) => $setup.isSidenavOpen = $event,
+    "has-close-button": false,
+    position: "absolute",
+    class: $setup.isSticky ? "mt-2 md:mt-3" : "mt-3 sm:mt-4 md:mt-5",
+    style: { height: `calc(100vh - ${$setup.positionY}px + .5rem)` }
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(ssrRenderComponent($setup["ShopSidenav"], mergeProps({ class: "bg-white pt-6" }, { categoryTrees: $setup.categoryTrees }), null, _parent2, _scopeId));
+      } else {
+        return [
+          createVNode($setup["ShopSidenav"], mergeProps({ class: "bg-white pt-6" }, { categoryTrees: $setup.categoryTrees }), null, 16)
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(ssrRenderComponent($setup["Drawer"], {
+    modelValue: $setup.isSearchOpen,
+    "onUpdate:modelValue": ($event) => $setup.isSearchOpen = $event,
+    "has-close-button": false,
+    placement: "top"
+  }, {
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        ssrRenderSuspense(_push2, {
+          fallback: () => {
+            _push2(`<div class="container mx-auto"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_Skeleton, {
+              class: "p-6",
+              "is-large": ""
+            }, null, _parent2, _scopeId));
+            _push2(`</div>`);
+          },
+          default: () => {
+            if ($setup.isSearchOpenOnce) {
+              _push2(ssrRenderComponent($setup["SearchModal"], null, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+          },
+          _: 1
+        });
+      } else {
+        return [
+          (openBlock(), createBlock(Suspense, null, {
+            fallback: withCtx(() => [
+              createVNode("div", { class: "container mx-auto" }, [
+                createVNode(_component_Skeleton, {
+                  class: "p-6",
+                  "is-large": ""
+                })
+              ])
+            ]),
+            default: withCtx(() => [
+              $setup.isSearchOpenOnce ? (openBlock(), createBlock($setup["SearchModal"], { key: 0 })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }))
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  if ($setup.isMounted) {
+    ssrRenderTeleport(_push, (_push2) => {
+      _push2(ssrRenderComponent($setup["Drawer"], {
+        modelValue: $setup.isCartOpen,
+        "onUpdate:modelValue": ($event) => $setup.isCartOpen = $event,
+        placement: "end",
+        "backdrop-target": "#teleported-overlap"
+      }, {
+        default: withCtx((_, _push3, _parent2, _scopeId) => {
+          if (_push3) {
+            ssrRenderSuspense(_push3, {
+              fallback: () => {
+                _push3(ssrRenderComponent(_component_Skeleton, {
+                  class: "pt-16 px-6",
+                  "is-bold": ""
+                }, null, _parent2, _scopeId));
+              },
+              default: () => {
+                if ($setup.isCartOpenOnce) {
+                  _push3(ssrRenderComponent($setup["CartSidebar"], {
+                    onClose: ($event) => $setup.isCartOpen = false
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push3(`<!---->`);
+                }
+              },
+              _: 1
+            });
+          } else {
+            return [
+              (openBlock(), createBlock(Suspense, null, {
+                fallback: withCtx(() => [
+                  createVNode(_component_Skeleton, {
+                    class: "pt-16 px-6",
+                    "is-bold": ""
+                  })
+                ]),
+                default: withCtx(() => [
+                  $setup.isCartOpenOnce ? (openBlock(), createBlock($setup["CartSidebar"], {
+                    key: 0,
+                    onClose: ($event) => $setup.isCartOpen = false
+                  }, null, 8, ["onClose"])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              }))
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    }, "#teleported-overlap", false, _parent);
+  } else {
+    _push(`<!---->`);
+  }
+  _push(`</header>`);
+}
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeader.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const ShopHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
+
+var __freeze = Object.freeze;
+var __defProp = Object.defineProperty;
+var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
+var _a;
+const $$Astro$2 = createAstro("https://ecom2-demo.web.app");
+const $$PageHeader = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$2, $$props, $$slots);
+  Astro2.self = $$PageHeader;
+  const { routeContext } = Astro2.locals;
+  const { settings, isHomepage } = routeContext;
+  const LogoHeading = isHomepage ? "h1" : "h2";
+  const {
+    pitchBar,
+    shopHeader: { categories, ...shopHeader }
+  } = await usePageHeader({ routeContext });
+  const { inlineClientJS } = await useSharedData({
+    field: "categories",
+    value: categories?.map(({ _id, ...c }) => c)
+  });
+  return renderTemplate`${renderSlot($$result, $$slots["pitch-bar"], renderTemplate(_a || (_a = __template(["\n  ", "\n  ", "\n\n<script>", "<\/script>\n", ""])), pitchBar.slides.length > 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar, "client:idle": true, "client:component-hydration": "idle", "client:component-path": "~/components/PitchBar.vue", "client:component-export": "default" })}`, pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result, "PitchBar", PitchBar, { ...pitchBar })}`, unescapeHTML(inlineClientJS), renderComponent($$result, "ShopHeader", ShopHeader, { ...shopHeader, "client:load": true, "client:component-hydration": "load", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result2) => renderTemplate`${renderComponent($$result2, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result3) => renderTemplate`
+    ${maybeRenderHead()}<a href="/">
+      ${renderComponent($$result3, "LogoHeading", LogoHeading, {}, { "default": ($$result4) => renderTemplate`
+        ${renderComponent($$result4, "Picture", $$Picture, { "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "hover:drop-shadow-sm max-w-[150px] mx-auto" })}
+      ` })}
+    </a>
+  ` })}` })))}`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/layouts/PageHeader.astro", void 0);
+
+const $$Astro$1 = createAstro("https://ecom2-demo.web.app");
+const $$Wildcard = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
+  Astro2.self = $$Wildcard;
+  const { fetchingApiContext, apiContext } = Astro2.locals.routeContext;
+  await fetchingApiContext;
+  const apiDoc = apiContext.doc;
+  return renderTemplate`${maybeRenderHead()}<main>
+  ${apiDoc && renderTemplate`<h1>Hello <span class="text-gradient">${apiDoc.name}</span></h1><hr><div class="mt-3">
+      <mark>${apiDoc._id}</mark> from <i>${apiContext.resource}</i>
+      <p>${Math.random()}</p>
+      <em>Lorem ipsum dolor sit amet</em>
+    </div>`}
+</main>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/main/Wildcard.astro", void 0);
+
+const $$Astro = createAstro("https://ecom2-demo.web.app");
+async function getStaticPaths() {
+  return (await api.get("products?sort=-sales&limit=4&fields=slug")).data.result.map(({ slug }) => ({ params: { slug } }));
+}
+const $$ = createComponent(async ($$result, $$props, $$slots) => {
+  const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
+  Astro2.self = $$;
+  if (String(Astro2.params.slug).endsWith(".css.map")) {
+    return new Response(null, { status: 404 });
+  }
+  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, "WildcardMain", $$Wildcard, {})}
+  ` })}`}
+${loadError && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(loadError.responseHTML)}` })}`}
+</html>`;
+}, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro", void 0);
+
+const $$file = "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro";
+const $$url = "/[...slug]";
+
+const ____slug_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: $$,
+  file: $$file,
+  getStaticPaths,
+  url: $$url
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { $$Picture as $, Carousel as C, SocialNetworkLink as S, _export_sfc as _, CarouselControl as a, availableExtraDiscount as b, installmentsOption as c, discountOption as d, addProductToCart as e, filterMainCategories as f, loadRouteContext as g, $$BaseHead as h, imageConfig as i, $$PageHeader as j, $$Base as k, loyaltyPointsPrograms as l, baseService as m, parseQuality as n, parseProduct as o, parseShippingPhrase as p, useId as q, removeCartItem as r, socialNetworks as s, freeShippingFromValue as t, useSharedData as u, shoppingCart as v, totalItems as w, ____slug_ as x };