cloudcommerce 0.6.6 → 0.6.8

package/packages/storefront/dist/server/chunks/pages/{all.226fa45f.mjs → all.726ca7f4.mjs}

@@ -9,9 +9,9 @@ import 'node:os';
 import sizeOf from 'image-size';
 import 'magic-string';
 import 'node:stream';
-import { c as createAstro, a as createComponent, r as renderTemplate, b as addAttribute, u as unescapeHTML, m as maybeRenderHead, d as renderSlot, e as renderComponent, f as renderHead, F as Fragment, s as spreadAttributes } from '../astro.a9f695c0.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, b as addAttribute, d as renderComponent, u as unescapeHTML, F as Fragment, m as maybeRenderHead, e as renderSlot, f as renderHead, s as spreadAttributes } from '../astro.2e59789d.mjs';
 import api from '@cloudcommerce/api';
-import { reactive, computed, defineComponent, inject, useSSRContext, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, resolveComponent, withModifiers, Teleport, toDisplayString, createTextVNode } from 'vue';
+import { reactive, computed, defineComponent, inject, useSSRContext, mergeProps, ref, watch, toRef, onMounted, onBeforeUnmount, provide, createVNode, resolveDynamicComponent, withCtx, renderSlot as renderSlot$1, withDirectives, vShow, openBlock, createBlock, createCommentVNode, Fragment as Fragment$1, renderList, resolveComponent, withModifiers, Teleport, createTextVNode, toDisplayString, setBlockTracking } from 'vue';
 import { img, price, formatMoney, nickname, onPromotion } from '@ecomplus/utils';
 import { ssrRenderAttrs, ssrRenderSlot, ssrRenderClass, ssrRenderVNode, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrIncludeBooleanAttr, ssrRenderAttr, ssrRenderTeleport, ssrInterpolate } from 'vue/server-renderer';
 /* empty css                           */import { EventEmitter } from 'node:events';
@@ -19,7 +19,7 @@ import fs, { readFileSync } from 'node:fs';
 import config from '@cloudcommerce/config';
 import { resolve as resolve$1 } from 'path';
 /* empty css                               */import { useScroll, useElementHover, useDebounceFn, useTimeout, promiseTimeout } from '@vueuse/core';
-import { Popover, PopoverButton, PopoverPanel } from '@headlessui/vue';
+import { Popover, PopoverButton, PopoverPanel, Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue';
 
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -311,7 +311,7 @@ const getCMS = () => {
 };
 
 const _getConfig = () => {
-  const { VITE_ECOM_STORE_ID } = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SITE":"\"https://ecom2-002.web.app\"","SSR":true},{ECOM_STORE_ID:process.env.ECOM_STORE_ID,})) || process.env;
+  const { VITE_ECOM_STORE_ID } = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"\"https://ecom2-002.web.app\""},{ECOM_STORE_ID:process.env.ECOM_STORE_ID,})) || process.env;
   if (VITE_ECOM_STORE_ID) {
     config.set({ storeId: Number(VITE_ECOM_STORE_ID) });
   }
@@ -470,7 +470,7 @@ const loadPageContext = async (Astro, {
   return pageContext;
 };
 
-const pwaInfo = undefined;
+const pwaInfo = {"pwaInDevEnvironment":false,"webManifest":{"href":"/manifest.webmanifest","useCredentials":false,"linkTag":"<link rel=\"manifest\" href=\"/manifest.webmanifest\">"}};
 
 function isRemoteImage(src) {
   return /^(https?:)?\/\//.test(src);
@@ -569,7 +569,7 @@ async function getImage$1(transform) {
   }
   const resolved = await resolveTransform(transform);
   const attributes = await loader.getImageAttributes(resolved);
-  const isDev = (_b = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SITE":"\"https://ecom2-002.web.app\"","SSR":true},{SSR:true,}))) == null ? void 0 : _b.DEV;
+  const isDev = (_b = (Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"\"https://ecom2-002.web.app\""},{SSR:true,}))) == null ? void 0 : _b.DEV;
   const isLocalImage = !isRemoteImage(resolved.src);
   const _loader = isDev && isLocalImage ? globalThis.astroImage.defaultLoader : loader;
   if (!_loader) {
@@ -661,7 +661,7 @@ async function getPicture(params) {
 const tryImageSize = (src) => {
   let dimensions = {};
   if (typeof src === "string" && src.startsWith("/")) {
-    const { STOREFRONT_BASE_DIR } = Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SITE":"\"https://ecom2-002.web.app\"","SSR":true}, { STOREFRONT_BASE_DIR: process.env.STOREFRONT_BASE_DIR });
+    const { STOREFRONT_BASE_DIR } = Object.assign({"BASE_URL":"/","MODE":"production","DEV":false,"PROD":true,"SSR":true,"SITE":"\"https://ecom2-002.web.app\""}, { STOREFRONT_BASE_DIR: process.env.STOREFRONT_BASE_DIR });
     try {
       dimensions = sizeOf(resolve$1(STOREFRONT_BASE_DIR, `public${src}`));
     } catch (e) {
@@ -772,8 +772,8 @@ ${cmsMetatags?.fb_app_id && renderTemplate`<meta property="fb:app_id"${addAttrib
 ${cmsMetatags?.twitter_username && renderTemplate`<meta name="twitter:site"${addAttribute(cmsMetatags.twitter_username, "content")}>`}
 <meta name="ecom-store-id"${addAttribute(String(storeId), "content")}>
 
-${pwaInfo }
-${renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`}`;
+${pwaInfo && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(pwaInfo.webManifest.linkTag)}` })}`}
+${!pwaInfo && !false && renderTemplate`<link rel="manifest" href="/manifest.webmanifest">`}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/layouts/BaseHead.astro");
 
 var __freeze$1 = Object.freeze;
@@ -963,8 +963,13 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$a, $$props, $$slots);
   Astro2.self = $$Picture;
   const props = Astro2.props;
-  if (!props.aspectRatio && typeof props.src === "string") {
-    props.aspectRatio = getAspectRatio(props.src);
+  if ((!props.width || !props.height) && !props.aspectRatio && typeof props.src === "string") {
+    const { width, height } = tryImageSize(props.src);
+    if (height) {
+      props.aspectRatio = getAspectRatio({ width, height });
+      props.width = width;
+      props.height = height;
+    }
   }
   return renderTemplate`${renderComponent($$result, "Picture", $$Picture$1, { ...props })}`;
 }, "/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/ssr/Picture.astro");
@@ -1062,7 +1067,7 @@ const usePitchBar = (props) => {
 
 const carouselKey = Symbol("carousel");
 
-const _sfc_main$d = defineComponent({
+const _sfc_main$f = defineComponent({
   __name: "CarouselControl",
   props: {
     direction: { default: 1 }
@@ -1075,7 +1080,7 @@ const _sfc_main$d = defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$f(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<button${ssrRenderAttrs(mergeProps({
     type: "button",
     "aria-label": $props.direction > 0 ? "Pr\xF3ximo" : "Anterior",
@@ -1087,15 +1092,15 @@ function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</button>`);
 }
-const _sfc_setup$d = _sfc_main$d.setup;
-_sfc_main$d.setup = (props, ctx) => {
+const _sfc_setup$f = _sfc_main$f.setup;
+_sfc_main$f.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/CarouselControl.vue");
-  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
+  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
 };
-const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
+const CarouselControl = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["ssrRender", _sfc_ssrRender$f]]);
 
-const _sfc_main$c = defineComponent({
+const _sfc_main$e = defineComponent({
   __name: "Carousel",
   props: {
     as: { default: "ul" },
@@ -1235,7 +1240,7 @@ const _sfc_main$c = defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$e(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(mergeProps({
     ref: "carousel",
     class: "relative",
@@ -1291,15 +1296,15 @@ function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _push, _parent);
   _push(`</div>`);
 }
-const _sfc_setup$c = _sfc_main$c.setup;
-_sfc_main$c.setup = (props, ctx) => {
+const _sfc_setup$e = _sfc_main$e.setup;
+_sfc_main$e.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Carousel.vue");
-  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
+  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
 };
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["ssrRender", _sfc_ssrRender$e]]);
 
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "PitchBar",
   props: {
     slides: null
@@ -1316,7 +1321,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<div${ssrRenderAttrs(mergeProps({ class: "bg-base-100 relative z-1" }, _attrs))}><div class="container md:w-2/3 mx-auto px-3 py-1">`);
   _push(ssrRenderComponent($setup["Carousel"], {
     autoplay: $setup.countValidSlides > 1 ? 7e3 : null
@@ -1406,13 +1411,13 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }, _parent));
   _push(`</div></div>`);
 }
-const _sfc_setup$b = _sfc_main$b.setup;
-_sfc_main$b.setup = (props, ctx) => {
+const _sfc_setup$d = _sfc_main$d.setup;
+_sfc_main$d.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/PitchBar.vue");
-  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
 };
-const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
+const PitchBar = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["ssrRender", _sfc_ssrRender$d]]);
 
 const useStickyHeader = (props) => {
   const {
@@ -1548,7 +1553,7 @@ const useShopHeader = ({
   };
 };
 
-const _sfc_main$a = defineComponent({
+const _sfc_main$c = defineComponent({
   __name: "Drawer",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -1614,7 +1619,7 @@ const _sfc_main$a = defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   _push(ssrRenderComponent(_component_Fade, mergeProps({
     slide: $setup.slideTo,
@@ -1718,13 +1723,13 @@ function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$a = _sfc_main$a.setup;
-_sfc_main$a.setup = (props, ctx) => {
+const _sfc_setup$c = _sfc_main$c.setup;
+_sfc_main$c.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/Drawer.vue");
-  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
+  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
 };
-const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
+const Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["ssrRender", _sfc_ssrRender$c]]);
 
 const useStorage = (key, initialValue, storage = globalThis.localStorage) => {
   if (!storage) {
@@ -1804,6 +1809,54 @@ networkNames.forEach((network) => {
   }
 });
 
+const _sfc_main$b = defineComponent({
+  __name: "AccountLink",
+  props: {
+    to: null,
+    accountUrl: { default: globalThis.storefront.settings.account_url || "/app/account" },
+    returnUrl: { default: globalThis.location?.href },
+    isSignUp: { type: Boolean }
+  },
+  setup(__props, { 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$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+  _push(`<a${ssrRenderAttrs(mergeProps({ href: $setup.href }, _attrs))}>`);
+  ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+  _push(`</a>`);
+}
+const _sfc_setup$b = _sfc_main$b.setup;
+_sfc_main$b.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/AccountLink.vue");
+  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
+};
+const AccountLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["ssrRender", _sfc_ssrRender$b]]);
+
 let userAgent;
 {
   userAgent = "";
@@ -1812,7 +1865,7 @@ 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 _sfc_main$9 = defineComponent({
+const _sfc_main$a = defineComponent({
   __name: "SocialNetworkIcon",
   props: {
     as: { default: "i" },
@@ -1846,18 +1899,18 @@ const _sfc_main$9 = defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   ssrRenderVNode(_push, createVNode(resolveDynamicComponent($props.as), mergeProps({ class: $setup.iconClassName }, _attrs), null), _parent);
 }
-const _sfc_setup$9 = _sfc_main$9.setup;
-_sfc_main$9.setup = (props, ctx) => {
+const _sfc_setup$a = _sfc_main$a.setup;
+_sfc_main$a.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/lib/components/SocialNetworkIcon.vue");
-  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
+  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
 };
-const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
+const SocialNetworkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["ssrRender", _sfc_ssrRender$a]]);
 
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "SocialNetworkLink",
   props: {
     network: null,
@@ -1883,7 +1936,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
   _push(ssrRenderComponent(_component_ALink, mergeProps({ href: $setup.fixedHref }, _attrs), {
     default: withCtx((_, _push2, _parent2, _scopeId) => {
@@ -1904,15 +1957,15 @@ function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$8 = _sfc_main$8.setup;
-_sfc_main$8.setup = (props, ctx) => {
+const _sfc_setup$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/SocialNetworkLink.vue");
-  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
+  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
 };
-const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
+const SocialNetworkLink = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["ssrRender", _sfc_ssrRender$9]]);
 
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenavCategory",
   props: {
     categoryTree: null
@@ -1935,7 +1988,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_AImg = resolveComponent("AImg");
   const _component_ShopSidenavCategory = resolveComponent("ShopSidenavCategory", true);
   _push(`<li${ssrRenderAttrs(mergeProps({ class: "text-lg text-base-800" }, _attrs))}>`);
@@ -1971,15 +2024,15 @@ function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   }
   _push(`</li>`);
 }
-const _sfc_setup$7 = _sfc_main$7.setup;
-_sfc_main$7.setup = (props, ctx) => {
+const _sfc_setup$8 = _sfc_main$8.setup;
+_sfc_main$8.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenavCategory.vue");
-  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
+  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
 };
-const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
+const ShopSidenavCategory = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["ssrRender", _sfc_ssrRender$8]]);
 
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ShopSidenav",
   props: {
     categoryTrees: null
@@ -1995,12 +2048,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return logout;
     }, get socialNetworks() {
       return socialNetworks;
-    }, SocialNetworkLink, ShopSidenavCategory };
+    }, AccountLink, SocialNetworkLink, ShopSidenavCategory };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$7(_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) => {
     _push(ssrRenderComponent($setup["ShopSidenavCategory"], {
@@ -2008,7 +2061,23 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       "category-tree": categoryTree
     }, null, _parent));
   });
-  _push(`<!--]--></ul></nav><footer class="text-base"><div class="flex items-center px-2 py-4 bg-base-100"><a href="/app/account" class="p-2 grow flex items-center gap-3"><i class="i-account text-4xl text-base-500 m-0"></i><span class="leading-tight">${ssrInterpolate(`${"Ol\xE1"} ${$setup.customerName || "Visitante"}`)} <small class="block lowercase font-semibold text-primary">${ssrInterpolate("Meus pedidos")}, ${ssrInterpolate("Minha conta")}</small></span></a>`);
+  _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-account 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-account 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-logout text-lg ml-1"></i></button>`);
   } else {
@@ -2025,13 +2094,13 @@ function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   });
   _push(`<!--]--></ul></footer></aside>`);
 }
-const _sfc_setup$6 = _sfc_main$6.setup;
-_sfc_main$6.setup = (props, ctx) => {
+const _sfc_setup$7 = _sfc_main$7.setup;
+_sfc_main$7.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopSidenav.vue");
-  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
+  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
 };
-const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
+const ShopSidenav = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["ssrRender", _sfc_ssrRender$7]]);
 
 const useShopHeaderSubmenu = (props) => {
   const categoryPicture = computed(() => props.categoryTree.pictures?.[0]);
@@ -2071,7 +2140,7 @@ const useShopHeaderSubmenu = (props) => {
   };
 };
 
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderSubmenu",
   props: {
     categoryTree: null
@@ -2096,7 +2165,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_Fade = resolveComponent("Fade");
   const _component_AImg = resolveComponent("AImg");
   _push(ssrRenderComponent($setup["Popover"], _attrs, {
@@ -2119,7 +2188,7 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
           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-md shadow bg-white 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"]
+                class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded-md 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) {
@@ -2224,7 +2293,7 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             } else {
               return [
                 createVNode($setup["PopoverPanel"], {
-                  class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded-md shadow bg-white 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"]
+                  class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded-md 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" }, [
@@ -2309,7 +2378,7 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
             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-md shadow bg-white 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"]
+                  class: ["absolute z-20 top-3 left-1/2 -translate-x-1/2 !transform px-6 py-4 rounded-md 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" }, [
@@ -2386,15 +2455,15 @@ function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     _: 3
   }, _parent));
 }
-const _sfc_setup$5 = _sfc_main$5.setup;
-_sfc_main$5.setup = (props, ctx) => {
+const _sfc_setup$6 = _sfc_main$6.setup;
+_sfc_main$6.setup = (props, ctx) => {
   const ssrContext = useSSRContext();
   (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("src/components/ShopHeaderSubmenu.vue");
-  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
+  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
 };
-const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
+const ShopHeaderSubmenu = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["ssrRender", _sfc_ssrRender$6]]);
 
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ShopHeaderMenu",
   props: {
     inlineMenuTrees: null
@@ -2410,7 +2479,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return __returned__;
   }
 });
-function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
+function _sfc_ssrRender$5(_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>`);
@@ -2448,32 +2517,644 @@ function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         _: 2
       }, _parent));
     } else {
-      _push(`<a${ssrRenderAttr("href", `/${categoryTree.slug}`)} class="hover:text-primary hover:underline decoration-2"><h3 class="inline">${ssrInterpolate(categoryTree.name)}</h3></a>`);
+      _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$4 = _sfc_main$4.setup;
-_sfc_main$4.setup = (props, ctx) => {
+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/ShopHeaderMenu.vue");
-  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
+  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
 };
-const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["ssrRender", _sfc_ssrRender$4]]);
+const ShopHeaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["ssrRender", _sfc_ssrRender$5]]);
 
-const _sfc_main$3 = {};
+const _sfc_main$4 = {};
 
-function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs) {
+function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs) {
   _push(`<div${ssrRenderAttrs(mergeProps({ class: "w-full h-40 bg-base-300" }, _attrs))}></div>`);
 }
-const _sfc_setup$3 = _sfc_main$3.setup;
-_sfc_main$3.setup = (props, ctx) => {
+const _sfc_setup$4 = _sfc_main$4.setup;
+_sfc_main$4.setup = (props, ctx) => {
   const ssrContext = useSSRContext()
   ;(ssrContext.modules || (ssrContext.modules = new Set())).add("src/components/SearchModal.vue");
-  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : undefined
+  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : undefined
 };
-const SearchModal = /*#__PURE__*/_export_sfc(_sfc_main$3, [['ssrRender',_sfc_ssrRender$3]]);
+const SearchModal = /*#__PURE__*/_export_sfc(_sfc_main$4, [['ssrRender',_sfc_ssrRender$4]]);
+
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "AccountMenu",
+  props: {
+    serviceLinks: null
+  },
+  setup(__props, { 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$3(_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" }, {
+          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-md shadow ring-1 ring-black ring-opacity-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"], { class: "block py-1.5 rounded primary hover:primary-bold 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"], {
+                        class: "block font-medium text-primary hover:text-primary-bold",
+                        "is-sign-up": ""
+                      }, {
+                        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-favorites mr-1"${_scopeId5}></i> ${ssrInterpolate("Meus favoritos")}`);
+                              } else {
+                                return [
+                                  createVNode("i", { class: "i-favorites 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-favorites mr-1" }),
+                                createTextVNode(" " + toDisplayString("Meus favoritos"))
+                              ]),
+                              _: 2
+                            }, 1032, ["class"])
+                          ];
+                        }
+                      }),
+                      _: 2
+                    }, _parent4, _scopeId3));
+                    _push4(`<!--[-->`);
+                    ssrRenderList($props.serviceLinks, ({ 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-logout 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-logout 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"], { class: "block py-1.5 rounded primary hover:primary-bold my-1" }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString("Acessar minha conta"))
+                          ]),
+                          _: 1
+                        }),
+                        !$setup.isLogged ? (openBlock(), createBlock($setup["AccountLink"], {
+                          key: 0,
+                          class: "block font-medium text-primary hover:text-primary-bold",
+                          "is-sign-up": ""
+                        }, {
+                          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-favorites mr-1" }),
+                                createTextVNode(" " + toDisplayString("Meus favoritos"))
+                              ]),
+                              _: 2
+                            }, 1032, ["class"])
+                          ]),
+                          _: 1
+                        }),
+                        (openBlock(true), createBlock(Fragment$1, null, renderList($props.serviceLinks, ({ 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-logout 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-md shadow ring-1 ring-black ring-opacity-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"], { class: "block py-1.5 rounded primary hover:primary-bold my-1" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString("Acessar minha conta"))
+                        ]),
+                        _: 1
+                      }),
+                      !$setup.isLogged ? (openBlock(), createBlock($setup["AccountLink"], {
+                        key: 0,
+                        class: "block font-medium text-primary hover:text-primary-bold",
+                        "is-sign-up": ""
+                      }, {
+                        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-favorites mr-1" }),
+                              createTextVNode(" " + toDisplayString("Meus favoritos"))
+                            ]),
+                            _: 2
+                          }, 1032, ["class"])
+                        ]),
+                        _: 1
+                      }),
+                      (openBlock(true), createBlock(Fragment$1, null, renderList($props.serviceLinks, ({ 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-logout text-lg ml-1" })
+                          ], 8, ["onClick"])
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ];
+            }
+          }),
+          _: 2
+        }, _parent2, _scopeId));
+      } else {
+        return [
+          open ? (openBlock(), createBlock("div", { key: 0 }, [
+            _cache[0] || (setBlockTracking(-1), _cache[0] = createVNode("span", null, [
+              createTextVNode(toDisplayString($setup.initializeFirebaseAuth()), 1)
+            ]), setBlockTracking(1), _cache[0])
+          ])) : createCommentVNode("", true),
+          createVNode($setup["MenuButton"], { class: "outline-none" }, {
+            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-md shadow ring-1 ring-black ring-opacity-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"], { class: "block py-1.5 rounded primary hover:primary-bold my-1" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString("Acessar minha conta"))
+                      ]),
+                      _: 1
+                    }),
+                    !$setup.isLogged ? (openBlock(), createBlock($setup["AccountLink"], {
+                      key: 0,
+                      class: "block font-medium text-primary hover:text-primary-bold",
+                      "is-sign-up": ""
+                    }, {
+                      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-favorites mr-1" }),
+                            createTextVNode(" " + toDisplayString("Meus favoritos"))
+                          ]),
+                          _: 2
+                        }, 1032, ["class"])
+                      ]),
+                      _: 1
+                    }),
+                    (openBlock(true), createBlock(Fragment$1, null, renderList($props.serviceLinks, ({ 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-logout text-lg ml-1" })
+                        ], 8, ["onClick"])
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 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/AccountMenu.vue");
+  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
+};
+const AccountMenu = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["ssrRender", _sfc_ssrRender$3]]);
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ShopHeader",
@@ -2481,7 +3162,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     categories: null,
     menuCategorySlugs: null,
     menuRandomCategories: null,
-    isAlphabeticalSortSubmenu: { type: Boolean }
+    isAlphabeticalSortSubmenu: { type: Boolean },
+    serviceLinks: null
   },
   setup(__props, { expose }) {
     expose();
@@ -2495,7 +3177,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     } = useShopHeader({ ...props, header });
     const isSidenavOpen = ref(false);
     const isSearchOpen = ref(false);
-    const __returned__ = { props, header, isSticky, positionY, categoryTrees, inlineMenuTrees, isSidenavOpen, isSearchOpen, Drawer, ShopSidenav, ShopHeaderMenu, SearchModal };
+    const __returned__ = { props, header, isSticky, positionY, categoryTrees, inlineMenuTrees, isSidenavOpen, isSearchOpen, Drawer, ShopSidenav, ShopHeaderMenu, SearchModal, AccountMenu };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
@@ -2503,14 +3185,33 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<header${ssrRenderAttrs(mergeProps({
     ref: "header",
-    class: ["top-0 z-50 transition-colors", [
+    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="container lg:max-w-7xl mx-auto px-1 lg:pl-3 grid grid-flow-col grid-cols-3 justify-between items-center lg:grid-cols-none lg:auto-cols-max"><div class="lg:hidden"><button class="px-2 my-1"${ssrRenderAttr("aria-label", "Abrir/fechar menu")}><i class="${ssrRenderClass([$setup.isSidenavOpen ? "i-close" : "i-menu", "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="px-2 flex justify-end items-center gap-3 lg:gap-4 text-base-800"><button${ssrRenderAttr("aria-label", "Buscar produtos")}><i class="i-search w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"></i></button><button class="hidden sm:block"${ssrRenderAttr("aria-label", "Minha conta")}><i class="i-account w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"></i></button><button${ssrRenderAttr("aria-label", "Abrir carrinho")}><i class="i-shopping-cart w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"></i></button></div></div>`);
+  _push(`<div class="px-2 flex justify-end items-center gap-3 lg:gap-4 text-base-800"><button${ssrRenderAttr("aria-label", "Buscar produtos")}><i class="i-search w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"></i></button>`);
+  _push(ssrRenderComponent($setup["AccountMenu"], {
+    class: "hidden sm:block",
+    "aria-label": "Minha conta",
+    "service-links": $props.serviceLinks
+  }, {
+    button: withCtx(({ open }, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<i class="${ssrRenderClass([open ? "text-black scale-110" : null, "i-account w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"])}"${_scopeId}></i>`);
+      } else {
+        return [
+          createVNode("i", {
+            class: ["i-account 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")}><i class="i-shopping-cart w-7 h-7 hover:text-primary hover:scale-110 active:scale-125"></i></button></div></div>`);
   _push(ssrRenderComponent($setup["Drawer"], {
     modelValue: $setup.isSidenavOpen,
     "onUpdate:modelValue": ($event) => $setup.isSidenavOpen = $event,
@@ -2577,7 +3278,8 @@ const $$PagesHeader = createComponent(async ($$result, $$props, $$slots) => {
     categories: apiState.categories,
     menuCategorySlugs: cmsHeader.inline_menu_categories?.featured,
     menuRandomCategories: cmsHeader.inline_menu_categories?.random,
-    isAlphabeticalSortSubmenu: cmsHeader.alphabetical_sort_submenu
+    isAlphabeticalSortSubmenu: cmsHeader.alphabetical_sort_submenu,
+    serviceLinks: cmsHeader.service_links
   };
   const LogoHeading = Astro2.props.logoHeading || (isHomepage ? "h1" : "h2");
   return renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${renderSlot($$result2, $$slots["pitch-bar"], renderTemplate`