@fayz-ai/storefront 0.2.0

package/dist/index.cjs

@@ -0,0 +1,4186 @@
+'use strict';
+
+var runtime = require('@fayz-ai/shop/runtime');
+var mock = require('@fayz-ai/shop/mock');
+var auth = require('@fayz-ai/auth');
+var zustand = require('zustand');
+var middleware = require('zustand/middleware');
+var React18 = require('react');
+var core = require('@fayz-ai/core');
+var LucideIcons = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+var shop = require('@fayz-ai/shop');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React18__default = /*#__PURE__*/_interopDefault(React18);
+var LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
+
+// src/createStorefrontApp.tsx
+var useSessionStore = zustand.create()(
+  middleware.persist(
+    (set) => ({
+      customerId: null,
+      email: null,
+      name: null,
+      setSession: ({ customerId, email, name }) => set({ customerId, email, name: name ?? null }),
+      signOut: () => set({ customerId: null, email: null, name: null })
+    }),
+    { name: "fayz.storefront.session.v1" }
+  )
+);
+
+// src/auth.ts
+var _adapter = null;
+function resolveAuthAdapter(configured) {
+  if (configured && configured !== "mock" && configured !== "supabase") return configured;
+  if (configured === "supabase") {
+    console.warn(
+      '@fayz-ai/shop: auth.adapter="supabase" is legacy. Pass an explicit AuthAdapter or use the Fayz SDK broker path.'
+    );
+  }
+  return auth.createMockAuthAdapter();
+}
+function initCustomerAuth(adapter2) {
+  _adapter = adapter2;
+  adapter2.getSession().then((existing) => {
+    if (!existing) return;
+    const store = useSessionStore.getState();
+    if (store.email !== existing.user.email) {
+      void linkCustomer(existing.user);
+    }
+  }).catch(() => {
+  });
+  adapter2.onAuthStateChange((user) => {
+    if (!user) useSessionStore.getState().signOut();
+  });
+}
+function getCustomerAuthAdapter() {
+  if (!_adapter) _adapter = auth.createMockAuthAdapter();
+  return _adapter;
+}
+async function resolveShopCustomer(email, name) {
+  const provider = runtime.getShopProvider();
+  if (provider.resolveCustomer) return provider.resolveCustomer({ email, name });
+  const matches = await provider.listCustomers({ search: email, limit: 10 });
+  const existing = matches.find((c) => (c.email ?? "").toLowerCase() === email);
+  if (existing) return existing;
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  return provider.createCustomer({
+    firstName: parts[0] ?? email.split("@")[0] ?? "Cliente",
+    lastName: parts.slice(1).join(" "),
+    email
+  });
+}
+async function linkCustomer(user, fullName) {
+  const email = (user.email ?? "").trim().toLowerCase();
+  const name = fullName ?? user.fullName ?? "";
+  const customer = await resolveShopCustomer(email, name);
+  useSessionStore.getState().setSession({
+    customerId: customer.id,
+    email,
+    name: name || `${customer.firstName} ${customer.lastName}`.trim()
+  });
+  return { customerId: customer.id };
+}
+async function establishCustomerSession(email, opts) {
+  const normalized = email.trim().toLowerCase();
+  if (opts?.password) {
+    const adapter2 = getCustomerAuthAdapter();
+    const session = await adapter2.signIn(normalized, opts.password);
+    return linkCustomer(session.user.email ? session.user : { ...session.user, email: normalized }, opts.name);
+  }
+  return linkCustomer({ email: normalized }, opts?.name);
+}
+function signInByEmail(email, name) {
+  return establishCustomerSession(email, { name });
+}
+async function signUpCustomer(email, password, name) {
+  const adapter2 = getCustomerAuthAdapter();
+  const normalized = email.trim().toLowerCase();
+  const session = await adapter2.signUp(normalized, password, name);
+  return linkCustomer(session.user.email ? session.user : { ...session.user, email: normalized }, name);
+}
+async function signOutCustomer() {
+  try {
+    await getCustomerAuthAdapter().signOut();
+  } finally {
+    useSessionStore.getState().signOut();
+  }
+}
+function resolveConfig(config) {
+  const catalogPath = config.home ? "/catalog" : "/";
+  return {
+    ...config,
+    currency: config.currency ?? "BRL",
+    locale: config.locale ?? "pt-BR",
+    shipping: { flatRate: config.shipping?.flatRate ?? 0, freeAbove: config.shipping?.freeAbove },
+    payments: { mode: config.payments?.mode ?? "mock" },
+    features: {
+      // Auto-enable the coupon UI when the store actually ships discount codes
+      // (via config.discounts or a seeded catalog), unless explicitly overridden —
+      // otherwise a store can advertise a coupon with no field to enter it.
+      discounts: config.features?.discounts ?? Boolean(config.discounts?.length || config.catalog?.discounts?.length),
+      accounts: config.features?.accounts ?? true
+    },
+    catalogPath,
+    nav: config.nav ?? (config.home ? [
+      { label: "In\xEDcio", to: "/" },
+      { label: "Loja", to: "/catalog" }
+    ] : [{ label: "Loja", to: "/" }])
+  };
+}
+var StorefrontConfigContext = React18.createContext(null);
+var StorefrontConfigProvider = StorefrontConfigContext.Provider;
+function useStorefrontConfig() {
+  const ctx = React18.useContext(StorefrontConfigContext);
+  if (!ctx) throw new Error("useStorefrontConfig must be used inside createStorefrontApp");
+  return ctx;
+}
+var adapter = core.hashRouterAdapter();
+function navigateTo(to) {
+  adapter.navigate(to);
+}
+function useHashPath() {
+  const [path, setPath] = React18.useState(() => adapter.getCurrentPath() || "/");
+  React18.useEffect(() => {
+    const unsub = adapter.onPathChange((p) => {
+      setPath(p || "/");
+      window.scrollTo(0, 0);
+    });
+    return unsub;
+  }, []);
+  return path;
+}
+function matchPath(pattern, path) {
+  const cleanPath = (path.split("?")[0] ?? "").replace(/\/+$/, "") || "/";
+  const patternParts = pattern.split("/").filter(Boolean);
+  const pathParts = cleanPath.split("/").filter(Boolean);
+  if (patternParts.length !== pathParts.length) return null;
+  const params = {};
+  for (let i = 0; i < patternParts.length; i++) {
+    const pat = patternParts[i];
+    const part = pathParts[i];
+    if (pat.startsWith(":")) params[pat.slice(1)] = decodeURIComponent(part);
+    else if (pat !== part) return null;
+  }
+  return params;
+}
+function Link({ to, children, ...rest }) {
+  return React18__default.default.createElement("a", { href: `#${to}`, ...rest }, children);
+}
+var RADIUS_MAP = {
+  none: { button: "0px", card: "0px", input: "0px" },
+  soft: { button: "6px", card: "10px", input: "6px" },
+  round: { button: "10px", card: "16px", input: "10px" },
+  pill: { button: "999px", card: "20px", input: "999px" }
+};
+var COLOR_VAR_MAP = {
+  background: "--background",
+  foreground: "--foreground",
+  primary: "--primary",
+  primaryForeground: "--primary-foreground",
+  card: "--card",
+  cardForeground: "--card-foreground",
+  muted: "--muted",
+  mutedForeground: "--muted-foreground",
+  border: "--border",
+  headerBackground: "--sf-header-bg",
+  headerForeground: "--sf-header-fg",
+  announcementBackground: "--sf-announcement-bg",
+  announcementForeground: "--sf-announcement-fg"
+};
+function themeToCss(theme) {
+  const lines = [];
+  for (const [key, cssVar] of Object.entries(COLOR_VAR_MAP)) {
+    const value = theme.colors?.[key];
+    if (value) lines.push(`${cssVar}: ${value};`);
+  }
+  if (!theme.colors?.headerBackground && theme.colors?.background) {
+    lines.push(`--sf-header-bg: ${theme.colors.background};`);
+  }
+  if (!theme.colors?.headerForeground && theme.colors?.foreground) {
+    lines.push(`--sf-header-fg: ${theme.colors.foreground};`);
+  }
+  if (theme.font) {
+    const fallback = theme.font.fallback ?? "sans-serif";
+    lines.push(`--font-family: '${theme.font.body}', ${fallback};`);
+    lines.push(`--sf-font-heading: '${theme.font.heading}', ${fallback};`);
+  }
+  const radius = RADIUS_MAP[theme.radius ?? "soft"];
+  lines.push(`--button-radius: ${radius.button};`);
+  lines.push(`--card-radius: ${radius.card};`);
+  lines.push(`--input-radius: ${radius.input};`);
+  lines.push(`--sf-radius-button: ${radius.button};`);
+  lines.push(`--sf-radius-card: ${radius.card};`);
+  lines.push(`--sf-radius-input: ${radius.input};`);
+  let css = `:root {
+  ${lines.join("\n  ")}
+}
+`;
+  css += `body { font-family: var(--font-family); }
+`;
+  css += `h1, h2, h3, h4, .sf-heading { font-family: var(--sf-font-heading, var(--font-family)); }
+`;
+  if (theme.uppercaseButtons) {
+    css += `.sf-cta { text-transform: uppercase; letter-spacing: 0.08em; }
+`;
+  }
+  if (theme.header?.uppercaseNav) {
+    css += `.sf-nav-link { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8rem; }
+`;
+  }
+  return css;
+}
+function googleFontsHref(theme) {
+  if (!theme.font) return null;
+  const families = theme.font.googleFonts ?? [theme.font.heading, theme.font.body];
+  const unique = [...new Set(families)];
+  const params = unique.map((f) => `family=${encodeURIComponent(f).replace(/%20/g, "+")}:wght@300;400;500;600;700`).join("&");
+  return `https://fonts.googleapis.com/css2?${params}&display=swap`;
+}
+function StorefrontThemeStyle({ theme }) {
+  const fontsHref = googleFontsHref(theme);
+  React18.useEffect(() => {
+    if (!fontsHref) return;
+    const id = "sf-theme-fonts";
+    let link = document.getElementById(id);
+    if (!link) {
+      link = document.createElement("link");
+      link.id = id;
+      link.rel = "stylesheet";
+      document.head.appendChild(link);
+    }
+    link.href = fontsHref;
+  }, [fontsHref]);
+  return React18__default.default.createElement("style", { "data-sf-theme": theme.name }, themeToCss(theme));
+}
+
+// src/format.ts
+function formatMoney(value, currency = "BRL", locale = "pt-BR") {
+  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(value);
+}
+function roundCents(value) {
+  return Math.round(value * 100) / 100;
+}
+
+// src/product-options.ts
+function cleanValues(value) {
+  if (!Array.isArray(value)) return [];
+  return Array.from(new Set(value.filter((item) => typeof item === "string" && item.trim().length > 0)));
+}
+function cleanOptionGroup(value) {
+  if (!value || typeof value !== "object") return null;
+  const record = value;
+  const id = typeof record.id === "string" ? record.id : typeof record.name === "string" ? record.name : null;
+  const label = typeof record.label === "string" ? record.label : typeof record.name === "string" ? record.name : id;
+  const values = cleanValues(record.values);
+  if (!id || !label || values.length === 0) return null;
+  return { id, label, values };
+}
+function getProductOptionGroups(product) {
+  const options = product.metadata.options;
+  const explicit = Array.isArray(options) ? options.map(cleanOptionGroup).filter((group) => Boolean(group)) : [];
+  if (explicit.length > 0) return explicit;
+  const groups = [];
+  const sizes = cleanValues(product.metadata.sizes);
+  const colors = cleanValues(product.metadata.colors);
+  if (sizes.length > 0) groups.push({ id: "Tamanho", label: "Tamanho", values: sizes });
+  if (colors.length > 0) groups.push({ id: "Cor", label: "Cor", values: colors });
+  return groups;
+}
+function normalizeProductOptionSelection(selection) {
+  if (!selection) return {};
+  return Object.fromEntries(
+    Object.entries(selection).filter((entry) => entry[0].trim().length > 0 && entry[1].trim().length > 0).sort(([a], [b]) => a.localeCompare(b))
+  );
+}
+function formatProductOptionSelection(selection) {
+  return Object.entries(normalizeProductOptionSelection(selection)).map(([label, value]) => `${label}: ${value}`).join(" \xB7 ");
+}
+function productOptionSelectionKey(selection) {
+  const normalized = normalizeProductOptionSelection(selection);
+  const entries = Object.entries(normalized);
+  return entries.length > 0 ? JSON.stringify(entries) : "";
+}
+
+// src/stores/cart.store.ts
+var useCartStore = zustand.create()(
+  middleware.persist(
+    (set) => ({
+      lines: [],
+      discountCode: null,
+      discountPercent: 0,
+      isOpen: false,
+      justAddedLineId: null,
+      addItem: (product, qty = 1, options) => set((state) => {
+        const normalizedOptions = normalizeProductOptionSelection(options);
+        const optionKey = productOptionSelectionKey(normalizedOptions);
+        const lineId = optionKey ? `${product.id}:${optionKey}` : product.id;
+        const existing = state.lines.find((l) => (l.lineId ?? l.productId) === lineId);
+        if (existing) {
+          const nextQty = Math.min(existing.quantity + qty, existing.maxQuantity || Infinity);
+          return {
+            // Auto-open the cart on add — the standard premium "slide-in cart"
+            // signal — and flag the line so the drawer can highlight it.
+            isOpen: true,
+            justAddedLineId: lineId,
+            lines: state.lines.map(
+              (l) => (l.lineId ?? l.productId) === lineId ? { ...l, lineId, quantity: nextQty } : l
+            )
+          };
+        }
+        const image = product.images.find((i) => i.isPrimary) ?? product.images[0];
+        const line = {
+          lineId,
+          productId: product.id,
+          slug: product.slug,
+          name: product.name,
+          sku: product.sku,
+          options: normalizedOptions,
+          optionsLabel: formatProductOptionSelection(normalizedOptions),
+          unitPrice: product.price,
+          quantity: Math.min(qty, product.inventoryCount || Infinity),
+          imageUrl: image?.url ?? null,
+          maxQuantity: product.inventoryCount
+        };
+        return { isOpen: true, justAddedLineId: lineId, lines: [...state.lines, line] };
+      }),
+      setQuantity: (lineId, qty) => set((state) => {
+        if (qty <= 0) return { lines: state.lines.filter((l) => (l.lineId ?? l.productId) !== lineId) };
+        return {
+          lines: state.lines.map(
+            (l) => (l.lineId ?? l.productId) === lineId ? { ...l, quantity: Math.min(qty, l.maxQuantity || Infinity) } : l
+          )
+        };
+      }),
+      removeItem: (lineId) => set((state) => ({ lines: state.lines.filter((l) => (l.lineId ?? l.productId) !== lineId) })),
+      applyDiscount: (code, percent) => set({ discountCode: code, discountPercent: percent }),
+      clearDiscount: () => set({ discountCode: null, discountPercent: 0 }),
+      clear: () => set({ lines: [], discountCode: null, discountPercent: 0 }),
+      openDrawer: () => set({ isOpen: true }),
+      closeDrawer: () => set({ isOpen: false, justAddedLineId: null })
+    }),
+    {
+      name: "fayz.storefront.cart.v1",
+      partialize: (state) => ({
+        lines: state.lines,
+        discountCode: state.discountCode,
+        discountPercent: state.discountPercent
+      })
+    }
+  )
+);
+var selectCount = (s) => s.lines.reduce((n, l) => n + l.quantity, 0);
+var selectSubtotal = (s) => roundCents(s.lines.reduce((sum, l) => sum + l.unitPrice * l.quantity, 0));
+var selectDiscountTotal = (s) => roundCents(selectSubtotal(s) * (s.discountPercent / 100));
+var selectShipping = (s, cfg) => {
+  if (s.lines.length === 0) return 0;
+  const subtotal = selectSubtotal(s);
+  if (cfg.shipping.freeAbove != null && subtotal >= cfg.shipping.freeAbove) return 0;
+  return cfg.shipping.flatRate;
+};
+var selectTotal = (s, cfg) => roundCents(selectSubtotal(s) - selectDiscountTotal(s) + selectShipping(s, cfg));
+var initial = {
+  search: "",
+  categoryId: null,
+  priceMin: null,
+  priceMax: null,
+  inStockOnly: false,
+  sort: "newest"
+};
+var useCatalogStore = zustand.create()((set) => ({
+  ...initial,
+  setSearch: (search) => set({ search }),
+  setCategoryId: (categoryId) => set({ categoryId }),
+  setPriceMin: (priceMin) => set({ priceMin }),
+  setPriceMax: (priceMax) => set({ priceMax }),
+  setInStockOnly: (inStockOnly) => set({ inStockOnly }),
+  setSort: (sort) => set({ sort }),
+  reset: () => set(initial)
+}));
+function useCategories() {
+  const [categories, setCategories] = React18.useState([]);
+  const [loading, setLoading] = React18.useState(true);
+  React18.useEffect(() => {
+    let cancelled = false;
+    runtime.getShopProvider().listCategories().then((data) => {
+      if (!cancelled) setCategories(data);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return { categories, loading };
+}
+function prefersReducedMotion() {
+  if (typeof window === "undefined" || !window.matchMedia) return false;
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function useInView(margin = "0px 0px -8% 0px") {
+  const ref = React18.useRef(null);
+  const [inView, setInView] = React18.useState(() => prefersReducedMotion());
+  React18.useEffect(() => {
+    if (inView) return;
+    const el = ref.current;
+    if (!el || typeof IntersectionObserver === "undefined") {
+      setInView(true);
+      return;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((e) => e.isIntersecting)) {
+          setInView(true);
+          observer.disconnect();
+        }
+      },
+      { rootMargin: margin }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [inView, margin]);
+  return [ref, inView];
+}
+function Reveal({ delay = 0, children, className, style, ...rest }) {
+  const [ref, inView] = useInView();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: `${inView ? "animate-fade-up" : ""} ${className ?? ""}`,
+      style: { ...style, animationDelay: delay ? `${delay}ms` : void 0 },
+      ...rest,
+      children
+    }
+  );
+}
+function useScrolled(threshold = 8) {
+  const [scrolled, setScrolled] = React18.useState(false);
+  React18.useEffect(() => {
+    const onScroll = () => setScrolled(window.scrollY > threshold);
+    onScroll();
+    window.addEventListener("scroll", onScroll, { passive: true });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, [threshold]);
+  return scrolled;
+}
+function usePopOnChange(value) {
+  const [pop, setPop] = React18.useState(false);
+  const prev = React18.useRef(value);
+  React18.useEffect(() => {
+    if (prev.current !== value && value > 0) {
+      setPop(true);
+      const t = setTimeout(() => setPop(false), 400);
+      return () => clearTimeout(t);
+    }
+    prev.current = value;
+    return void 0;
+  }, [value]);
+  React18.useEffect(() => {
+    prev.current = value;
+  });
+  return pop;
+}
+
+// src/testids.ts
+var TID = {
+  // header
+  headerSearch: "header-search",
+  cartButton: "cart-button",
+  cartCount: "cart-count",
+  accountLink: "account-link",
+  accountDropdown: "account-dropdown",
+  announcementBar: "announcement-bar",
+  navLink: (label) => `nav-${label.toLowerCase().replace(/\s+/g, "-")}`,
+  navCategory: (slug2) => `nav-cat-${slug2}`,
+  accountName: "account-name",
+  // home sections
+  hero: "home-hero",
+  heroPrev: "hero-prev",
+  heroNext: "hero-next",
+  categoryShowcase: "category-showcase",
+  productRail: "product-rail",
+  benefits: "benefits-row",
+  promoBanner: "promo-banner",
+  manifesto: "manifesto",
+  testimonials: "testimonials",
+  newsletter: "newsletter",
+  newsletterEmail: "newsletter-email",
+  newsletterSubmit: "newsletter-submit",
+  newsletterDone: "newsletter-done",
+  // catalog
+  productGrid: "product-grid",
+  productCard: "product-card",
+  productCardName: "product-card-name",
+  productCardPrice: "product-card-price",
+  productCardAdd: "product-card-add",
+  badgeSale: "badge-sale",
+  badgeSoldout: "badge-soldout",
+  // filters
+  filterCategory: (slug2) => `filter-category-${slug2}`,
+  filterPriceMin: "filter-price-min",
+  filterPriceMax: "filter-price-max",
+  filterInstock: "filter-instock",
+  sortSelect: "sort-select",
+  filtersClear: "filters-clear",
+  // product detail
+  pdpName: "pdp-name",
+  pdpPrice: "pdp-price",
+  pdpComparePrice: "pdp-compare-price",
+  pdpDescription: "pdp-description",
+  productOptionGroup: (id) => `product-option-${id.toLowerCase().replace(/\s+/g, "-")}`,
+  productOptionValue: (id, value) => `product-option-${id.toLowerCase().replace(/\s+/g, "-")}-${value.toLowerCase().replace(/\s+/g, "-")}`,
+  pdpQtyInput: "pdp-qty-input",
+  pdpAddToCart: "pdp-add-to-cart",
+  // cart
+  cartDrawer: "cart-drawer",
+  cartLine: "cart-line",
+  lineQty: "line-qty",
+  lineInc: "line-inc",
+  lineDec: "line-dec",
+  lineRemove: "line-remove",
+  cartSubtotal: "cart-subtotal",
+  discountInput: "discount-input",
+  discountApply: "discount-apply",
+  discountRow: "discount-row",
+  discountError: "discount-error",
+  cartShipping: "cart-shipping",
+  shippingProgress: "shipping-progress",
+  cartTotal: "cart-total",
+  goCheckout: "go-checkout",
+  cartEmpty: "cart-empty",
+  // checkout
+  checkoutEmail: "checkout-email",
+  checkoutName: "checkout-name",
+  checkoutStreet: "checkout-street",
+  checkoutCity: "checkout-city",
+  checkoutZip: "checkout-zip",
+  checkoutCard: "checkout-card",
+  checkoutExpiry: "checkout-expiry",
+  checkoutCvc: "checkout-cvc",
+  placeOrder: "place-order",
+  checkoutError: "checkout-error",
+  checkoutProcessing: "checkout-processing",
+  // confirmation
+  orderNumber: "order-number",
+  orderStatus: "order-status",
+  orderTracking: "order-tracking",
+  orderTrackingStep: (step) => `order-tracking-step-${step}`,
+  orderTotal: "order-total",
+  viewPurchases: "view-purchases",
+  // account
+  customerAccountShell: "customer-account-shell",
+  customerAccountMenu: "customer-account-menu",
+  orderDetail: "order-detail",
+  authTabSignin: "auth-tab-signin",
+  authTabSignup: "auth-tab-signup",
+  signinEmail: "signin-email",
+  signinPassword: "signin-password",
+  signinName: "signin-name",
+  signinSubmit: "signin-submit",
+  authError: "auth-error",
+  purchasesList: "purchases-list",
+  purchaseItem: "purchase-item",
+  purchasesEmpty: "purchases-empty",
+  signout: "signout"
+};
+var headerStyle = {
+  backgroundColor: "hsl(var(--sf-header-bg, var(--background)))",
+  color: "hsl(var(--sf-header-fg, var(--foreground)))",
+  borderColor: "hsl(var(--sf-header-fg, var(--foreground)) / 0.14)"
+};
+var headerDivider = {
+  borderColor: "hsl(var(--sf-header-fg, var(--foreground)) / 0.14)"
+};
+var ANNOUNCEMENT_KEY = "fayz.storefront.announcement.dismissed";
+function AnnouncementBar() {
+  const config = useStorefrontConfig();
+  const [dismissed, setDismissed] = React18.useState(() => {
+    try {
+      return localStorage.getItem(ANNOUNCEMENT_KEY) === config.announcement;
+    } catch {
+      return false;
+    }
+  });
+  if (!config.announcement || dismissed) return null;
+  const dismiss = () => {
+    setDismissed(true);
+    try {
+      localStorage.setItem(ANNOUNCEMENT_KEY, config.announcement ?? "");
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": TID.announcementBar,
+      className: "relative px-4 py-2 text-center text-xs font-semibold tracking-wide",
+      style: {
+        backgroundColor: "hsl(var(--sf-announcement-bg, var(--primary)))",
+        color: "hsl(var(--sf-announcement-fg, var(--primary-foreground)))"
+      },
+      children: [
+        config.announcement,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Fechar aviso",
+            onClick: dismiss,
+            className: "absolute right-2 top-1/2 -translate-y-1/2 rounded-full p-1 opacity-70 transition-opacity hover:opacity-100",
+            children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
+function UtilityBar() {
+  const config = useStorefrontConfig();
+  const contact = config.footer?.contact;
+  const social = config.footer?.social;
+  if (!contact?.phone && !contact?.email && !social?.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden border-b text-xs opacity-80 md:block", style: headerDivider, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex h-8 max-w-7xl items-center gap-5 px-4 sm:px-6", children: [
+    contact?.phone && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Phone, { className: "h-3 w-3" }),
+      " ",
+      contact.phone
+    ] }),
+    contact?.email && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Mail, { className: "h-3 w-3" }),
+      " ",
+      contact.email
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex items-center gap-4", children: social?.map((s) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: s.href, target: "_blank", rel: "noreferrer", className: "hover:underline", children: s.label }, s.href)) })
+  ] }) });
+}
+function SearchInput({ className }) {
+  const config = useStorefrontConfig();
+  const search = useCatalogStore((s) => s.search);
+  const setSearch = useCatalogStore((s) => s.setSearch);
+  const path = useHashPath();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 opacity-60" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        "data-testid": TID.headerSearch,
+        type: "search",
+        placeholder: "Buscar produtos...",
+        value: search,
+        onChange: (e) => {
+          setSearch(e.target.value);
+          if (path !== config.catalogPath) navigateTo(config.catalogPath);
+        },
+        className: "w-full border bg-white/10 py-2 pl-9 pr-4 text-sm outline-none transition-colors placeholder:opacity-60 focus:border-primary focus:bg-white focus:text-gray-900",
+        style: {
+          borderRadius: "var(--sf-radius-input)",
+          borderColor: "hsl(var(--sf-header-fg, var(--foreground)) / 0.25)"
+        }
+      }
+    )
+  ] });
+}
+function HeaderActions() {
+  const config = useStorefrontConfig();
+  const count = useCartStore(selectCount);
+  const openDrawer = useCartStore((s) => s.openDrawer);
+  const session = useSessionStore();
+  const [accountOpen, setAccountOpen] = React18.useState(false);
+  const pop = usePopOnChange(count);
+  const firstName = session.name?.split(/\s+/)[0];
+  const initial2 = (firstName ?? session.email ?? "C").slice(0, 1).toUpperCase();
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex items-center gap-1", children: [
+    config.features.accounts && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      session.email ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          "data-testid": TID.accountLink,
+          "aria-label": "Abrir menu da conta",
+          "aria-expanded": accountOpen,
+          onClick: () => setAccountOpen((open) => !open),
+          className: "flex items-center gap-1.5 rounded-full p-1.5 transition-opacity hover:opacity-80",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary text-sm font-bold text-primary-foreground", children: initial2 }),
+            firstName && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": TID.accountName, className: "hidden max-w-24 truncate text-sm font-medium lg:inline", children: firstName })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        Link,
+        {
+          to: "/account",
+          "data-testid": TID.accountLink,
+          "aria-label": "Minhas compras",
+          className: "flex items-center gap-1.5 rounded-full p-2.5 transition-opacity hover:opacity-70",
+          children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.User, { className: "h-5 w-5" })
+        }
+      ),
+      accountOpen && session.email && /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          "data-testid": TID.accountDropdown,
+          className: "absolute right-0 top-full z-50 mt-3 w-72 overflow-hidden rounded-xl border bg-background text-foreground shadow-xl",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b p-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: session.name || firstName || "Cliente" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm text-muted-foreground", children: session.email })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Link, { to: "/account", className: "flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-semibold hover:bg-muted", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.UserCircle, { className: "h-4 w-4" }),
+                "Perfil"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Link, { to: "/account", className: "flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-semibold hover:bg-muted", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Package, { className: "h-4 w-4" }),
+                "Meus pedidos"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Link, { to: "/account", className: "flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-semibold hover:bg-muted", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CreditCard, { className: "h-4 w-4" }),
+                "Pagamentos"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    setAccountOpen(false);
+                    void signOutCustomer();
+                  },
+                  className: "flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left text-sm font-semibold hover:bg-muted",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.LogOut, { className: "h-4 w-4" }),
+                    "Sair"
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "data-testid": TID.cartButton,
+        "aria-label": "Carrinho",
+        onClick: openDrawer,
+        className: "relative rounded-full p-2.5 transition-opacity hover:opacity-70",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ShoppingBag, { className: "h-5 w-5" }),
+          count > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-testid": TID.cartCount,
+              className: `absolute -right-0.5 -top-0.5 flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1 text-xs font-semibold text-primary-foreground ${pop ? "animate-badge-pop" : ""}`,
+              children: count
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function NavLinks({ className }) {
+  const config = useStorefrontConfig();
+  const { categories } = useCategories();
+  const setCategoryId = useCatalogStore((s) => s.setCategoryId);
+  const goCategory = (categoryId) => {
+    useCatalogStore.getState().reset();
+    setCategoryId(categoryId);
+    navigateTo(config.catalogPath);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: `flex items-center gap-6 ${className ?? ""}`, children: [
+    config.nav.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+      Link,
+      {
+        to: link.to,
+        "data-testid": TID.navLink(link.label),
+        className: "sf-nav-link text-sm font-medium transition-opacity hover:opacity-70",
+        children: link.label
+      },
+      link.to
+    )),
+    categories.slice(0, 6).map((c) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "data-testid": TID.navCategory(c.slug),
+        onClick: () => goCategory(c.id),
+        className: "sf-nav-link group relative hidden text-sm font-medium transition-opacity hover:opacity-80 lg:inline",
+        children: [
+          c.name,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-1 left-0 h-0.5 w-0 bg-primary transition-all duration-300 group-hover:w-full" })
+        ]
+      },
+      c.id
+    ))
+  ] });
+}
+function StorefrontHeader() {
+  const config = useStorefrontConfig();
+  const variant = config.theme?.header?.variant ?? "classic";
+  const scrolled = useScrolled();
+  const logo = /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/", className: "sf-heading shrink-0 text-xl font-bold tracking-tight", children: config.logo ?? config.name });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "header",
+    {
+      className: `sticky top-0 z-40 border-b transition-shadow duration-300 ${scrolled ? "shadow-md" : ""}`,
+      style: headerStyle,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AnnouncementBar, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(UtilityBar, {}),
+        variant === "centered" ? (
+          // Rio/Flex pattern: centered logo row, nav row below
+          /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid h-16 max-w-7xl grid-cols-[1fr_auto_1fr] items-center px-4 sm:px-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { className: "hidden w-full max-w-xs sm:block" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: logo }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "justify-self-end", children: /* @__PURE__ */ jsxRuntime.jsx(HeaderActions, {}) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden justify-center border-t py-2.5 sm:flex", style: headerDivider, children: /* @__PURE__ */ jsxRuntime.jsx(NavLinks, {}) })
+          ] })
+        ) : variant === "search" ? (
+          // Brasília pattern: prominent search left, logo center, actions right; nav row below
+          /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid h-16 max-w-7xl grid-cols-[1fr_auto_1fr] items-center gap-6 px-4 sm:px-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { className: "hidden w-full max-w-sm sm:block" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: logo }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "justify-self-end", children: /* @__PURE__ */ jsxRuntime.jsx(HeaderActions, {}) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden border-t sm:block", style: headerDivider, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-7xl px-4 py-2.5 sm:px-6", children: /* @__PURE__ */ jsxRuntime.jsx(NavLinks, {}) }) })
+          ] })
+        ) : variant === "minimal" ? (
+          // Uyuni pattern: nav left, centered logo, actions right — single compact row
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid h-16 max-w-7xl grid-cols-[1fr_auto_1fr] items-center px-4 sm:px-6", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ jsxRuntime.jsx(NavLinks, { className: "hidden sm:flex" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: logo }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { className: "hidden w-44 lg:block" }),
+              /* @__PURE__ */ jsxRuntime.jsx(HeaderActions, {})
+            ] })
+          ] })
+        ) : (
+          // classic: logo left, search center-right, actions right (original layout)
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex h-16 max-w-7xl items-center gap-6 px-4 sm:px-6", children: [
+            logo,
+            /* @__PURE__ */ jsxRuntime.jsx(NavLinks, { className: "hidden md:flex" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SearchInput, { className: "ml-auto hidden w-full max-w-sm sm:block" }),
+            /* @__PURE__ */ jsxRuntime.jsx(HeaderActions, {})
+          ] })
+        )
+      ]
+    }
+  );
+}
+function StorefrontFooter() {
+  const config = useStorefrontConfig();
+  const { categories } = useCategories();
+  const visibleCategories = categories.slice(0, 8);
+  const hiddenCategoryCount = Math.max(categories.length - visibleCategories.length, 0);
+  const goCategory = (categoryId) => {
+    useCatalogStore.getState().reset();
+    useCatalogStore.getState().setCategoryId(categoryId);
+    navigateTo(config.catalogPath);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "mt-16 border-t bg-card", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid max-w-7xl gap-10 px-4 py-12 sm:grid-cols-2 sm:px-6 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sf-heading text-lg font-bold", children: config.name }),
+        config.footer?.about && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm leading-relaxed text-muted-foreground", children: config.footer.about })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Departamentos" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-2 text-sm", children: [
+          visibleCategories.map((c) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => goCategory(c.id),
+              className: "max-w-full truncate text-left transition-opacity hover:opacity-70",
+              children: c.name
+            }
+          ) }, c.id)),
+          hiddenCategoryCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(Link, { to: config.catalogPath, className: "font-medium underline-offset-2 transition-opacity hover:underline", children: [
+            "Ver todos (",
+            categories.length,
+            ")"
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Navega\xE7\xE3o" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-2 text-sm", children: [
+          config.nav.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Link, { to: link.to, className: "transition-opacity hover:opacity-70", children: link.label }) }, link.to)),
+          /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/account", className: "transition-opacity hover:opacity-70", children: "Minhas compras" }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "Contato" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-2 text-sm text-muted-foreground", children: [
+          config.footer?.contact?.phone && /* @__PURE__ */ jsxRuntime.jsx("li", { children: config.footer.contact.phone }),
+          config.footer?.contact?.email && /* @__PURE__ */ jsxRuntime.jsx("li", { children: config.footer.contact.email }),
+          config.footer?.contact?.address && /* @__PURE__ */ jsxRuntime.jsx("li", { children: config.footer.contact.address }),
+          config.footer?.social?.map((s) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: s.href, target: "_blank", rel: "noreferrer", className: "transition-opacity hover:opacity-70", children: s.label }) }, s.href))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-7xl flex-col items-center gap-3 px-4 py-5 text-xs text-muted-foreground sm:flex-row sm:justify-between sm:px-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex flex-wrap items-center justify-center gap-x-5 gap-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/privacy", className: "transition-colors hover:text-foreground", children: "Privacidade" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/terms", className: "transition-colors hover:text-foreground", children: "Termos" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/refunds", className: "transition-colors hover:text-foreground", children: "Trocas e devolu\xE7\xF5es" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-center", children: [
+        "\xA9 ",
+        config.name,
+        " \u2014 powered by Fayz \xB7 Fotos:",
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://unsplash.com", target: "_blank", rel: "noreferrer", className: "underline-offset-2 hover:underline", children: "Unsplash" })
+      ] })
+    ] }) })
+  ] });
+}
+var REASON_MESSAGE = {
+  expired: "Cupom expirado.",
+  not_started: "Cupom ainda n\xE3o est\xE1 ativo.",
+  usage_limit: "Cupom esgotado.",
+  not_found: "Cupom inv\xE1lido ou expirado."
+};
+function useDiscountValidator() {
+  const config = useStorefrontConfig();
+  return React18.useCallback(async (code) => {
+    const normalized = code.trim().toUpperCase();
+    if (!normalized) return { valid: false, percent: 0, message: "Informe um cupom." };
+    const configDiscount = config.discounts?.find((d) => d.code.trim().toUpperCase() === normalized);
+    if (configDiscount) return { valid: true, percent: configDiscount.percent };
+    const validation = await shop.validateDiscount({ code: normalized });
+    if (!validation.valid) {
+      return { valid: false, percent: 0, message: REASON_MESSAGE[validation.reason ?? "not_found"] ?? "Cupom inv\xE1lido ou expirado." };
+    }
+    if (validation.type !== "percentage") {
+      return { valid: false, percent: 0, message: "Este cupom n\xE3o \xE9 suportado na loja." };
+    }
+    return { valid: true, percent: validation.value };
+  }, [config.discounts]);
+}
+var seq = 0;
+var useToastStore = zustand.create((set) => ({
+  toasts: [],
+  push: (input) => {
+    const id = `toast-${++seq}-${Date.now()}`;
+    const toast2 = {
+      id,
+      title: input.title,
+      description: input.description,
+      variant: input.variant ?? "info",
+      durationMs: input.durationMs ?? 3400
+    };
+    set((s) => ({ toasts: [...s.toasts, toast2] }));
+    return id;
+  },
+  dismiss: (id) => set((s) => ({ toasts: s.toasts.filter((t) => t.id !== id) }))
+}));
+var toast = {
+  success: (title, description) => useToastStore.getState().push({ title, description, variant: "success" }),
+  error: (title, description) => useToastStore.getState().push({ title, description, variant: "error" }),
+  info: (title, description) => useToastStore.getState().push({ title, description, variant: "info" })
+};
+function QuantityInput({ value, onChange, min = 1, max, testId, incTestId, decTestId }) {
+  const clamp = (n) => Math.max(min, max != null ? Math.min(n, max) : n);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center rounded-lg border", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "data-testid": decTestId,
+        "aria-label": "Diminuir quantidade",
+        onClick: () => onChange(clamp(value - 1)),
+        className: "px-2.5 py-1.5 text-muted-foreground hover:text-foreground disabled:opacity-40",
+        disabled: value <= min,
+        children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Minus, { className: "h-3.5 w-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        "data-testid": testId,
+        type: "number",
+        value,
+        min,
+        max,
+        onChange: (e) => {
+          const n = parseInt(e.target.value, 10);
+          if (!isNaN(n)) onChange(clamp(n));
+        },
+        className: "w-12 border-x bg-transparent py-1.5 text-center text-sm [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "data-testid": incTestId,
+        "aria-label": "Aumentar quantidade",
+        onClick: () => onChange(clamp(value + 1)),
+        className: "px-2.5 py-1.5 text-muted-foreground hover:text-foreground disabled:opacity-40",
+        disabled: max != null && value >= max,
+        children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Plus, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] });
+}
+function CartDrawer() {
+  const config = useStorefrontConfig();
+  const cart = useCartStore();
+  const validate = useDiscountValidator();
+  const [code, setCode] = React18.useState("");
+  const [discountError, setDiscountError] = React18.useState(null);
+  const [applying, setApplying] = React18.useState(false);
+  React18.useEffect(() => {
+    if (!cart.isOpen) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") cart.closeDrawer();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [cart.isOpen, cart.closeDrawer]);
+  const subtotal = selectSubtotal(cart);
+  const discountTotal = selectDiscountTotal(cart);
+  const shipping = selectShipping(cart, config);
+  const total = selectTotal(cart, config);
+  const money = (v) => formatMoney(v, config.currency, config.locale);
+  async function applyCode() {
+    setApplying(true);
+    setDiscountError(null);
+    try {
+      const result = await validate(code);
+      if (result.valid) {
+        const applied = code.trim().toUpperCase();
+        cart.applyDiscount(applied, result.percent);
+        setCode("");
+        toast.success("Cupom aplicado!", `${applied} \u2022 ${result.percent}% de desconto`);
+      } else {
+        setDiscountError(result.message ?? "Cupom inv\xE1lido.");
+        toast.error("Cupom inv\xE1lido", result.message ?? "Verifique o c\xF3digo e tente novamente.");
+      }
+    } finally {
+      setApplying(false);
+    }
+  }
+  if (!cart.isOpen) return null;
+  const freeAbove = config.shipping.freeAbove;
+  const missingForFree = freeAbove != null && subtotal < freeAbove ? freeAbove - subtotal : 0;
+  const progress = freeAbove != null ? Math.min(100, subtotal / freeAbove * 100) : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "absolute inset-0 animate-fade-in bg-black/40",
+        "aria-hidden": true,
+        onClick: cart.closeDrawer
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-testid": TID.cartDrawer,
+        role: "dialog",
+        "aria-label": "Carrinho",
+        className: "absolute right-0 top-0 flex h-full w-full max-w-md animate-slide-in-from-right flex-col bg-background shadow-2xl",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b px-5 py-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: "Carrinho" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Fechar carrinho",
+                onClick: cart.closeDrawer,
+                className: "rounded-full p-1.5 hover:bg-muted",
+                children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-5 w-5" })
+              }
+            )
+          ] }),
+          cart.lines.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": TID.cartEmpty, className: "flex flex-1 items-center justify-center p-8 text-center text-muted-foreground", children: "Seu carrinho est\xE1 vazio." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            freeAbove != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": TID.shippingProgress, className: "border-b bg-muted/40 px-5 py-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: missingForFree > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                "Faltam ",
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { children: money(missingForFree) }),
+                " para frete gr\xE1tis \u{1F69A}"
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                "\u{1F389} Voc\xEA ganhou ",
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "frete gr\xE1tis" }),
+                "!"
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 h-1.5 overflow-hidden rounded-full bg-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "h-full rounded-full bg-primary transition-all duration-500 ease-out",
+                  style: { width: `${progress}%` }
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 space-y-4 overflow-y-auto px-5 py-4", children: cart.lines.map((line) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                "data-testid": TID.cartLine,
+                "data-product-id": line.productId,
+                "data-line-id": line.lineId ?? line.productId,
+                className: `flex animate-fade-up gap-3 rounded-lg p-1.5 transition-all hover:bg-muted/40 ${(line.lineId ?? line.productId) === cart.justAddedLineId ? "bg-primary/5 ring-1 ring-primary/30" : ""}`,
+                children: [
+                  line.imageUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: line.imageUrl, alt: line.name, className: "h-20 w-20 shrink-0 rounded-lg border object-cover" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium leading-snug", children: line.name }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          "data-testid": TID.lineRemove,
+                          "aria-label": `Remover ${line.name}`,
+                          onClick: () => cart.removeItem(line.lineId ?? line.productId),
+                          className: "text-muted-foreground hover:text-destructive",
+                          children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-4 w-4" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: line.sku }),
+                    line.optionsLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: line.optionsLabel }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center justify-between pt-2", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        QuantityInput,
+                        {
+                          value: line.quantity,
+                          max: line.maxQuantity || void 0,
+                          onChange: (n) => cart.setQuantity(line.lineId ?? line.productId, n),
+                          testId: TID.lineQty,
+                          incTestId: TID.lineInc,
+                          decTestId: TID.lineDec
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: "text-sm font-semibold",
+                          "data-price": (line.unitPrice * line.quantity).toFixed(2),
+                          children: money(line.unitPrice * line.quantity)
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              },
+              line.lineId ?? line.productId
+            )) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 border-t px-5 py-4", children: [
+              config.features.discounts && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      "data-testid": TID.discountInput,
+                      type: "text",
+                      placeholder: "Cupom de desconto",
+                      value: code,
+                      onChange: (e) => setCode(e.target.value),
+                      className: "flex-1 rounded-lg border bg-background px-3 py-2 text-sm uppercase"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "data-testid": TID.discountApply,
+                      onClick: applyCode,
+                      disabled: applying || !code.trim(),
+                      className: "rounded-lg border px-3 py-2 text-sm font-medium hover:bg-muted disabled:opacity-50",
+                      children: "Aplicar"
+                    }
+                  )
+                ] }),
+                discountError && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-testid": TID.discountError, className: "text-xs text-destructive", children: discountError })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "space-y-1.5 text-sm", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Subtotal" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": TID.cartSubtotal, "data-price": subtotal.toFixed(2), children: money(subtotal) })
+                ] }),
+                discountTotal > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-emerald-700", "data-testid": TID.discountRow, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("dt", { children: [
+                    "Desconto",
+                    " ",
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: cart.clearDiscount,
+                        className: "text-xs text-muted-foreground underline",
+                        children: [
+                          "(",
+                          cart.discountCode,
+                          " \u2715)"
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("dd", { "data-price": discountTotal.toFixed(2), children: [
+                    "\u2212",
+                    money(discountTotal)
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Frete" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": TID.cartShipping, "data-price": shipping.toFixed(2), children: shipping === 0 ? "Gr\xE1tis" : money(shipping) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between border-t pt-2 text-base font-semibold", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Total" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": TID.cartTotal, "data-price": total.toFixed(2), children: money(total) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": TID.goCheckout,
+                  onClick: () => {
+                    cart.closeDrawer();
+                    navigateTo("/checkout");
+                  },
+                  className: "sf-cta w-full bg-primary py-3.5 font-semibold text-primary-foreground shadow-md transition-all hover:-translate-y-0.5 hover:shadow-lg",
+                  style: { borderRadius: "var(--sf-radius-button)" },
+                  children: "Finalizar compra"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function useProducts(opts) {
+  const [products, setProducts] = React18.useState([]);
+  const [loading, setLoading] = React18.useState(true);
+  const [error, setError] = React18.useState(null);
+  const [nonce, setNonce] = React18.useState(0);
+  const key = JSON.stringify(opts);
+  React18.useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    runtime.getShopProvider().listProducts(JSON.parse(key)).then((data) => {
+      if (cancelled) return;
+      setProducts(data);
+      setError(null);
+    }).catch((e) => {
+      if (!cancelled) setError(e instanceof Error ? e.message : String(e));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [key, nonce]);
+  return { products, loading, error, reload: () => setNonce((n) => n + 1) };
+}
+function Price({ value, compareAt, testId, compareTestId, className }) {
+  const { currency, locale } = useStorefrontConfig();
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-baseline gap-2 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": testId, "data-price": value.toFixed(2), className: "font-semibold", children: formatMoney(value, currency, locale) }),
+    compareAt != null && compareAt > value && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "data-testid": compareTestId,
+        "data-price": compareAt.toFixed(2),
+        className: "text-sm text-muted-foreground line-through",
+        children: formatMoney(compareAt, currency, locale)
+      }
+    )
+  ] });
+}
+
+// src/slot-contracts.ts
+var productCardSlotContract = {
+  root: { "data-testid": TID.productCard },
+  name: { "data-testid": TID.productCardName },
+  priceTestId: TID.productCardPrice,
+  addButton: { "data-testid": TID.productCardAdd }
+};
+var storefrontSlotContracts = {
+  productCard: productCardSlotContract
+};
+function ProductCard({ product }) {
+  const config = useStorefrontConfig();
+  const addItem = useCartStore((s) => s.addItem);
+  const hasOptions = getProductOptionGroups(product).length > 0;
+  const soldOut = product.inventoryCount <= 0;
+  const onSale = product.compareAtPrice != null && product.compareAtPrice > product.price;
+  const image = product.images.find((i) => i.isPrimary) ?? product.images[0];
+  const cardStyle = config.theme?.productCard?.style ?? "card";
+  const aspect = config.theme?.productCard?.imageAspect === "portrait" ? "aspect-[3/4]" : "aspect-square";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ...productCardSlotContract.root,
+      "data-slug": product.slug,
+      className: `group flex flex-col overflow-hidden transition-all duration-300 ${cardStyle === "editorial" ? "hover:-translate-y-1" : "border bg-card hover:-translate-y-1 hover:shadow-lg"}`,
+      style: { borderRadius: "var(--sf-radius-card)" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Link, { to: `/product/${product.slug}`, className: `relative block ${aspect} overflow-hidden bg-muted`, style: { borderRadius: cardStyle === "editorial" ? "var(--sf-radius-card)" : void 0 }, children: [
+          image && /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: image.url,
+              alt: image.altText ?? product.name,
+              className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105",
+              loading: "lazy"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-3 top-3 flex gap-2", children: [
+            onSale && !soldOut && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "data-testid": TID.badgeSale,
+                className: "rounded-full bg-red-600 px-2.5 py-0.5 text-xs font-semibold text-white",
+                children: "Oferta"
+              }
+            ),
+            soldOut && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "data-testid": TID.badgeSoldout,
+                className: "rounded-full bg-gray-900/80 px-2.5 py-0.5 text-xs font-semibold text-white",
+                children: "Esgotado"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-1 flex-col gap-1 ${cardStyle === "editorial" ? "px-1 py-3" : "p-4"}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: product.categoryName }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Link,
+            {
+              to: `/product/${product.slug}`,
+              ...productCardSlotContract.name,
+              className: "font-medium leading-snug hover:underline",
+              children: product.name
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto flex items-center justify-between pt-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Price,
+              {
+                value: product.price,
+                compareAt: product.compareAtPrice,
+                testId: productCardSlotContract.priceTestId
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                ...productCardSlotContract.addButton,
+                disabled: soldOut,
+                "aria-label": hasOptions ? `Escolher op\xE7\xF5es de ${product.name}` : `Adicionar ${product.name} ao carrinho`,
+                onClick: () => {
+                  if (hasOptions) {
+                    navigateTo(`/product/${product.slug}`);
+                    return;
+                  }
+                  addItem(product);
+                },
+                className: "rounded-full border bg-background/90 p-2.5 text-foreground shadow-sm transition-all duration-200 hover:scale-110 hover:bg-primary hover:text-primary-foreground hover:shadow disabled:cursor-not-allowed disabled:opacity-40 lg:translate-y-1 lg:opacity-0 lg:group-hover:translate-y-0 lg:group-hover:opacity-100 lg:disabled:opacity-0 lg:group-hover:disabled:opacity-40",
+                children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ShoppingBag, { className: "h-4 w-4" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ProductGrid({ products, loading }) {
+  const config = useStorefrontConfig();
+  const ProductCardComponent = config.slots?.ProductCard ?? ProductCard;
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": TID.productGrid, className: "grid grid-cols-2 gap-5 md:grid-cols-3 xl:grid-cols-4", children: Array.from({ length: 8 }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[3/4] animate-pulse rounded-xl bg-muted" }, i)) });
+  }
+  if (products.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": TID.productGrid, className: "py-20 text-center text-muted-foreground", children: "Nenhum produto encontrado." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": TID.productGrid, className: "grid grid-cols-2 gap-5 md:grid-cols-3 xl:grid-cols-4", children: products.map((p) => /* @__PURE__ */ jsxRuntime.jsx(ProductCardComponent, { product: p }, p.id)) });
+}
+function FiltersPanel() {
+  const { categories } = useCategories();
+  const catalog = useCatalogStore();
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "w-full shrink-0 space-y-6 lg:w-56", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Ordenar por" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          "data-testid": TID.sortSelect,
+          value: catalog.sort,
+          onChange: (e) => catalog.setSort(e.target.value),
+          className: "w-full rounded-lg border bg-background px-3 py-2 text-sm",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "newest", children: "Mais recentes" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "price-asc", children: "Menor pre\xE7o" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "price-desc", children: "Maior pre\xE7o" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "name", children: "Nome (A\u2013Z)" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Categorias" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => catalog.setCategoryId(null),
+            className: `w-full rounded-md px-2 py-1.5 text-left text-sm transition-colors ${catalog.categoryId === null ? "bg-primary/10 font-medium text-primary" : "hover:bg-muted"}`,
+            children: "Todas"
+          }
+        ) }),
+        categories.map((c) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": TID.filterCategory(c.slug),
+            onClick: () => catalog.setCategoryId(catalog.categoryId === c.id ? null : c.id),
+            className: `w-full rounded-md px-2 py-1.5 text-left text-sm transition-colors ${catalog.categoryId === c.id ? "bg-primary/10 font-medium text-primary" : "hover:bg-muted"}`,
+            children: c.name
+          }
+        ) }, c.id))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Pre\xE7o" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            "data-testid": TID.filterPriceMin,
+            type: "number",
+            placeholder: "M\xEDn",
+            min: 0,
+            value: catalog.priceMin ?? "",
+            onChange: (e) => catalog.setPriceMin(e.target.value === "" ? null : Number(e.target.value)),
+            className: "w-full rounded-lg border bg-background px-2.5 py-1.5 text-sm"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2013" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            "data-testid": TID.filterPriceMax,
+            type: "number",
+            placeholder: "M\xE1x",
+            min: 0,
+            value: catalog.priceMax ?? "",
+            onChange: (e) => catalog.setPriceMax(e.target.value === "" ? null : Number(e.target.value)),
+            className: "w-full rounded-lg border bg-background px-2.5 py-1.5 text-sm"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          "data-testid": TID.filterInstock,
+          type: "checkbox",
+          checked: catalog.inStockOnly,
+          onChange: (e) => catalog.setInStockOnly(e.target.checked),
+          className: "h-4 w-4 rounded border"
+        }
+      ),
+      "Somente em estoque"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "data-testid": TID.filtersClear,
+        onClick: () => catalog.reset(),
+        className: "text-sm text-muted-foreground underline-offset-2 hover:text-foreground hover:underline",
+        children: "Limpar filtros"
+      }
+    )
+  ] });
+}
+function useStorefrontHead(input) {
+  const { title, description } = input;
+  React18.useEffect(() => {
+    if (title) document.title = title;
+  }, [title]);
+  React18.useEffect(() => {
+    if (!description) return;
+    let tag = document.head.querySelector('meta[name="description"]');
+    if (!tag) {
+      tag = document.createElement("meta");
+      tag.setAttribute("name", "description");
+      document.head.appendChild(tag);
+    }
+    tag.setAttribute("content", description.slice(0, 160));
+  }, [description]);
+}
+var SORT_MAP = {
+  newest: { orderBy: "created_at", order: "desc" },
+  "price-asc": { orderBy: "price", order: "asc" },
+  "price-desc": { orderBy: "price", order: "desc" },
+  name: { orderBy: "name", order: "asc" }
+};
+var SORTS = ["newest", "price-asc", "price-desc", "name"];
+function useCatalogUrlSync() {
+  const hydrated = React18.useRef(false);
+  const catalog = useCatalogStore();
+  React18.useEffect(() => {
+    if (hydrated.current) return;
+    hydrated.current = true;
+    const q = window.location.hash.split("?")[1];
+    if (!q) return;
+    const p = new URLSearchParams(q);
+    const s = useCatalogStore.getState();
+    if (p.has("search")) s.setSearch(p.get("search") ?? "");
+    if (p.get("category")) s.setCategoryId(p.get("category"));
+    const sort = p.get("sort");
+    if (sort && SORTS.includes(sort)) s.setSort(sort);
+    if (p.get("stock") === "1") s.setInStockOnly(true);
+    if (p.has("min")) s.setPriceMin(Number(p.get("min")) || null);
+    if (p.has("max")) s.setPriceMax(Number(p.get("max")) || null);
+  }, []);
+  React18.useEffect(() => {
+    const p = new URLSearchParams();
+    if (catalog.search) p.set("search", catalog.search);
+    if (catalog.categoryId) p.set("category", catalog.categoryId);
+    if (catalog.sort !== "newest") p.set("sort", catalog.sort);
+    if (catalog.inStockOnly) p.set("stock", "1");
+    if (catalog.priceMin != null) p.set("min", String(catalog.priceMin));
+    if (catalog.priceMax != null) p.set("max", String(catalog.priceMax));
+    const base = window.location.hash.split("?")[0] || "#/catalog";
+    const qs = p.toString();
+    const next = qs ? `${base}?${qs}` : base;
+    if (next !== window.location.hash) window.history.replaceState(null, "", next);
+  }, [catalog.search, catalog.categoryId, catalog.sort, catalog.inStockOnly, catalog.priceMin, catalog.priceMax]);
+}
+function CatalogPage() {
+  const config = useStorefrontConfig();
+  const catalog = useCatalogStore();
+  useCatalogUrlSync();
+  useStorefrontHead({
+    title: catalog.search ? `\u201C${catalog.search}\u201D \u2014 ${config.name}` : `${config.name} \u2014 Loja`
+  });
+  const providerOpts = {
+    status: "active",
+    categoryId: catalog.categoryId ?? void 0,
+    search: catalog.search || void 0,
+    ...SORT_MAP[catalog.sort]
+  };
+  const { products, loading, error, reload } = useProducts(providerOpts);
+  const filtered = React18.useMemo(
+    () => products.filter((p) => {
+      if (catalog.priceMin != null && p.price < catalog.priceMin) return false;
+      if (catalog.priceMax != null && p.price > catalog.priceMax) return false;
+      if (catalog.inStockOnly && p.inventoryCount <= 0) return false;
+      return true;
+    }),
+    [products, catalog.priceMin, catalog.priceMax, catalog.inStockOnly]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "mx-auto max-w-7xl px-4 py-8 sm:px-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold tracking-tight", children: config.name }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-muted-foreground", children: catalog.search ? `Resultados para \u201C${catalog.search}\u201D` : "Produtos selecionados com qualidade e entrega r\xE1pida." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-8 lg:flex-row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(FiltersPanel, {}),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border bg-card py-16 text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "N\xE3o foi poss\xEDvel carregar os produtos." }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: reload,
+            className: "mt-4 rounded-lg border px-4 py-2 text-sm font-semibold transition hover:bg-muted",
+            children: "Tentar novamente"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(ProductGrid, { products: filtered, loading }) })
+    ] })
+  ] });
+}
+
+// src/sections.ts
+function bannerPlaceholder(label, hueA, hueB, w = 1600, h = 700) {
+  const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="hsl(${hueA},40%,78%)"/><stop offset="1" stop-color="hsl(${hueB},45%,55%)"/></linearGradient></defs><rect width="${w}" height="${h}" fill="url(#g)"/><circle cx="${w * 0.8}" cy="${h * 0.3}" r="${h * 0.45}" fill="hsla(${hueB},50%,90%,0.25)"/><circle cx="${w * 0.15}" cy="${h * 0.85}" r="${h * 0.35}" fill="hsla(${hueA},45%,30%,0.12)"/></svg>`;
+  return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
+}
+function slideImage(slide, w = 1600, h = 700) {
+  return slide.image ?? bannerPlaceholder(slide.title, slide.hue ?? 200, (slide.hue ?? 200) + 40, w, h);
+}
+function SlideCopy({ slide, active }) {
+  const stagger = (i) => active ? { className: "animate-fade-up", style: { animationDelay: `${i * 120}ms` } } : { className: "opacity-0" };
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `sf-heading text-3xl font-bold leading-tight tracking-tight sm:text-5xl ${stagger(0).className}`, style: stagger(0).style, children: slide.title }),
+    slide.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `mt-3 max-w-md text-base sm:text-lg ${stagger(1).className}`, style: stagger(1).style, children: slide.subtitle }),
+    slide.cta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: stagger(2).className, style: stagger(2).style, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Link,
+      {
+        to: slide.href ?? "/catalog",
+        className: "sf-cta mt-6 inline-block bg-primary px-8 py-3.5 font-semibold text-primary-foreground shadow-lg transition-all hover:-translate-y-0.5 hover:shadow-xl",
+        style: { borderRadius: "var(--sf-radius-button)" },
+        children: slide.cta
+      }
+    ) })
+  ] });
+  if (slide.boxed) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border border-foreground/30 bg-background/90 p-8 backdrop-blur-sm sm:p-10", children: inner });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white", children: inner });
+}
+function HeroSection({
+  variant,
+  slides,
+  height = "tall"
+}) {
+  const [index, setIndex] = React18.useState(0);
+  const interacted = React18.useRef(false);
+  const hClass = height === "tall" ? "h-[72vh] min-h-[440px]" : "h-[48vh] min-h-[340px]";
+  React18.useEffect(() => {
+    if (variant !== "slider" || slides.length < 2 || prefersReducedMotion()) return;
+    const timer = setInterval(() => {
+      if (!interacted.current) setIndex((i) => (i + 1) % slides.length);
+    }, 7e3);
+    return () => clearInterval(timer);
+  }, [variant, slides.length]);
+  const goTo = (i) => {
+    interacted.current = true;
+    setIndex((i + slides.length) % slides.length);
+  };
+  if (slides.length === 0) return null;
+  if (variant === "split") {
+    return /* @__PURE__ */ jsxRuntime.jsx("section", { "data-testid": TID.hero, className: "grid gap-px sm:grid-cols-2", children: slides.slice(0, 2).map((slide, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+      Link,
+      {
+        to: slide.href ?? "/catalog",
+        className: "group relative block h-[42vh] min-h-[320px] overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: slideImage(slide, 900, 700),
+              alt: slide.title,
+              className: "h-full w-full object-cover transition-transform duration-700 ease-out group-hover:scale-105"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-gradient-to-t from-black/65 via-black/25 to-black/10 p-6 text-center text-white", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: "sf-heading animate-fade-up text-3xl font-bold uppercase tracking-wide drop-shadow-md sm:text-4xl",
+                style: { animationDelay: `${i * 150}ms` },
+                children: slide.title
+              }
+            ),
+            slide.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "animate-fade-up mt-2 max-w-sm drop-shadow", style: { animationDelay: `${i * 150 + 120}ms` }, children: slide.subtitle }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-4 inline-block border-b-2 border-white/0 pb-0.5 text-sm font-semibold uppercase tracking-wider opacity-0 transition-all duration-300 group-hover:border-white group-hover:opacity-100", children: "Explorar \u2192" })
+          ] })
+        ]
+      },
+      i
+    )) });
+  }
+  const active = slides[Math.min(index, slides.length - 1)];
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "data-testid": TID.hero, className: `relative w-full overflow-hidden ${hClass}`, children: [
+    slides.map((slide, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: slideImage(slide),
+        alt: slide.title,
+        "aria-hidden": i !== index,
+        className: `absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ${i === index ? "animate-kenburns opacity-100" : "opacity-0"}`
+      },
+      i
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `absolute inset-0 flex items-end p-6 sm:p-12 ${active.boxed ? "" : "bg-gradient-to-t from-black/60 via-black/20 to-transparent"}`,
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-7xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-xl", children: /* @__PURE__ */ jsxRuntime.jsx(SlideCopy, { slide: active, active: true }, index) }) })
+      }
+    ),
+    variant === "slider" && slides.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Slide anterior",
+          "data-testid": TID.heroPrev,
+          onClick: () => goTo(index - 1),
+          className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/85 p-2.5 shadow transition-transform hover:scale-110 hover:bg-white",
+          children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeft, { className: "h-5 w-5 text-gray-900" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Pr\xF3ximo slide",
+          "data-testid": TID.heroNext,
+          onClick: () => goTo(index + 1),
+          className: "absolute right-4 top-1/2 -translate-y-1/2 rounded-full bg-white/85 p-2.5 shadow transition-transform hover:scale-110 hover:bg-white",
+          children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { className: "h-5 w-5 text-gray-900" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-4 left-1/2 flex -translate-x-1/2 gap-2", children: slides.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Ir para o slide ${i + 1}`,
+          onClick: () => goTo(i),
+          className: `h-2 rounded-full transition-all duration-300 ${i === index ? "w-7 bg-white" : "w-2 bg-white/60 hover:bg-white/80"}`
+        },
+        i
+      )) })
+    ] })
+  ] });
+}
+function CategoryShowcase({ style, title }) {
+  const { categories } = useCategories();
+  const config = useStorefrontConfig();
+  const setCategoryId = useCatalogStore((s) => s.setCategoryId);
+  if (categories.length === 0) return null;
+  const go = (categoryId) => {
+    useCatalogStore.getState().reset();
+    setCategoryId(categoryId);
+    navigateTo(config.catalogPath);
+  };
+  if (style === "bubbles") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("section", { "data-testid": TID.categoryShowcase, className: "mx-auto max-w-7xl px-4 py-12 sm:px-6", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading mb-8 text-center text-3xl font-bold", children: title }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-start justify-center gap-8", children: categories.map((c, i) => /* @__PURE__ */ jsxRuntime.jsx(Reveal, { delay: i * 80, children: /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: () => go(c.id), className: "group flex w-28 flex-col items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block h-24 w-24 overflow-hidden rounded-full border-2 border-transparent shadow-sm transition-all duration-300 group-hover:scale-105 group-hover:border-primary group-hover:shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: c.imageUrl ?? bannerPlaceholder(c.name, 30 + i * 70, 70 + i * 70, 200, 200),
+            alt: c.name,
+            className: "h-full w-full object-cover"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center text-xs font-medium leading-tight", children: c.name })
+      ] }) }, c.id)) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "data-testid": TID.categoryShowcase, className: "mx-auto max-w-7xl px-4 py-12 sm:px-6", children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading mb-8 text-center text-3xl font-bold", children: title }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4 lg:grid-cols-4", children: categories.map((c, i) => /* @__PURE__ */ jsxRuntime.jsx(Reveal, { delay: i * 90, children: /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: () => go(c.id), className: "group relative block aspect-[4/5] w-full overflow-hidden", style: { borderRadius: "var(--sf-radius-card)" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: c.imageUrl ?? bannerPlaceholder(c.name, 30 + i * 70, 70 + i * 70, 480, 600),
+          alt: c.name,
+          className: "h-full w-full object-cover transition-transform duration-700 ease-out group-hover:scale-110"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 via-black/30 to-transparent p-5 pt-12 text-left", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sf-heading block text-lg font-semibold text-white", children: c.name }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 block text-xs text-white/80 opacity-0 transition-opacity duration-300 group-hover:opacity-100", children: "Explorar \u2192" })
+      ] })
+    ] }) }, c.id)) })
+  ] });
+}
+function ProductRail({
+  title,
+  subtitle,
+  eyebrow,
+  filter = "all",
+  limit = 4
+}) {
+  const config = useStorefrontConfig();
+  const ProductCardComponent = config.slots?.ProductCard ?? ProductCard;
+  const { products, loading } = useProducts(
+    filter === "new" ? { status: "active", orderBy: "created_at", order: "desc" } : { status: "active" }
+  );
+  const visible = React18.useMemo(() => {
+    let list = products;
+    if (filter === "sale") list = list.filter((p) => p.compareAtPrice != null && p.compareAtPrice > p.price);
+    return list.slice(0, limit);
+  }, [products, filter, limit]);
+  if (!loading && visible.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "data-testid": TID.productRail, className: "mx-auto max-w-7xl px-4 py-14 sm:px-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Reveal, { className: "mb-10 text-center", children: [
+      eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-[0.2em] text-primary", children: eyebrow }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-3xl font-bold tracking-tight", children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: subtitle })
+    ] }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-5 md:grid-cols-4", children: Array.from({ length: limit }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[3/4] animate-pulse bg-muted", style: { borderRadius: "var(--sf-radius-card)" } }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-5 md:grid-cols-4", children: visible.map((p, i) => /* @__PURE__ */ jsxRuntime.jsx(Reveal, { delay: i * 90, children: /* @__PURE__ */ jsxRuntime.jsx(ProductCardComponent, { product: p }) }, p.id)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Reveal, { className: "mt-10 text-center", delay: 200, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Link,
+      {
+        to: config.catalogPath,
+        className: "sf-cta inline-block border border-foreground/30 px-7 py-2.5 text-sm font-semibold transition-all hover:-translate-y-0.5 hover:bg-foreground hover:text-background hover:shadow",
+        style: { borderRadius: "var(--sf-radius-button)" },
+        children: "Ver tudo"
+      }
+    ) })
+  ] });
+}
+function Icon({ name, className }) {
+  const C = LucideIcons__namespace[name];
+  return C ? /* @__PURE__ */ jsxRuntime.jsx(C, { className }) : null;
+}
+function BenefitsRow({ items }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { "data-testid": TID.benefits, className: "border-y bg-card", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto grid max-w-7xl grid-cols-1 gap-6 px-4 py-9 sm:grid-cols-3 sm:px-6", children: items.slice(0, 4).map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(Reveal, { delay: i * 120, className: "flex items-center justify-center gap-3 text-center sm:text-left", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: item.icon, className: "h-6 w-6 text-primary" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: item.title }),
+      item.text && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: item.text })
+    ] })
+  ] }, i)) }) });
+}
+function PromoBanner({
+  title,
+  subtitle,
+  eyebrow,
+  cta,
+  href,
+  image,
+  hue = 160
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "data-testid": TID.promoBanner, className: "group relative my-12 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: image ?? bannerPlaceholder(title, hue, hue + 50, 1600, 420),
+        alt: title,
+        className: "h-80 w-full object-cover transition-transform duration-700 ease-out group-hover:scale-105"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-gradient-to-t from-black/65 via-black/35 to-black/20 p-6 text-center text-white", children: /* @__PURE__ */ jsxRuntime.jsxs(Reveal, { children: [
+      eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-[0.25em] text-white/80", children: eyebrow }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-3xl font-bold drop-shadow sm:text-5xl", children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 max-w-lg text-white/90", children: subtitle }),
+      cta && /* @__PURE__ */ jsxRuntime.jsx(
+        Link,
+        {
+          to: href ?? "/catalog",
+          className: "sf-cta mt-6 inline-block bg-white px-8 py-3 font-semibold text-gray-900 shadow-lg transition-all hover:-translate-y-0.5 hover:shadow-xl",
+          style: { borderRadius: "var(--sf-radius-button)" },
+          children: cta
+        }
+      )
+    ] }) })
+  ] });
+}
+function ManifestoBlock({ title, text }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "data-testid": TID.manifesto, className: "mx-auto max-w-3xl px-4 py-14 text-center sm:px-6", children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading mb-5 text-2xl font-bold", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sf-heading text-xl leading-relaxed text-muted-foreground sm:text-2xl", children: text })
+  ] });
+}
+function Testimonials({ title, items }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { "data-testid": TID.testimonials, className: "bg-muted/50 py-14", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-7xl px-4 sm:px-6", children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx(Reveal, { children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading mb-10 text-center text-3xl font-bold", children: title }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-6 md:grid-cols-3", children: items.slice(0, 3).map((t, i) => /* @__PURE__ */ jsxRuntime.jsx(Reveal, { delay: i * 130, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "figure",
+      {
+        className: "h-full bg-card p-7 shadow-sm transition-shadow hover:shadow-md",
+        style: { borderRadius: "var(--sf-radius-card)" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 text-primary", "aria-hidden": true, children: "\u2605\u2605\u2605\u2605\u2605" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "leading-relaxed", children: [
+            "\u201C",
+            t.quote,
+            "\u201D"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("figcaption", { className: "mt-4 text-sm font-semibold text-muted-foreground", children: [
+            "\u2014 ",
+            t.author
+          ] })
+        ]
+      }
+    ) }, i)) })
+  ] }) });
+}
+function NewsletterBand({ title, subtitle }) {
+  const [email, setEmail] = React18.useState("");
+  const [done, setDone] = React18.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { "data-testid": TID.newsletter, className: "bg-primary py-16 text-primary-foreground", children: /* @__PURE__ */ jsxRuntime.jsxs(Reveal, { className: "mx-auto max-w-xl px-4 text-center sm:px-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-3xl font-bold", children: title ?? "Receba nossas novidades" }),
+    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 opacity-90", children: subtitle }),
+    done ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-testid": TID.newsletterDone, className: "mt-6 font-medium", children: "Inscri\xE7\xE3o confirmada! \u{1F389}" }) : /* @__PURE__ */ jsxRuntime.jsxs(
+      "form",
+      {
+        className: "mt-6 flex gap-2",
+        onSubmit: (e) => {
+          e.preventDefault();
+          if (email.trim()) setDone(true);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              "data-testid": TID.newsletterEmail,
+              type: "email",
+              required: true,
+              placeholder: "Seu e-mail",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              className: "flex-1 border-0 bg-white/95 px-4 py-3 text-sm text-gray-900 outline-none",
+              style: { borderRadius: "var(--sf-radius-input)" }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "submit",
+              "data-testid": TID.newsletterSubmit,
+              className: "sf-cta bg-foreground px-6 py-3 text-sm font-semibold text-background",
+              style: { borderRadius: "var(--sf-radius-button)" },
+              children: "Assinar"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/blocks.tsx
+var registered = false;
+function registerStorefrontBlocks() {
+  if (registered) return;
+  registered = true;
+  core.registerBlock("hero", HeroSection, { source: "sdk", label: "Hero" });
+  core.registerBlock("categories", CategoryShowcase, { source: "sdk", label: "Categories" });
+  core.registerBlock("products", ProductRail, { source: "sdk", label: "Product rail" });
+  core.registerBlock("benefits", BenefitsRow, { source: "sdk", label: "Benefits row" });
+  core.registerBlock("banner", PromoBanner, { source: "sdk", label: "Promo banner" });
+  core.registerBlock("manifesto", ManifestoBlock, { source: "sdk", label: "Manifesto" });
+  core.registerBlock("testimonials", Testimonials, { source: "sdk", label: "Testimonials" });
+  core.registerBlock("newsletter", NewsletterBand, { source: "sdk", label: "Newsletter band" });
+}
+registerStorefrontBlocks();
+function sectionsToBlocks(sections) {
+  return sections.map((section, i) => {
+    const { type, ...props } = section;
+    return { type, id: `${type}-${i}`, props };
+  });
+}
+function HomePage({ sections }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("main", { children: core.renderBlocks(sectionsToBlocks(sections)) });
+}
+function useProduct(slug2) {
+  const [product, setProduct] = React18.useState(null);
+  const [loading, setLoading] = React18.useState(true);
+  const [error, setError] = React18.useState(null);
+  React18.useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    runtime.getShopProvider().listProducts({ slug: slug2, status: "active", limit: 1 }).then((data) => {
+      if (cancelled) return;
+      setProduct(data[0] ?? null);
+      setError(null);
+    }).catch((e) => {
+      if (!cancelled) setError(e instanceof Error ? e.message : String(e));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [slug2]);
+  return { product, loading, error };
+}
+function ProductOptionSelector({ groups, value, onChange }) {
+  if (groups.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 space-y-4", children: groups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": TID.productOptionGroup(group.id), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: group.label }),
+      value[group.label] && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-muted-foreground", children: value[group.label] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: group.values.map((option) => {
+      const selected = value[group.label] === option;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "data-testid": TID.productOptionValue(group.id, option),
+          "aria-pressed": selected,
+          onClick: () => onChange({ ...value, [group.label]: option }),
+          className: [
+            "min-h-10 rounded-full border px-4 text-sm font-medium transition-colors",
+            selected ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-foreground hover:border-primary/60"
+          ].join(" "),
+          children: option
+        },
+        option
+      );
+    }) })
+  ] }, group.id)) });
+}
+var EXCLUDED_KEYS = /* @__PURE__ */ new Set([
+  "options",
+  "sizes",
+  "colors",
+  "fayzStoreCategory",
+  "source",
+  "storeKey",
+  "storeName",
+  "tenantId",
+  "slug"
+]);
+function isInternalKey(key) {
+  return EXCLUDED_KEYS.has(key) || key.startsWith("_") || key.startsWith("fayz");
+}
+var LABELS = {
+  colorway: "Cor",
+  color: "Cor",
+  fit: "Caimento",
+  material: "Material",
+  vintage: "Safra",
+  region: "Regi\xE3o",
+  grape: "Uva",
+  pairing: "Harmoniza\xE7\xE3o",
+  abv: "Teor alco\xF3lico",
+  volume: "Volume",
+  brand: "Marca",
+  origin: "Origem",
+  warranty: "Garantia",
+  dimensions: "Dimens\xF5es"
+};
+function humanize(key) {
+  if (LABELS[key]) return LABELS[key];
+  const spaced = key.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
+  return spaced.charAt(0).toUpperCase() + spaced.slice(1);
+}
+function scalarToString(value) {
+  if (typeof value === "string") return value.trim() || null;
+  if (typeof value === "number") return String(value);
+  if (typeof value === "boolean") return value ? "Sim" : "N\xE3o";
+  return null;
+}
+function ProductSpecs({ product }) {
+  const rows = [];
+  if (product.sku) rows.push(["SKU", product.sku]);
+  if (product.categoryName) rows.push(["Categoria", product.categoryName]);
+  if (product.weight != null) rows.push(["Peso", `${product.weight} ${product.weightUnit}`]);
+  for (const [key, value] of Object.entries(product.metadata ?? {})) {
+    if (isInternalKey(key)) continue;
+    const str = scalarToString(value);
+    if (str) rows.push([humanize(key), str]);
+  }
+  if (rows.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-14", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-xl font-semibold tracking-tight", children: "Especifica\xE7\xF5es" }),
+    /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "mt-5 grid gap-x-12 sm:grid-cols-2", children: rows.map(([label, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 border-b py-3 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "text-right font-medium", children: value })
+    ] }, label)) })
+  ] });
+}
+function RelatedProducts({ product }) {
+  const config = useStorefrontConfig();
+  const Card = config.slots?.ProductCard ?? ProductCard;
+  const opts = product.categoryId ? { categoryId: product.categoryId, status: "active", limit: 5 } : { status: "active", limit: 5 };
+  const { products, loading } = useProducts(opts);
+  const related = products.filter((p) => p.id !== product.id).slice(0, 4);
+  if (loading || related.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "mt-16", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-xl font-semibold tracking-tight", children: "Voc\xEA tamb\xE9m pode gostar" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 grid grid-cols-2 gap-5 md:grid-cols-4", children: related.map((p) => /* @__PURE__ */ jsxRuntime.jsx(Card, { product: p }, p.id)) })
+  ] });
+}
+function ProductDetailPage({ slug: slug2 }) {
+  const config = useStorefrontConfig();
+  const { product, loading } = useProduct(slug2);
+  const addItem = useCartStore((s) => s.addItem);
+  const [qty, setQty] = React18.useState(1);
+  const [selectedOptions, setSelectedOptions] = React18.useState({});
+  const optionGroups = product ? getProductOptionGroups(product) : [];
+  useStorefrontHead({
+    title: product ? `${product.name} \u2014 ${config.name}` : config.name,
+    description: product?.description
+  });
+  React18.useEffect(() => {
+    if (!product) return;
+    const defaults = Object.fromEntries(
+      getProductOptionGroups(product).map((group) => [group.label, group.values[0] ?? ""])
+    );
+    setSelectedOptions(defaults);
+  }, [product?.id]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "mx-auto max-w-5xl px-4 py-8 sm:px-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid animate-pulse gap-10 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-square rounded-2xl bg-muted" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 py-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 w-3/4 rounded bg-muted" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-1/3 rounded bg-muted" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-24 rounded bg-muted" })
+      ] })
+    ] }) });
+  }
+  if (!product) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "mx-auto max-w-5xl px-4 py-20 text-center sm:px-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground", children: "Produto n\xE3o encontrado." }),
+      /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/", className: "mt-4 inline-block text-primary underline", children: "Voltar \xE0 loja" })
+    ] });
+  }
+  const soldOut = product.inventoryCount <= 0;
+  const lowStock = !soldOut && product.inventoryCount <= 5;
+  const image = product.images.find((i) => i.isPrimary) ?? product.images[0];
+  const discountPct = product.compareAtPrice && product.compareAtPrice > product.price ? Math.round((1 - product.price / product.compareAtPrice) * 100) : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "mx-auto max-w-5xl px-4 py-8 sm:px-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Link, { to: "/", className: "mb-6 inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeft, { className: "h-4 w-4" }),
+      " Continuar comprando"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid animate-fade-up gap-10 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "group overflow-hidden border bg-muted", style: { borderRadius: "var(--sf-radius-card)" }, children: image && /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: image.url,
+          alt: image.altText ?? product.name,
+          className: "aspect-square w-full object-cover transition-transform duration-700 ease-out group-hover:scale-105"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col py-2 lg:sticky lg:top-24 lg:self-start", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "mb-3 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/", className: "transition-colors hover:text-foreground", children: "In\xEDcio" }),
+          product.categoryName && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "/" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: product.categoryName })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "/" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: product.name })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-testid": TID.pdpName, className: "sf-heading text-3xl font-bold tracking-tight", children: product.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+            Price,
+            {
+              value: product.price,
+              compareAt: product.compareAtPrice,
+              testId: TID.pdpPrice,
+              compareTestId: TID.pdpComparePrice
+            }
+          ) }),
+          discountPct > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rounded-full bg-primary/10 px-2.5 py-1 text-xs font-bold text-primary", children: [
+            "\u2212",
+            discountPct,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { "data-testid": TID.pdpDescription, className: "mt-5 leading-relaxed text-muted-foreground", children: product.description }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-wrap items-center gap-x-3 gap-y-1 text-sm", children: [
+          soldOut ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2 font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 rounded-full bg-muted-foreground" }),
+            " Sem estoque"
+          ] }) : lowStock ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2 font-semibold text-amber-600", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 animate-pulse rounded-full bg-amber-500" }),
+            "\xDAltimas unidades \u2014 s\xF3 ",
+            product.inventoryCount,
+            " restantes"
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2 font-medium text-emerald-600", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 rounded-full bg-emerald-500" }),
+            " Em estoque"
+          ] }),
+          product.sku && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+            "SKU: ",
+            product.sku
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ProductOptionSelector,
+          {
+            groups: optionGroups,
+            value: selectedOptions,
+            onChange: setSelectedOptions
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            QuantityInput,
+            {
+              value: qty,
+              onChange: setQty,
+              max: soldOut ? 1 : product.inventoryCount,
+              testId: TID.pdpQtyInput
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-testid": TID.pdpAddToCart,
+              disabled: soldOut,
+              onClick: () => addItem(product, qty, selectedOptions),
+              className: "sf-cta flex-1 bg-primary py-3.5 font-semibold text-primary-foreground shadow-md transition-all hover:-translate-y-0.5 hover:shadow-lg disabled:cursor-not-allowed disabled:opacity-40 disabled:shadow-none disabled:hover:translate-y-0",
+              style: { borderRadius: "var(--sf-radius-button)" },
+              children: soldOut ? "Esgotado" : "Adicionar ao carrinho"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 grid grid-cols-3 gap-3 border-t pt-6 text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1.5 text-[11px] font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Truck, { className: "h-5 w-5 text-primary" }),
+            " Envio r\xE1pido"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1.5 text-[11px] font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.RefreshCcw, { className: "h-5 w-5 text-primary" }),
+            " Troca f\xE1cil"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1.5 text-[11px] font-medium text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ShieldCheck, { className: "h-5 w-5 text-primary" }),
+            " Pagamento seguro"
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ProductSpecs, { product }),
+    /* @__PURE__ */ jsxRuntime.jsx(RelatedProducts, { product })
+  ] });
+}
+function formatDeliveryNotes(address) {
+  if (!address) return void 0;
+  if (address.notes?.trim()) return address.notes.trim();
+  const parts = [address.street, address.city, address.zip].map((part) => part?.trim()).filter(Boolean);
+  return parts.length > 0 ? `Entrega: ${parts.join(", ")}` : void 0;
+}
+async function placeStorefrontOrder({
+  config,
+  cart,
+  session,
+  customer,
+  address,
+  markPaid = false
+}) {
+  const email = customer.email.trim().toLowerCase();
+  const name = customer.name.trim();
+  const provider = runtime.getShopProvider();
+  let customerId = session?.customerId ?? null;
+  if (!customerId || session?.email !== email) {
+    const established = await establishCustomerSession(email, { name });
+    customerId = established.customerId;
+  }
+  const order = await provider.placeOrder({
+    customerId: customerId ?? void 0,
+    customer: { name, email },
+    currency: config.currency,
+    notes: formatDeliveryNotes(address),
+    discountCode: cart.discountCode ?? void 0,
+    shippingTotal: selectShipping(cart, config),
+    items: cart.lines.map((line) => ({
+      productId: line.productId,
+      quantity: line.quantity,
+      optionsLabel: line.optionsLabel || void 0
+    }))
+  });
+  if (markPaid) {
+    await provider.updateOrder(order.id, { financialStatus: "paid" });
+  }
+  return { order, customerId: customerId ?? order.customerId ?? "" };
+}
+function SignInModal({ defaultEmail = "", onClose, onSignedIn }) {
+  const [email, setEmail] = React18.useState(defaultEmail);
+  const [password, setPassword] = React18.useState("");
+  const [busy, setBusy] = React18.useState(false);
+  const [error, setError] = React18.useState(null);
+  React18.useEffect(() => {
+    const onKey = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  async function submit(event) {
+    event.preventDefault();
+    if (!email.trim() || !password) return;
+    setBusy(true);
+    setError(null);
+    try {
+      await establishCustomerSession(email, { password });
+      const session = useSessionStore.getState();
+      onSignedIn?.({ email: session.email, name: session.name });
+      onClose();
+    } catch {
+      setError("N\xE3o foi poss\xEDvel entrar. Verifique seu e-mail e senha.");
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "fixed inset-0 z-[60] flex items-center justify-center p-4",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Entrar na sua conta",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 animate-fade-in bg-foreground/40 backdrop-blur-sm", onClick: onClose }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "relative z-10 w-full max-w-sm animate-fade-up border bg-card p-6 shadow-2xl",
+            style: { borderRadius: "var(--sf-radius-card)" },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  "aria-label": "Fechar",
+                  className: "absolute right-4 top-4 rounded-full p-1 text-muted-foreground transition hover:bg-muted hover:text-foreground",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-5 w-5" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Lock, { className: "h-4 w-4" }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-lg font-semibold leading-tight", children: "Entrar na sua conta" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Use seus dados salvos e acompanhe pedidos." })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: submit, className: "mt-5 space-y-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "email",
+                    required: true,
+                    autoFocus: true,
+                    placeholder: "voce@exemplo.com",
+                    value: email,
+                    onChange: (event) => setEmail(event.target.value),
+                    className: "w-full border bg-background px-3 py-2.5 text-sm outline-none transition focus:border-primary focus:ring-2 focus:ring-primary/10",
+                    style: { borderRadius: "var(--sf-radius-input)" }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "password",
+                    required: true,
+                    placeholder: "Senha",
+                    value: password,
+                    onChange: (event) => setPassword(event.target.value),
+                    className: "w-full border bg-background px-3 py-2.5 text-sm outline-none transition focus:border-primary focus:ring-2 focus:ring-primary/10",
+                    style: { borderRadius: "var(--sf-radius-input)" }
+                  }
+                ),
+                error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: error }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "submit",
+                    disabled: busy,
+                    className: "sf-cta w-full bg-primary py-3 font-semibold text-primary-foreground shadow-md transition-all hover:-translate-y-0.5 hover:shadow-lg disabled:opacity-60",
+                    style: { borderRadius: "var(--sf-radius-button)" },
+                    children: busy ? "Entrando\u2026" : "Entrar"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-4 text-center text-sm text-muted-foreground", children: [
+                "N\xE3o tem conta?",
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/account", onClick: onClose, className: "font-semibold text-primary hover:underline", children: "Criar conta" })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var SAVED_ADDRESSES = [
+  { id: "home", label: "Casa", street: "Rua das Flores, 123", city: "S\xE3o Paulo", zip: "01310-100" }
+];
+var SAVED_PAYMENT_METHODS = [
+  { id: "visa", label: "Visa final 4242", card: "4242 4242 4242 4242", expiry: "12/29", cvc: "123" }
+];
+var PROCESSING_STEPS = [
+  { icon: LucideIcons.Lock, label: "Validando seus dados..." },
+  { icon: LucideIcons.CreditCard, label: "Processando pagamento..." },
+  { icon: LucideIcons.PackageCheck, label: "Confirmando seu pedido..." }
+];
+var DEFAULT_ADDRESS = SAVED_ADDRESSES[0];
+var DEFAULT_PAYMENT = SAVED_PAYMENT_METHODS[0];
+var sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+function ProcessingOverlay({ step }) {
+  const current = PROCESSING_STEPS[Math.min(step, PROCESSING_STEPS.length - 1)];
+  const Icon2 = current.icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": TID.checkoutProcessing,
+      className: "fixed inset-0 z-50 flex animate-fade-in flex-col items-center justify-center bg-background/95 backdrop-blur-sm",
+      role: "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-24 w-24 items-center justify-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 animate-spin rounded-full border-[3px] border-muted border-t-primary", style: { animationDuration: "1.1s" } }),
+          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-9 w-9 animate-pop-in text-primary" }, step)
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-6 animate-fade-up font-medium", children: current.label }, `label-${step}`),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-8 text-xs text-muted-foreground", children: "Pagamento seguro - n\xE3o feche esta janela" })
+      ]
+    }
+  );
+}
+function field(label, testId, value, onChange, props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        "data-testid": testId,
+        "aria-label": label,
+        value,
+        onChange: (event) => onChange(event.target.value),
+        className: "w-full rounded-lg border bg-background px-3.5 py-3 text-sm outline-none transition focus:border-primary focus:ring-2 focus:ring-primary/10",
+        ...props
+      }
+    )
+  ] });
+}
+function CheckoutPage() {
+  const config = useStorefrontConfig();
+  const cart = useCartStore();
+  const session = useSessionStore();
+  const validateDiscount2 = useDiscountValidator();
+  useStorefrontHead({ title: `Checkout \u2014 ${config.name}` });
+  const [selectedAddressId, setSelectedAddressId] = React18.useState(DEFAULT_ADDRESS.id);
+  const [selectedPaymentId, setSelectedPaymentId] = React18.useState(DEFAULT_PAYMENT.id);
+  const [savedAddresses, setSavedAddresses] = React18.useState(SAVED_ADDRESSES);
+  const [savedPaymentMethods, setSavedPaymentMethods] = React18.useState(SAVED_PAYMENT_METHODS);
+  const [addressMode, setAddressMode] = React18.useState("saved");
+  const [paymentMode, setPaymentMode] = React18.useState("saved");
+  const [form, setForm] = React18.useState({
+    email: session.email ?? "",
+    name: session.name ?? "",
+    street: DEFAULT_ADDRESS.street,
+    city: DEFAULT_ADDRESS.city,
+    zip: DEFAULT_ADDRESS.zip,
+    card: DEFAULT_PAYMENT.card,
+    expiry: DEFAULT_PAYMENT.expiry,
+    cvc: DEFAULT_PAYMENT.cvc
+  });
+  const [error, setError] = React18.useState(null);
+  const [discountCode, setDiscountCode] = React18.useState("");
+  const [discountError, setDiscountError] = React18.useState(null);
+  const [discountSuccess, setDiscountSuccess] = React18.useState(null);
+  const [applyingDiscount, setApplyingDiscount] = React18.useState(false);
+  const [placing, setPlacing] = React18.useState(false);
+  const [processingStep, setProcessingStep] = React18.useState(0);
+  const [showSignin, setShowSignin] = React18.useState(false);
+  const subtotal = selectSubtotal(cart);
+  const discountTotal = selectDiscountTotal(cart);
+  const shipping = selectShipping(cart, config);
+  const total = selectTotal(cart, config);
+  const money = (value) => formatMoney(value, config.currency, config.locale);
+  React18.useEffect(() => {
+    if (cart.lines.length === 0 && !placing) navigateTo(config.catalogPath);
+  }, [cart.lines.length, config.catalogPath, placing]);
+  const set = (key) => (value) => setForm((current) => ({ ...current, [key]: value }));
+  async function applyDiscountCode() {
+    setApplyingDiscount(true);
+    setDiscountError(null);
+    setDiscountSuccess(null);
+    try {
+      const appliedCode = discountCode.trim().toUpperCase();
+      const result = await validateDiscount2(discountCode);
+      if (result.valid) {
+        cart.applyDiscount(appliedCode, result.percent);
+        setDiscountCode(appliedCode);
+        setDiscountSuccess(`${appliedCode} aplicado: ${result.percent}% de desconto.`);
+        toast.success("Cupom aplicado!", `${appliedCode} \u2022 ${result.percent}% de desconto`);
+      } else {
+        setDiscountError(result.message ?? "Cupom inv\xE1lido.");
+        toast.error("Cupom inv\xE1lido", result.message ?? "Verifique o c\xF3digo e tente novamente.");
+      }
+    } finally {
+      setApplyingDiscount(false);
+    }
+  }
+  function clearDiscountCode() {
+    cart.clearDiscount();
+    setDiscountCode("");
+    setDiscountSuccess(null);
+    setDiscountError(null);
+  }
+  function applySavedAddress(address) {
+    setAddressMode("saved");
+    setSelectedAddressId(address.id);
+    setForm((current) => ({ ...current, street: address.street, city: address.city, zip: address.zip }));
+  }
+  function selectAddress(addressId) {
+    const address = savedAddresses.find((item) => item.id === addressId);
+    if (address) applySavedAddress(address);
+  }
+  function addNewAddress() {
+    setAddressMode("new");
+    setSelectedAddressId("new");
+    setForm((current) => ({ ...current, street: "", city: "", zip: "" }));
+  }
+  function removeAddress(addressId) {
+    const nextAddresses = savedAddresses.filter((item) => item.id !== addressId);
+    setSavedAddresses(nextAddresses);
+    if (selectedAddressId !== addressId) return;
+    const fallback = nextAddresses[0];
+    if (fallback) applySavedAddress(fallback);
+    else addNewAddress();
+  }
+  function applySavedPayment(method) {
+    setPaymentMode("saved");
+    setSelectedPaymentId(method.id);
+    setForm((current) => ({ ...current, card: method.card, expiry: method.expiry, cvc: method.cvc }));
+  }
+  function selectPayment(paymentId) {
+    const method = savedPaymentMethods.find((item) => item.id === paymentId);
+    if (method) applySavedPayment(method);
+  }
+  function addNewPayment() {
+    setPaymentMode("new");
+    setSelectedPaymentId("new");
+    setForm((current) => ({ ...current, card: "", expiry: "", cvc: "" }));
+  }
+  function removePayment(paymentId) {
+    const nextMethods = savedPaymentMethods.filter((item) => item.id !== paymentId);
+    setSavedPaymentMethods(nextMethods);
+    if (selectedPaymentId !== paymentId) return;
+    const fallback = nextMethods[0];
+    if (fallback) applySavedPayment(fallback);
+    else addNewPayment();
+  }
+  function validate() {
+    setError(null);
+    if (!form.email.trim() || !/.+@.+\..+/.test(form.email)) {
+      setError("Informe um e-mail v\xE1lido.");
+      return false;
+    }
+    if (!form.name.trim()) {
+      setError("Informe seu nome completo.");
+      return false;
+    }
+    if (!form.street.trim() || !form.city.trim() || !form.zip.trim()) {
+      setError("Preencha ou selecione o endere\xE7o de entrega.");
+      return false;
+    }
+    if (!/^\d{16}$/.test(form.card.replace(/\s+/g, "")) || !form.expiry.trim() || !form.cvc.trim()) {
+      setError("Selecione ou preencha um m\xE9todo de pagamento v\xE1lido.");
+      return false;
+    }
+    return true;
+  }
+  async function placeOrder() {
+    if (!validate()) return;
+    setPlacing(true);
+    setProcessingStep(0);
+    const stepMs = prefersReducedMotion() ? 120 : 600;
+    const stepTimers = [
+      setTimeout(() => setProcessingStep(1), stepMs),
+      setTimeout(() => setProcessingStep(2), stepMs * 2)
+    ];
+    const minDuration = sleep(stepMs * 2);
+    try {
+      const { order } = await placeStorefrontOrder({
+        config,
+        cart,
+        session,
+        customer: { email: form.email, name: form.name },
+        address: { street: form.street, city: form.city, zip: form.zip },
+        // Demo only: mock mode instantly approves. Real Pix/Mercado Pago (M4)
+        // leaves the order pending until the payment webhook confirms.
+        markPaid: config.payments.mode === "mock"
+      });
+      await minDuration;
+      cart.clear();
+      navigateTo(`/order/${order.id}`);
+    } catch (error2) {
+      setError(error2 instanceof Error ? error2.message : "N\xE3o foi poss\xEDvel concluir o pedido.");
+      setPlacing(false);
+    } finally {
+      stepTimers.forEach(clearTimeout);
+    }
+  }
+  const primaryCta = placing ? "Processando..." : `Comprar agora - ${money(total)}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "min-h-screen bg-background", children: [
+    placing && /* @__PURE__ */ jsxRuntime.jsx(ProcessingOverlay, { step: processingStep }),
+    showSignin && !session.email && /* @__PURE__ */ jsxRuntime.jsx(
+      SignInModal,
+      {
+        defaultEmail: form.email,
+        onClose: () => setShowSignin(false),
+        onSignedIn: (signed) => setForm((current) => ({ ...current, email: signed.email ?? current.email, name: signed.name || current.name }))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "border-b bg-background", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-6xl items-center justify-between gap-4 px-4 py-6 sm:px-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Link, { to: config.catalogPath, className: "text-sm text-muted-foreground hover:text-foreground", children: "Voltar \xE0 loja" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sf-heading text-2xl font-bold tracking-tight", children: config.logo ?? config.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center justify-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Lock, { className: "h-3.5 w-3.5" }),
+          "Checkout seguro"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("a", { href: "mailto:suporte@example.com", className: "text-sm text-muted-foreground hover:text-foreground", children: "Ajuda" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid max-w-6xl gap-8 px-4 py-8 sm:px-6 lg:grid-cols-5 lg:px-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "lg:col-span-3 lg:pr-10", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "mb-8 flex flex-wrap items-center gap-2 text-sm text-muted-foreground", "aria-label": "Checkout steps", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: "Informa\xE7\xF5es" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "/" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Entrega" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "/" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Pagamento" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold tracking-tight", children: "Informa\xE7\xF5es de contato" }),
+              session.email ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+                "Conectado como ",
+                session.email
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowSignin((value) => !value),
+                  className: "text-sm font-medium text-primary hover:underline",
+                  children: "J\xE1 tem conta? Entrar"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+              field("E-mail", TID.checkoutEmail, form.email, set("email"), {
+                type: "email",
+                placeholder: "E-mail ou telefone"
+              }),
+              field("Nome completo", TID.checkoutName, form.name, set("name"), {
+                placeholder: "Nome completo"
+              })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: "Endere\xE7o de entrega" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 grid gap-3", children: [
+              savedAddresses.map((address) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: `group relative rounded-lg border p-3 pr-11 text-left text-sm transition hover:bg-muted/40 ${selectedAddressId === address.id ? "border-primary bg-primary/5" : "border-border bg-background"}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: () => selectAddress(address.id), className: "block w-full text-left", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center justify-between gap-3 font-semibold", children: [
+                        address.label,
+                        addressMode === "saved" && selectedAddressId === address.id && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[11px] font-bold text-primary", children: "Selecionado" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 block text-muted-foreground", children: address.street }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block text-muted-foreground", children: [
+                        address.city,
+                        " - ",
+                        address.zip
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => removeAddress(address.id),
+                        className: "absolute right-3 top-3 inline-flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground opacity-0 transition hover:bg-destructive/10 hover:text-destructive focus:opacity-100 group-hover:opacity-100",
+                        "aria-label": `Remover endere\xE7o ${address.label}`,
+                        title: "Remover endere\xE7o",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-4 w-4" })
+                      }
+                    )
+                  ]
+                },
+                address.id
+              )),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: addNewAddress,
+                  className: `rounded-lg border border-dashed p-3 text-left text-sm transition hover:bg-muted/40 ${addressMode === "new" ? "border-primary bg-primary/5" : "border-border bg-muted/20"}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block font-semibold text-primary", children: "+ Adicionar novo endere\xE7o" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 block text-muted-foreground", children: "Preencher outro endere\xE7o para esta compra" })
+                  ]
+                }
+              )
+            ] }),
+            addressMode === "new" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3", children: [
+              field("Endere\xE7o", TID.checkoutStreet, form.street, set("street"), { placeholder: "Endere\xE7o" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3 sm:grid-cols-[1fr_160px]", children: [
+                field("Cidade", TID.checkoutCity, form.city, set("city"), { placeholder: "Cidade" }),
+                field("CEP", TID.checkoutZip, form.zip, set("zip"), { placeholder: "CEP" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-3 text-xl font-semibold tracking-tight", children: "Pagamento" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 grid gap-3", children: [
+              savedPaymentMethods.map((method) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: `group relative rounded-lg border p-3 pr-11 text-left text-sm transition hover:bg-muted/40 ${selectedPaymentId === method.id ? "border-primary bg-primary/5" : "border-border bg-background"}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: () => selectPayment(method.id), className: "block w-full text-left", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center justify-between gap-3 font-semibold", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CreditCard, { className: "h-4 w-4" }),
+                          method.label
+                        ] }),
+                        paymentMode === "saved" && selectedPaymentId === method.id && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[11px] font-bold text-primary", children: "Selecionado" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-1 block text-muted-foreground", children: [
+                        "Expira em ",
+                        method.expiry
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => removePayment(method.id),
+                        className: "absolute right-3 top-3 inline-flex h-8 w-8 items-center justify-center rounded-full text-muted-foreground opacity-0 transition hover:bg-destructive/10 hover:text-destructive focus:opacity-100 group-hover:opacity-100",
+                        "aria-label": `Remover cart\xE3o ${method.label}`,
+                        title: "Remover cart\xE3o",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Trash2, { className: "h-4 w-4" })
+                      }
+                    )
+                  ]
+                },
+                method.id
+              )),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: addNewPayment,
+                  className: `rounded-lg border border-dashed p-3 text-left text-sm transition hover:bg-muted/40 ${paymentMode === "new" ? "border-primary bg-primary/5" : "border-border bg-muted/20"}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 font-semibold text-primary", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CreditCard, { className: "h-4 w-4" }),
+                      "+ Adicionar novo cart\xE3o"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 block text-muted-foreground", children: "Usar outro cart\xE3o nesta compra" })
+                  ]
+                }
+              )
+            ] }),
+            paymentMode === "new" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3", children: [
+              field("N\xFAmero do cart\xE3o", TID.checkoutCard, form.card, set("card"), {
+                placeholder: "N\xFAmero do cart\xE3o",
+                inputMode: "numeric"
+              }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+                field("Validade", TID.checkoutExpiry, form.expiry, set("expiry"), { placeholder: "MM/AA" }),
+                field("CVC", TID.checkoutCvc, form.cvc, set("cvc"), { placeholder: "CVC", inputMode: "numeric" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Pagamento de demonstra\xE7\xE3o - nenhuma cobran\xE7a \xE9 feita." })
+          ] }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-testid": TID.checkoutError, className: "rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: error })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "mt-10 flex flex-wrap gap-4 border-t pt-5 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#/privacy", className: "hover:text-foreground", children: "Privacidade" }),
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#/terms", className: "hover:text-foreground", children: "Termos" }),
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#/refunds", className: "hover:text-foreground", children: "Trocas e devolu\xE7\xF5es" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "rounded-xl border bg-muted/20 p-5 lg:sticky lg:top-6 lg:col-span-2 lg:self-start", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sr-only", children: "Resumo do pedido" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4", children: cart.lines.map((line) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex gap-3 text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-16 w-16 flex-none overflow-hidden rounded-lg border bg-background", children: [
+            line.imageUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: line.imageUrl, alt: line.name, className: "h-full w-full object-cover" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -right-1 -top-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-muted-foreground px-1.5 text-[10px] font-bold text-background", children: line.quantity })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate font-medium", children: line.name }),
+            line.sku && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: line.sku }),
+            line.optionsLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: line.optionsLabel })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-price": (line.unitPrice * line.quantity).toFixed(2), children: money(line.unitPrice * line.quantity) })
+        ] }, line.lineId ?? line.productId)) }),
+        config.features.discounts && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5 space-y-2 border-t pt-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                "data-testid": TID.discountInput,
+                type: "text",
+                placeholder: "Cupom de desconto",
+                value: discountCode,
+                onChange: (event) => {
+                  setDiscountCode(event.target.value);
+                  setDiscountSuccess(null);
+                  setDiscountError(null);
+                },
+                className: "min-w-0 flex-1 rounded-lg border bg-background px-3 py-2 text-sm uppercase"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "data-testid": TID.discountApply,
+                onClick: applyDiscountCode,
+                disabled: applyingDiscount || !discountCode.trim(),
+                className: "rounded-lg border px-3 py-2 text-sm font-semibold hover:bg-muted disabled:opacity-50",
+                children: "Aplicar"
+              }
+            )
+          ] }),
+          discountError && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-testid": TID.discountError, className: "text-xs text-destructive", children: discountError }),
+          discountSuccess && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-emerald-700", children: discountSuccess })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-8 space-y-3 border-t pt-6 text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Subtotal" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-price": subtotal.toFixed(2), children: money(subtotal) })
+          ] }),
+          discountTotal > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-emerald-700", "data-testid": TID.discountRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("dt", { children: [
+              "Desconto",
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: clearDiscountCode,
+                  className: "text-xs text-muted-foreground underline",
+                  children: [
+                    "(",
+                    cart.discountCode,
+                    " \xD7)"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("dd", { "data-price": discountTotal.toFixed(2), children: [
+              "-",
+              money(discountTotal)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Entrega" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-price": shipping.toFixed(2), children: shipping === 0 ? "Gr\xE1tis" : money(shipping) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between border-t pt-5 text-lg font-bold", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Total" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-price": total.toFixed(2), children: money(total) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ShieldCheck, { className: "h-4 w-4 text-primary" }),
+          "Compra protegida e dados criptografados."
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 grid gap-3 border-t pt-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "data-testid": TID.placeOrder,
+              onClick: placeOrder,
+              disabled: placing,
+              className: "rounded-lg bg-primary px-6 py-4 text-sm font-bold text-primary-foreground transition hover:opacity-90 disabled:opacity-60",
+              children: primaryCta
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Link, { to: config.catalogPath, className: "text-center text-sm text-muted-foreground hover:text-foreground", children: "Voltar ao carrinho" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+var menuItems = [
+  { id: "profile", label: "Perfil", icon: LucideIcons.User },
+  { id: "orders", label: "Meus pedidos", icon: LucideIcons.Package },
+  { id: "addresses", label: "Endere\xE7os", icon: LucideIcons.MapPin },
+  { id: "payments", label: "Pagamentos", icon: LucideIcons.CreditCard }
+];
+function CustomerAccountShell({ title, subtitle, active, onSelect, children }) {
+  const config = useStorefrontConfig();
+  const session = useSessionStore();
+  const displayName = session.name || session.email?.split("@")[0] || "Cliente";
+  const displayEmail = session.email || "Conta criada no checkout";
+  return /* @__PURE__ */ jsxRuntime.jsxs("main", { "data-testid": TID.customerAccountShell, className: "mx-auto max-w-6xl px-4 py-8 sm:px-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-muted-foreground", children: config.name }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sf-heading text-3xl font-bold tracking-tight", children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Link, { to: config.catalogPath, className: "rounded-lg border px-4 py-2 text-sm font-semibold hover:bg-muted", children: "Voltar \xE0 loja" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 lg:grid-cols-[260px_minmax(0,1fr)]", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "h-fit rounded-xl border bg-card p-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 border-b pb-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-11 w-11 items-center justify-center rounded-full bg-primary/10 font-bold text-primary", children: displayName.slice(0, 1).toUpperCase() }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate font-semibold", children: displayName }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-muted-foreground", children: displayEmail })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("nav", { "data-testid": TID.customerAccountMenu, className: "mt-4 space-y-1", "aria-label": "\xC1rea do cliente", children: menuItems.map((item) => {
+          const Icon2 = item.icon;
+          const selected = item.id === active;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              "aria-current": selected ? "page" : void 0,
+              onClick: () => onSelect?.(item.id),
+              className: `flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left text-sm font-semibold transition ${selected ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4" }),
+                item.label
+              ]
+            },
+            item.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 rounded-lg bg-muted/40 p-3 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 font-semibold text-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ShieldCheck, { className: "h-4 w-4 text-primary" }),
+            "Conta protegida"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1", children: "Pedidos, pagamentos e endere\xE7os ficam organizados para pr\xF3ximas compras." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "data-testid": TID.signout,
+            onClick: () => void signOutCustomer(),
+            className: "mt-4 flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-semibold text-muted-foreground transition hover:bg-muted hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.LogOut, { className: "h-4 w-4" }),
+              "Sair"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("section", { className: "min-w-0", children })
+    ] })
+  ] });
+}
+
+// src/order-status.ts
+var FINANCIAL = {
+  pending: { label: "Pendente", tone: "pending" },
+  paid: { label: "Pago", tone: "positive" },
+  partially_paid: { label: "Parcialmente pago", tone: "pending" },
+  partially_refunded: { label: "Parcialmente reembolsado", tone: "negative" },
+  refunded: { label: "Reembolsado", tone: "negative" },
+  voided: { label: "Cancelado", tone: "negative" }
+};
+var TONE_CLASS = {
+  positive: "bg-emerald-100 text-emerald-800",
+  pending: "bg-amber-100 text-amber-800",
+  negative: "bg-rose-100 text-rose-800"
+};
+function financialStatusBadge(status) {
+  const entry = FINANCIAL[status] ?? { label: status, tone: "pending" };
+  return { label: entry.label, className: TONE_CLASS[entry.tone] };
+}
+function isPaid(status) {
+  return status === "paid" || status === "partially_paid";
+}
+function isRefunded(status) {
+  return status === "refunded" || status === "partially_refunded";
+}
+function orderTrackingSteps(order) {
+  const received = {
+    id: "received",
+    label: "Pedido recebido",
+    description: `#${order.orderNumber}`,
+    state: "complete",
+    icon: LucideIcons.Check
+  };
+  if (order.status === "cancelled" || order.financialStatus === "voided") {
+    return [
+      received,
+      { id: "payment", label: "Pedido cancelado", description: "Este pedido foi cancelado", state: "cancelled", icon: LucideIcons.XCircle }
+    ];
+  }
+  if (isRefunded(order.financialStatus)) {
+    return [
+      received,
+      { id: "payment", label: "Pagamento aprovado", description: "Compra confirmada", state: "complete", icon: LucideIcons.Check },
+      {
+        id: "refund",
+        label: order.financialStatus === "refunded" ? "Reembolsado" : "Reembolso parcial",
+        description: "Valor devolvido ao cliente",
+        state: "cancelled",
+        icon: LucideIcons.RotateCcw
+      }
+    ];
+  }
+  const paid = isPaid(order.financialStatus);
+  const partiallyFulfilled = order.fulfillmentStatus === "partially_fulfilled";
+  const fulfilled = order.fulfillmentStatus === "fulfilled";
+  return [
+    received,
+    {
+      id: "payment",
+      label: paid ? "Pagamento aprovado" : "Aguardando pagamento",
+      description: paid ? "Compra confirmada" : "Processando",
+      state: paid ? "complete" : "current",
+      icon: LucideIcons.Check
+    },
+    {
+      id: "preparing",
+      label: "Preparando envio",
+      description: paid ? "Separando produtos" : "Come\xE7a ap\xF3s o pagamento",
+      state: fulfilled || partiallyFulfilled ? "complete" : paid ? "current" : "pending",
+      icon: LucideIcons.PackageCheck
+    },
+    {
+      id: "delivery",
+      label: fulfilled ? "Pedido enviado" : partiallyFulfilled ? "Envio parcial" : "Entrega",
+      description: fulfilled ? "A caminho do cliente" : partiallyFulfilled ? "Parte do pedido saiu" : "Pr\xF3xima etapa",
+      state: fulfilled ? "complete" : partiallyFulfilled ? "current" : "pending",
+      icon: fulfilled || partiallyFulfilled ? LucideIcons.Truck : LucideIcons.Clock
+    }
+  ];
+}
+var GRID_COLS = {
+  2: "sm:grid-cols-2",
+  3: "sm:grid-cols-3",
+  4: "sm:grid-cols-4"
+};
+function OrderTrackingTimeline({ order, compact = false }) {
+  const steps = orderTrackingSteps(order);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      "data-testid": TID.orderTracking,
+      className: `grid ${compact ? "gap-2" : "gap-3"} ${GRID_COLS[steps.length] ?? "sm:grid-cols-4"}`,
+      "aria-label": "Acompanhamento do pedido",
+      children: steps.map((step) => {
+        const Icon2 = step.icon;
+        const cancelled = step.state === "cancelled";
+        const active = step.state !== "pending";
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            "data-testid": TID.orderTrackingStep(step.id),
+            "data-state": step.state,
+            className: [
+              "relative min-w-0 rounded-xl border p-3",
+              cancelled ? "border-rose-200 bg-rose-50 text-rose-700" : active ? "border-primary/35 bg-primary/5" : "bg-muted/20 text-muted-foreground",
+              compact ? "text-xs" : "text-sm"
+            ].join(" "),
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: [
+                    "grid h-7 w-7 shrink-0 place-items-center rounded-full border",
+                    cancelled ? "border-rose-300 bg-rose-500 text-white" : active ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30 bg-background"
+                  ].join(" "),
+                  "aria-hidden": true,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-3.5 w-3.5" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate font-semibold text-foreground", children: step.label }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 block truncate text-muted-foreground", children: step.description })
+              ] })
+            ] })
+          },
+          step.id
+        );
+      })
+    }
+  );
+}
+var CONFETTI_COLORS = ["hsl(var(--primary))", "#f59e0b", "#10b981", "#3b82f6", "#ec4899"];
+function SuccessMark() {
+  const reduced = prefersReducedMotion();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mx-auto h-24 w-24", children: [
+    !reduced && Array.from({ length: 14 }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "absolute h-2 w-2 animate-confetti-fall rounded-sm",
+        style: {
+          left: `${i * 7.3 % 100}%`,
+          top: "-4px",
+          backgroundColor: CONFETTI_COLORS[i % CONFETTI_COLORS.length],
+          animationDelay: `${200 + i % 7 * 90}ms`
+        }
+      },
+      i
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `absolute inset-0 rounded-full bg-emerald-100 ${reduced ? "" : "animate-pop-in"}` }),
+    /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 48 48", className: "absolute inset-0 h-full w-full p-6", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M10 25 L20 35 L38 14",
+        fill: "none",
+        stroke: "rgb(5 150 105)",
+        strokeWidth: "5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeDasharray: "48",
+        className: reduced ? "" : "animate-draw-check"
+      }
+    ) })
+  ] });
+}
+function OrderConfirmationPage({ orderId }) {
+  const config = useStorefrontConfig();
+  const [order, setOrder] = React18.useState(null);
+  const [loading, setLoading] = React18.useState(true);
+  const money = (v) => formatMoney(v, config.currency, config.locale);
+  useStorefrontHead({ title: order ? `Pedido #${order.orderNumber} \u2014 ${config.name}` : config.name });
+  React18.useEffect(() => {
+    let cancelled = false;
+    runtime.getShopProvider().getOrder(orderId).then((o) => {
+      if (!cancelled) setOrder(o);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [orderId]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "mx-auto max-w-2xl px-4 py-20 text-center text-muted-foreground", children: "Carregando\u2026" });
+  }
+  if (!order) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "mx-auto max-w-2xl px-4 py-20 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Pedido n\xE3o encontrado." }),
+      /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/", className: "mt-4 inline-block text-primary underline", children: "Voltar \xE0 loja" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CustomerAccountShell,
+    {
+      title: "Detalhe do pedido",
+      subtitle: "Compra confirmada e vinculada \xE0 sua conta.",
+      active: "orders",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("article", { "data-testid": TID.orderDetail, className: "animate-fade-up rounded-xl border bg-card p-6 sm:p-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 border-b pb-6 sm:grid-cols-[120px_minmax(0,1fr)]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SuccessMark, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center sm:text-left", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-3xl font-bold tracking-tight", children: "Pedido confirmado!" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-muted-foreground", children: [
+              "Obrigado pela compra, ",
+              order.customerName ?? "cliente",
+              ". Enviamos a confirma\xE7\xE3o para ",
+              order.customerEmail,
+              "."
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-4 text-lg", children: [
+              "Pedido ",
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-testid": TID.orderNumber, className: "font-semibold", children: [
+                "#",
+                order.orderNumber
+              ] }),
+              " ",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "data-testid": TID.orderStatus,
+                  className: `ml-2 inline-flex rounded-full px-2.5 py-0.5 text-sm font-medium ${financialStatusBadge(order.financialStatus).className}`,
+                  children: financialStatusBadge(order.financialStatus).label
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 grid gap-4 rounded-xl border bg-muted/20 p-4 text-sm sm:grid-cols-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Cliente" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 font-semibold", children: order.customerName ?? "Cliente" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: order.customerEmail })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Entrega" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 font-semibold", children: order.fulfillmentStatus === "fulfilled" ? "Enviado" : "Preparando envio" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: order.notes ?? "Endere\xE7o salvo no pedido" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Pagamento" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 font-semibold", children: financialStatusBadge(order.financialStatus).label }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: "Processado no checkout" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold uppercase text-muted-foreground", children: "Acompanhamento" }),
+          /* @__PURE__ */ jsxRuntime.jsx(OrderTrackingTimeline, { order })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-8 space-y-3 text-left", children: order.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-3 text-sm", children: [
+          item.imageUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.imageUrl, alt: item.name, className: "h-12 w-12 rounded-lg border object-cover" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-1", children: [
+            item.name,
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+              "\xD7 ",
+              item.quantity
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "data-price": item.total.toFixed(2), children: money(item.total) })
+        ] }, item.id)) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-4 space-y-1.5 border-t pt-4 text-left text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Subtotal" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-price": order.subtotal.toFixed(2), children: money(order.subtotal) })
+          ] }),
+          order.discountTotal > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-emerald-700", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("dt", { children: [
+              "Desconto ",
+              order.discountCode ? `(${order.discountCode})` : ""
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("dd", { "data-price": order.discountTotal.toFixed(2), children: [
+              "\u2212",
+              money(order.discountTotal)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: "Frete" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-price": order.shippingTotal.toFixed(2), children: order.shippingTotal === 0 ? "Gr\xE1tis" : money(order.shippingTotal) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between border-t pt-2 text-base font-semibold", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Total" }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-testid": TID.orderTotal, "data-price": order.total.toFixed(2), children: money(order.total) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 flex flex-wrap gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Link,
+            {
+              to: "/account",
+              "data-testid": TID.viewPurchases,
+              className: "rounded-xl bg-primary px-5 py-2.5 font-semibold text-primary-foreground hover:opacity-90",
+              children: "Minhas compras"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/", className: "rounded-xl border px-5 py-2.5 font-semibold hover:bg-muted", children: "Continuar comprando" })
+        ] })
+      ] })
+    }
+  );
+}
+function useMyOrders() {
+  const customerId = useSessionStore((s) => s.customerId);
+  const email = useSessionStore((s) => s.email);
+  const [orders, setOrders] = React18.useState([]);
+  const [loading, setLoading] = React18.useState(true);
+  const [tick, setTick] = React18.useState(0);
+  const refresh = React18.useCallback(() => setTick((t) => t + 1), []);
+  React18.useEffect(() => {
+    let cancelled = false;
+    if (!customerId && !email) {
+      setOrders([]);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    const query = customerId ? { customerId, limit: 50 } : { customerEmail: email, limit: 50 };
+    runtime.getShopProvider().listOrders(query).then((data) => {
+      if (!cancelled) setOrders(data);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [customerId, email, tick]);
+  return { orders, loading, refresh };
+}
+function AuthForm() {
+  const [mode, setMode] = React18.useState("signin");
+  const [email, setEmail] = React18.useState("");
+  const [password, setPassword] = React18.useState("");
+  const [name, setName] = React18.useState("");
+  const [busy, setBusy] = React18.useState(false);
+  const [error, setError] = React18.useState(null);
+  async function submit(e) {
+    e.preventDefault();
+    setError(null);
+    if (!email.trim() || !password) return;
+    if (mode === "signup" && !name.trim()) {
+      setError("Informe seu nome.");
+      return;
+    }
+    setBusy(true);
+    try {
+      if (mode === "signup") await signUpCustomer(email, password, name.trim());
+      else await establishCustomerSession(email, { password });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "N\xE3o foi poss\xEDvel entrar. Verifique seus dados.");
+    } finally {
+      setBusy(false);
+    }
+  }
+  const tab = (id, label, testId) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "data-testid": testId,
+      onClick: () => {
+        setMode(id);
+        setError(null);
+      },
+      className: `flex-1 border-b-2 pb-2.5 text-sm font-semibold transition-colors ${mode === id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+      children: label
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-sm animate-fade-up border bg-card p-7", style: { borderRadius: "var(--sf-radius-card)" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-xl font-semibold", children: "Minha conta" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Acompanhe pedidos e acelere seus pr\xF3ximos checkouts." }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5 flex gap-2", children: [
+      tab("signin", "Entrar", TID.authTabSignin),
+      tab("signup", "Criar conta", TID.authTabSignup)
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "mt-5 space-y-3", onSubmit: submit, children: [
+      mode === "signup" && /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          "data-testid": TID.signinName,
+          type: "text",
+          required: true,
+          placeholder: "Nome completo",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          className: "w-full border bg-background px-3 py-2.5 text-sm",
+          style: { borderRadius: "var(--sf-radius-input)" }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          "data-testid": TID.signinEmail,
+          type: "email",
+          required: true,
+          placeholder: "voce@exemplo.com",
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          className: "w-full border bg-background px-3 py-2.5 text-sm",
+          style: { borderRadius: "var(--sf-radius-input)" }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          "data-testid": TID.signinPassword,
+          type: "password",
+          required: true,
+          placeholder: "Senha",
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          className: "w-full border bg-background px-3 py-2.5 text-sm",
+          style: { borderRadius: "var(--sf-radius-input)" }
+        }
+      ),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { "data-testid": TID.authError, className: "text-sm text-destructive", children: error }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "submit",
+          "data-testid": TID.signinSubmit,
+          disabled: busy,
+          className: "sf-cta w-full bg-primary py-3 font-semibold text-primary-foreground shadow-md transition-all hover:-translate-y-0.5 hover:shadow-lg disabled:opacity-60",
+          style: { borderRadius: "var(--sf-radius-button)" },
+          children: busy ? "Entrando\u2026" : mode === "signup" ? "Criar conta" : "Entrar"
+        }
+      )
+    ] })
+  ] });
+}
+function OrdersPanel() {
+  const config = useStorefrontConfig();
+  const { orders, loading } = useMyOrders();
+  const money = (v) => formatMoney(v, config.currency, config.locale);
+  if (loading) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-16 text-center text-muted-foreground", children: "Carregando\u2026" });
+  if (orders.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": TID.purchasesEmpty, className: "rounded-2xl border bg-card py-16 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Package, { className: "mx-auto h-10 w-10 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-muted-foreground", children: "Voc\xEA ainda n\xE3o tem pedidos." }),
+      /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/", className: "mt-4 inline-block text-primary underline", children: "Explorar a loja" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { "data-testid": TID.purchasesList, className: "space-y-4", children: orders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      "data-testid": TID.purchaseItem,
+      "data-order-number": order.orderNumber,
+      className: "rounded-2xl border bg-card p-5",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
+            "Pedido #",
+            order.orderNumber
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium ${financialStatusBadge(order.financialStatus).className}`, children: financialStatusBadge(order.financialStatus).label })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: new Date(order.createdAt).toLocaleDateString(config.locale) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(OrderTrackingTimeline, { order, compact: true }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 flex flex-wrap gap-2", children: order.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 rounded-lg border px-2 py-1 text-xs", children: [
+          item.imageUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.imageUrl, alt: item.name, className: "h-6 w-6 rounded object-cover" }),
+          item.name,
+          " \xD7 ",
+          item.quantity
+        ] }, item.id)) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex items-center justify-between border-t pt-3 text-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Link, { to: `/order/${order.id}`, className: "font-medium text-primary hover:underline", children: "Ver detalhes" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 text-muted-foreground", children: "Total" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", "data-price": order.total.toFixed(2), children: money(order.total) })
+          ] })
+        ] })
+      ]
+    },
+    order.id
+  )) });
+}
+function ProfilePanel() {
+  const session = useSessionStore();
+  const [name, setName] = React18.useState(session.name ?? "");
+  const [saving, setSaving] = React18.useState(false);
+  const [saved, setSaved] = React18.useState(false);
+  async function save(e) {
+    e.preventDefault();
+    const trimmed = name.trim();
+    if (!trimmed) return;
+    setSaving(true);
+    setSaved(false);
+    try {
+      if (session.customerId) {
+        const parts = trimmed.split(/\s+/).filter(Boolean);
+        await runtime.getShopProvider().updateCustomer(session.customerId, {
+          firstName: parts[0] ?? trimmed,
+          lastName: parts.slice(1).join(" ")
+        });
+      }
+      useSessionStore.setState({ name: trimmed });
+      setSaved(true);
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: save, className: "max-w-md rounded-2xl border bg-card p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-lg font-semibold", children: "Perfil" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Seus dados para os pr\xF3ximos checkouts." }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "mt-5 block text-sm font-medium", children: [
+      "Nome completo",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          value: name,
+          onChange: (e) => {
+            setName(e.target.value);
+            setSaved(false);
+          },
+          className: "mt-1 w-full rounded-lg border bg-background px-3 py-2.5 text-sm",
+          placeholder: "Seu nome"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "mt-4 block text-sm font-medium", children: [
+      "E-mail",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          value: session.email ?? "",
+          readOnly: true,
+          className: "mt-1 w-full cursor-not-allowed rounded-lg border bg-muted/40 px-3 py-2.5 text-sm text-muted-foreground"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "submit",
+          disabled: saving,
+          className: "sf-cta rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground disabled:opacity-60",
+          children: saving ? "Salvando\u2026" : "Salvar"
+        }
+      ),
+      saved && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-emerald-700", children: "Salvo" })
+    ] })
+  ] });
+}
+function AddressesPanel() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border bg-card p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.MapPin, { className: "h-5 w-5 text-primary" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-lg font-semibold", children: "Endere\xE7os" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Voc\xEA informa o endere\xE7o de entrega no checkout. Em breve ser\xE1 poss\xEDvel salvar endere\xE7os para reutilizar nas pr\xF3ximas compras." }),
+    /* @__PURE__ */ jsxRuntime.jsx(Link, { to: "/", className: "mt-4 inline-block text-sm font-semibold text-primary underline", children: "Continuar comprando" })
+  ] });
+}
+function PaymentsPanel() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border bg-card p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CreditCard, { className: "h-5 w-5 text-primary" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "sf-heading text-lg font-semibold", children: "Pagamentos" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Os pagamentos s\xE3o processados com seguran\xE7a no checkout \u2014 nenhum dado de pagamento fica salvo nesta conta." }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center gap-2 rounded-lg bg-muted/40 px-3 py-2.5 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.QrCode, { className: "h-4 w-4 text-primary" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Pix e cart\xE3o via Mercado Pago no momento da compra." })
+    ] })
+  ] });
+}
+var SECTION_SUBTITLE = {
+  profile: "Seus dados de contato.",
+  orders: "Acompanhe seus pedidos e entregas.",
+  addresses: "Endere\xE7os de entrega.",
+  payments: "Como voc\xEA paga na loja."
+};
+function MyPurchasesPage() {
+  const config = useStorefrontConfig();
+  const session = useSessionStore();
+  const [section, setSection] = React18.useState("orders");
+  useStorefrontHead({ title: `Minha conta \u2014 ${config.name}` });
+  if (!session.email) {
+    return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "mx-auto max-w-3xl px-4 py-12 sm:px-6", children: /* @__PURE__ */ jsxRuntime.jsx(AuthForm, {}) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    CustomerAccountShell,
+    {
+      title: "Minha conta",
+      subtitle: SECTION_SUBTITLE[section],
+      active: section,
+      onSelect: setSection,
+      children: [
+        section === "profile" && /* @__PURE__ */ jsxRuntime.jsx(ProfilePanel, {}),
+        section === "orders" && /* @__PURE__ */ jsxRuntime.jsx(OrdersPanel, {}),
+        section === "addresses" && /* @__PURE__ */ jsxRuntime.jsx(AddressesPanel, {}),
+        section === "payments" && /* @__PURE__ */ jsxRuntime.jsx(PaymentsPanel, {})
+      ]
+    }
+  );
+}
+function NotFoundPage() {
+  const config = useStorefrontConfig();
+  useStorefrontHead({ title: `P\xE1gina n\xE3o encontrada \u2014 ${config.name}` });
+  return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "mx-auto flex min-h-[60vh] max-w-2xl flex-col items-center justify-center px-4 py-16 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "sf-heading text-5xl font-bold tracking-tight text-primary", children: "404" }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mt-3 text-xl font-semibold", children: "P\xE1gina n\xE3o encontrada" }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "O endere\xE7o que voc\xEA tentou acessar n\xE3o existe ou foi movido." }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Link,
+      {
+        to: config.catalogPath,
+        className: "mt-6 rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90",
+        children: "Ir para a loja"
+      }
+    )
+  ] });
+}
+var TITLES = {
+  privacy: "Pol\xEDtica de Privacidade",
+  terms: "Termos de Uso",
+  returns: "Trocas e Devolu\xE7\xF5es"
+};
+function PolicyPage({ kind }) {
+  const config = useStorefrontConfig();
+  const title = TITLES[kind];
+  const content = config.legal?.[kind];
+  const email = config.footer?.contact?.email;
+  useStorefrontHead({ title: `${title} \u2014 ${config.name}` });
+  return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "mx-auto max-w-3xl px-4 py-12 sm:px-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Link, { to: config.catalogPath, className: "text-sm text-muted-foreground transition-colors hover:text-foreground", children: "\u2190 Voltar \xE0 loja" }),
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sf-heading mt-4 text-3xl font-bold tracking-tight", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 space-y-4 leading-relaxed text-muted-foreground", children: content ? content.split("\n").filter((line) => line.trim()).map((paragraph, i) => /* @__PURE__ */ jsxRuntime.jsx("p", { children: paragraph }, i)) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "O conte\xFAdo desta pol\xEDtica ainda ser\xE1 publicado pela loja." }),
+      email && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+        "Em caso de d\xFAvidas, fale com a gente em",
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${email}`, className: "text-primary underline", children: email }),
+        "."
+      ] })
+    ] }) })
+  ] });
+}
+var StorefrontErrorBoundary = class extends React18__default.default.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    console.error("[storefront] render error:", error, info.componentStack);
+  }
+  render() {
+    if (!this.state.error) return this.props.children;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-[60vh] flex-col items-center justify-center gap-4 px-4 py-16 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sf-heading text-xl font-semibold", children: "Algo deu errado" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-md text-sm text-muted-foreground", children: "Ocorreu um erro ao carregar esta parte da loja. Tente recarregar a p\xE1gina." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap justify-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => window.location.reload(),
+            className: "rounded-lg bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground transition hover:opacity-90",
+            children: "Recarregar"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "#/", className: "rounded-lg border px-5 py-2.5 text-sm font-semibold transition hover:bg-muted", children: "Voltar ao in\xEDcio" })
+      ] })
+    ] });
+  }
+};
+var ICON = {
+  success: LucideIcons.Check,
+  error: LucideIcons.AlertCircle,
+  info: LucideIcons.Info
+};
+var ACCENT = {
+  success: "bg-emerald-500/10 text-emerald-600",
+  error: "bg-destructive/10 text-destructive",
+  info: "bg-primary/10 text-primary"
+};
+function ToastCard({ toast: toast2 }) {
+  const dismiss = useToastStore((s) => s.dismiss);
+  const Icon2 = ICON[toast2.variant];
+  React18.useEffect(() => {
+    const timer = window.setTimeout(() => dismiss(toast2.id), toast2.durationMs);
+    return () => window.clearTimeout(timer);
+  }, [toast2.id, toast2.durationMs, dismiss]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "status",
+      className: "pointer-events-auto flex w-80 max-w-[calc(100vw-2rem)] animate-slide-in-from-right items-start gap-3 rounded-xl border bg-card p-3.5 shadow-lg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `grid h-8 w-8 shrink-0 place-items-center rounded-full ${ACCENT[toast2.variant]}`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold leading-tight", children: toast2.title }),
+          toast2.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: toast2.description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Fechar",
+            onClick: () => dismiss(toast2.id),
+            className: "text-muted-foreground transition-colors hover:text-foreground",
+            children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function Toaster() {
+  const toasts = useToastStore((s) => s.toasts);
+  if (toasts.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none fixed bottom-4 right-4 z-[70] flex flex-col gap-2", children: toasts.map((t) => /* @__PURE__ */ jsxRuntime.jsx(ToastCard, { toast: t }, t.id)) });
+}
+function getCustomRouteMatch(config, path) {
+  for (const route of config.routes ?? []) {
+    const params = matchPath(route.path, path);
+    if (params) return { route, params };
+  }
+  return null;
+}
+function isFocusedRoute(config, path) {
+  const custom = getCustomRouteMatch(config, path);
+  if (custom) return custom.route.chrome === "focused" || custom.route.kind === "checkout";
+  return Boolean(matchPath("/checkout", path));
+}
+function RouteSwitch({ path }) {
+  const config = useStorefrontConfig();
+  const custom = getCustomRouteMatch(config, path);
+  if (custom) {
+    const CustomRoute = custom.route.component;
+    return /* @__PURE__ */ jsxRuntime.jsx(CustomRoute, { path, params: custom.params, config });
+  }
+  const product = matchPath("/product/:slug", path);
+  if (product?.slug) return /* @__PURE__ */ jsxRuntime.jsx(ProductDetailPage, { slug: product.slug });
+  const order = matchPath("/order/:id", path);
+  if (order?.id) return /* @__PURE__ */ jsxRuntime.jsx(OrderConfirmationPage, { orderId: order.id });
+  if (matchPath("/checkout", path)) return /* @__PURE__ */ jsxRuntime.jsx(CheckoutPage, {});
+  if (matchPath("/account", path)) return /* @__PURE__ */ jsxRuntime.jsx(MyPurchasesPage, {});
+  if (matchPath("/catalog", path)) return /* @__PURE__ */ jsxRuntime.jsx(CatalogPage, {});
+  if (matchPath("/privacy", path)) return /* @__PURE__ */ jsxRuntime.jsx(PolicyPage, { kind: "privacy" });
+  if (matchPath("/terms", path)) return /* @__PURE__ */ jsxRuntime.jsx(PolicyPage, { kind: "terms" });
+  if (matchPath("/refunds", path)) return /* @__PURE__ */ jsxRuntime.jsx(PolicyPage, { kind: "returns" });
+  if (path === "/" || path === "") {
+    return config.home ? /* @__PURE__ */ jsxRuntime.jsx(HomePage, { sections: config.home.sections }) : /* @__PURE__ */ jsxRuntime.jsx(CatalogPage, {});
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(NotFoundPage, {});
+}
+function storefrontDiscountToSeed(discount) {
+  const ts = (/* @__PURE__ */ new Date()).toISOString();
+  return {
+    id: `cfg-discount-${discount.code.trim().toLowerCase()}`,
+    tenantId: "mock",
+    title: discount.title ?? `${discount.percent}% off`,
+    code: discount.code.trim().toUpperCase(),
+    type: "percentage",
+    method: "code",
+    value: discount.percent,
+    usageLimit: null,
+    oncePerCustomer: false,
+    startsAt: ts,
+    endsAt: null,
+    status: "active",
+    timesUsed: 0,
+    createdAt: ts,
+    updatedAt: ts
+  };
+}
+function buildMockSeed(config) {
+  const configDiscounts = (config.discounts ?? []).map(storefrontDiscountToSeed);
+  if (!config.catalog && configDiscounts.length === 0) return void 0;
+  const catalogDiscounts = (config.catalog?.discounts ?? []).filter(
+    (cd) => !configDiscounts.some((cfg) => (cd.code ?? "").toUpperCase() === cfg.code)
+  );
+  return {
+    ...config.catalog,
+    discounts: [...catalogDiscounts, ...configDiscounts]
+  };
+}
+function initStorefrontRuntime(config) {
+  initCustomerAuth(resolveAuthAdapter(config.auth?.adapter));
+  if (config.provider) {
+    runtime.setShopProvider(config.provider);
+  } else {
+    runtime.setShopProvider(mock.createMockShopProvider(buildMockSeed(config)));
+  }
+  if (config.supabaseUrl || config.supabaseAnonKey) {
+    console.warn(
+      "@fayz-ai/shop: supabaseUrl/supabaseAnonKey are legacy fields. Pass an explicit provider/adapter or use the Fayz SDK broker path."
+    );
+  }
+}
+function StorefrontShell() {
+  const config = useStorefrontConfig();
+  const path = useHashPath();
+  const focused = isFocusedRoute(config, path);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-background text-foreground", children: [
+    config.theme && /* @__PURE__ */ jsxRuntime.jsx(StorefrontThemeStyle, { theme: config.theme }),
+    !focused && /* @__PURE__ */ jsxRuntime.jsx(StorefrontHeader, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(StorefrontErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(RouteSwitch, { path }) }, path),
+    !focused && /* @__PURE__ */ jsxRuntime.jsx(CartDrawer, {}),
+    !focused && /* @__PURE__ */ jsxRuntime.jsx(StorefrontFooter, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(Toaster, {})
+  ] });
+}
+function createStorefrontApp(config) {
+  const resolved = resolveConfig(config);
+  initStorefrontRuntime(config);
+  function StorefrontApp() {
+    return /* @__PURE__ */ jsxRuntime.jsx(StorefrontConfigProvider, { value: resolved, children: /* @__PURE__ */ jsxRuntime.jsx(StorefrontShell, {}) });
+  }
+  StorefrontApp.displayName = "StorefrontApp";
+  return StorefrontApp;
+}
+var runtimeConfigRegistry = /* @__PURE__ */ new Map();
+function slug(name) {
+  return name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "app";
+}
+function defineStorefront(config) {
+  const id = slug(config.name);
+  runtimeConfigRegistry.set(id, config);
+  const backendProvider = config.backend?.provider ?? (config.provider ? "custom" : "mock");
+  return core.defineApp({
+    id,
+    name: config.name,
+    backend: {
+      provider: backendProvider,
+      url: config.backend?.url
+    },
+    locale: {
+      default: config.locale ?? "pt-BR",
+      supported: [config.locale ?? "pt-BR"],
+      currency: config.currency ?? "BRL"
+    },
+    theme: config.theme,
+    surfaces: {
+      storefront: {
+        scaffold: "storefront",
+        options: {
+          announcement: config.announcement,
+          home: config.home,
+          nav: config.nav,
+          footer: config.footer,
+          shipping: config.shipping,
+          features: config.features,
+          catalog: config.catalog
+        }
+      }
+    }
+  });
+}
+function manifestToStorefrontConfig(manifest, surfaceName) {
+  const runtimeConfig = runtimeConfigRegistry.get(manifest.id);
+  const surface = manifest.surfaces[surfaceName];
+  const o = surface?.options ?? {};
+  return {
+    ...runtimeConfig,
+    name: manifest.name,
+    currency: manifest.locale?.currency,
+    locale: manifest.locale?.default,
+    theme: manifest.theme,
+    announcement: o.announcement,
+    home: o.home,
+    nav: o.nav,
+    footer: o.footer,
+    shipping: o.shipping,
+    features: o.features,
+    catalog: o.catalog,
+    backend: {
+      provider: manifest.backend?.provider,
+      url: manifest.backend?.url
+    },
+    slots: runtimeConfig?.slots,
+    routes: runtimeConfig?.routes,
+    provider: runtimeConfig?.provider,
+    auth: runtimeConfig?.auth,
+    logo: runtimeConfig?.logo
+  };
+}
+function StorefrontScaffold({ manifest, surface }) {
+  const config = React18__default.default.useMemo(() => manifestToStorefrontConfig(manifest, surface), [manifest, surface]);
+  const resolved = React18__default.default.useMemo(() => resolveConfig(config), [config]);
+  const inited = React18__default.default.useRef(false);
+  if (!inited.current) {
+    initStorefrontRuntime(config);
+    inited.current = true;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(StorefrontConfigProvider, { value: resolved, children: /* @__PURE__ */ jsxRuntime.jsx(StorefrontShell, {}) });
+}
+StorefrontScaffold.displayName = "StorefrontScaffold";
+core.registerScaffold("storefront", StorefrontScaffold, { source: "sdk", label: "Storefront" });
+
+// src/presets.ts
+var mareTemplate = {
+  id: "mare",
+  inspiration: "Nuvemshop Rio",
+  announcement: "FRETE GR\xC1TIS EM COMPRAS ACIMA DE R$ 300",
+  theme: {
+    name: "mare",
+    colors: {
+      background: "40 14% 93%",
+      foreground: "90 8% 38%",
+      primary: "42 32% 61%",
+      primaryForeground: "40 30% 12%",
+      card: "40 20% 97%",
+      cardForeground: "90 10% 25%",
+      muted: "40 12% 88%",
+      mutedForeground: "90 6% 50%",
+      border: "40 10% 82%",
+      announcementBackground: "90 10% 30%",
+      announcementForeground: "40 20% 95%"
+    },
+    font: { heading: "Plus Jakarta Sans", body: "Plus Jakarta Sans" },
+    radius: "soft",
+    header: { variant: "centered" },
+    productCard: { style: "editorial", imageAspect: "portrait" }
+  },
+  home: (storeName, images) => ({
+    sections: [
+      {
+        type: "hero",
+        variant: "banner",
+        height: "tall",
+        slides: [
+          { title: "Feito para durar", subtitle: `A nova cole\xE7\xE3o ${storeName} chegou \u2014 pe\xE7as atemporais em materiais honestos.`, cta: "Ver cole\xE7\xE3o", hue: 75, image: images?.hero?.[0] }
+        ]
+      },
+      { type: "categories", style: "bubbles" },
+      { type: "products", title: "Destaques", filter: "all", limit: 4 },
+      { type: "banner", title: "At\xE9 30% off", eyebrow: "por tempo limitado", subtitle: "Pe\xE7as selecionadas da esta\xE7\xE3o", cta: "Aproveitar", hue: 40, image: images?.banners?.[0] },
+      { type: "products", title: "Promo\xE7\xF5es", filter: "sale", limit: 4 },
+      { type: "products", title: "Lan\xE7amentos", filter: "new", limit: 4 },
+      { type: "newsletter", title: "Assine nossa newsletter", subtitle: "Novidades e ofertas exclusivas, sem spam." }
+    ]
+  })
+};
+var sertaoTemplate = {
+  id: "sertao",
+  inspiration: "Nuvemshop Uyuni",
+  theme: {
+    name: "sertao",
+    colors: {
+      background: "30 100% 98%",
+      foreground: "28 42% 32%",
+      primary: "28 42% 32%",
+      primaryForeground: "30 100% 97%",
+      card: "32 60% 96%",
+      cardForeground: "28 40% 26%",
+      muted: "32 40% 92%",
+      mutedForeground: "28 22% 48%",
+      border: "28 30% 80%"
+    },
+    font: { heading: "Marcellus", body: "Marcellus", fallback: "serif" },
+    radius: "none",
+    header: { variant: "minimal", uppercaseNav: true },
+    productCard: { style: "editorial", imageAspect: "portrait" },
+    uppercaseButtons: true
+  },
+  home: (storeName, images) => ({
+    sections: [
+      {
+        type: "hero",
+        variant: "banner",
+        height: "tall",
+        slides: [
+          { title: "Essenciais naturais", subtitle: "Conhe\xE7a nossa cole\xE7\xE3o", cta: "Ver mais", hue: 28, boxed: true, image: images?.hero?.[0] }
+        ]
+      },
+      {
+        type: "manifesto",
+        text: `Num mundo de pressa e excesso, ${storeName} escolhe o caminho lento: ingredientes honestos, produ\xE7\xE3o pequena e cuidado em cada detalhe.`
+      },
+      { type: "categories", style: "tiles" },
+      { type: "products", title: "ESSENCIAIS", filter: "all", limit: 4 },
+      {
+        type: "testimonials",
+        title: "Nossos clientes",
+        items: [
+          { quote: "Qualidade impec\xE1vel e um cheiro que abra\xE7a.", author: "Helena M." },
+          { quote: "Compro h\xE1 dois anos e nunca me decepcionou.", author: "Rafael T." },
+          { quote: "Entrega r\xE1pida e embalagem linda, d\xE1 gosto de presentear.", author: "Cl\xE1udia P." }
+        ]
+      },
+      { type: "products", title: "NOVIDADES", filter: "new", limit: 4 },
+      {
+        type: "benefits",
+        items: [
+          { icon: "Truck", title: "Frete para todo o Brasil", text: "Envio em at\xE9 48h" },
+          { icon: "Leaf", title: "100% vegano", text: "Sem testes em animais" },
+          { icon: "RotateCcw", title: "Troca f\xE1cil", text: "30 dias para trocar" }
+        ]
+      },
+      { type: "newsletter", title: "NEWSLETTER", subtitle: "Hist\xF3rias, lan\xE7amentos e cuidado \u2014 direto no seu e-mail." }
+    ]
+  })
+};
+var voltTemplate = {
+  id: "volt",
+  inspiration: "Nuvemshop Bras\xEDlia",
+  announcement: "CUPOM BEMVINDO10 \u2014 10% DE DESCONTO NA PRIMEIRA COMPRA",
+  theme: {
+    name: "volt",
+    colors: {
+      background: "0 0% 100%",
+      foreground: "0 0% 7%",
+      primary: "341 100% 45%",
+      primaryForeground: "0 0% 100%",
+      card: "0 0% 98%",
+      cardForeground: "0 0% 10%",
+      muted: "0 0% 94%",
+      mutedForeground: "0 0% 40%",
+      border: "0 0% 88%",
+      headerBackground: "0 0% 6%",
+      headerForeground: "0 0% 98%",
+      announcementBackground: "341 100% 45%",
+      announcementForeground: "0 0% 100%"
+    },
+    font: { heading: "Chakra Petch", body: "Rubik" },
+    radius: "soft",
+    header: { variant: "search", uppercaseNav: true },
+    productCard: { style: "card", imageAspect: "square" }
+  },
+  home: (storeName, images) => ({
+    sections: [
+      {
+        type: "hero",
+        variant: "split",
+        slides: [
+          { title: "Tecnologia", subtitle: "O melhor do hardware e dos acess\xF3rios", hue: 250, image: images?.hero?.[0] },
+          { title: "Ofertas", subtitle: `Descontos semanais ${storeName}`, hue: 341, href: "/catalog", image: images?.hero?.[1] }
+        ]
+      },
+      {
+        type: "benefits",
+        items: [
+          { icon: "CreditCard", title: "3x sem juros", text: "Em todo o site" },
+          { icon: "Truck", title: "Envio em 24h", text: "Para todo o Brasil" },
+          { icon: "ShieldCheck", title: "Compra segura", text: "Seus dados protegidos" }
+        ]
+      },
+      { type: "products", title: "NOVIDADES", filter: "new", limit: 4 },
+      { type: "banner", title: "DESCONTOS SEMANAIS", eyebrow: "toda sexta", subtitle: "Ofertas novas, estoque limitado", cta: "Conferir", hue: 341, image: images?.banners?.[0] },
+      { type: "products", title: "PROMO\xC7\xD5ES", filter: "sale", limit: 4 },
+      { type: "newsletter", title: "Entre para o clube", subtitle: "Cupons e lan\xE7amentos antes de todo mundo." }
+    ]
+  })
+};
+var atelierTemplate = {
+  id: "atelier",
+  inspiration: "Nuvemshop Flex",
+  theme: {
+    name: "atelier",
+    colors: {
+      background: "0 0% 100%",
+      foreground: "0 0% 9%",
+      primary: "40 45% 48%",
+      primaryForeground: "0 0% 100%",
+      card: "0 0% 99%",
+      cardForeground: "0 0% 9%",
+      muted: "40 10% 95%",
+      mutedForeground: "0 0% 42%",
+      border: "0 0% 88%",
+      announcementBackground: "0 0% 9%",
+      announcementForeground: "0 0% 98%"
+    },
+    font: { heading: "Outfit", body: "Outfit" },
+    radius: "none",
+    header: { variant: "centered", uppercaseNav: true },
+    productCard: { style: "card", imageAspect: "square" },
+    uppercaseButtons: true
+  },
+  announcement: "PARCELE EM AT\xC9 10X \xB7 5% OFF NO PIX",
+  home: (storeName, images) => ({
+    sections: [
+      {
+        type: "hero",
+        variant: "slider",
+        height: "medium",
+        slides: [
+          { title: "Feito para quem valoriza detalhes", subtitle: `Cole\xE7\xE3o exclusiva ${storeName}`, cta: "APROVEITE", hue: 40, image: images?.hero?.[0] },
+          { title: "Cl\xE1ssicos que n\xE3o saem de moda", subtitle: "Pe\xE7as autorais, produ\xE7\xE3o limitada", cta: "VER COLE\xC7\xC3O", hue: 210, image: images?.hero?.[1] }
+        ]
+      },
+      {
+        type: "benefits",
+        items: [
+          { icon: "CreditCard", title: "Parcele em at\xE9 10x", text: "Ou 5% off no PIX" },
+          { icon: "Lock", title: "Site 100% seguro", text: "Seus dados protegidos" },
+          { icon: "Award", title: "Pe\xE7as exclusivas", text: "Produtos 100% autorais" }
+        ]
+      },
+      { type: "categories", style: "tiles" },
+      { type: "products", title: "Novidades", filter: "new", limit: 4 },
+      { type: "banner", title: "Promo\xE7\xF5es", eyebrow: "sele\xE7\xE3o especial", subtitle: "Selecionados com at\xE9 25% off", cta: "Ver ofertas", hue: 40, image: images?.banners?.[0] },
+      { type: "products", title: "Promo\xE7\xF5es", filter: "sale", limit: 4 },
+      {
+        type: "testimonials",
+        title: "O que dizem sobre n\xF3s",
+        items: [
+          { quote: "Acabamento perfeito, superou a expectativa.", author: "Mariana C." },
+          { quote: "Atendimento impec\xE1vel do pedido \xE0 entrega.", author: "Jorge L." },
+          { quote: "Virou minha loja favorita para presentes.", author: "Paula R." }
+        ]
+      },
+      { type: "newsletter" }
+    ]
+  })
+};
+var storefrontTemplates = {
+  mare: mareTemplate,
+  sertao: sertaoTemplate,
+  volt: voltTemplate,
+  atelier: atelierTemplate
+};
+
+exports.BenefitsRow = BenefitsRow;
+exports.CartDrawer = CartDrawer;
+exports.CatalogPage = CatalogPage;
+exports.CategoryShowcase = CategoryShowcase;
+exports.CheckoutPage = CheckoutPage;
+exports.FiltersPanel = FiltersPanel;
+exports.HeroSection = HeroSection;
+exports.HomePage = HomePage;
+exports.Link = Link;
+exports.ManifestoBlock = ManifestoBlock;
+exports.MyPurchasesPage = MyPurchasesPage;
+exports.NewsletterBand = NewsletterBand;
+exports.OrderConfirmationPage = OrderConfirmationPage;
+exports.OrderTrackingTimeline = OrderTrackingTimeline;
+exports.Price = Price;
+exports.ProductCard = ProductCard;
+exports.ProductDetailPage = ProductDetailPage;
+exports.ProductGrid = ProductGrid;
+exports.ProductOptionSelector = ProductOptionSelector;
+exports.ProductRail = ProductRail;
+exports.PromoBanner = PromoBanner;
+exports.QuantityInput = QuantityInput;
+exports.Reveal = Reveal;
+exports.StorefrontFooter = StorefrontFooter;
+exports.StorefrontHeader = StorefrontHeader;
+exports.StorefrontScaffold = StorefrontScaffold;
+exports.StorefrontShell = StorefrontShell;
+exports.StorefrontThemeStyle = StorefrontThemeStyle;
+exports.TID = TID;
+exports.Testimonials = Testimonials;
+exports.atelierTemplate = atelierTemplate;
+exports.bannerPlaceholder = bannerPlaceholder;
+exports.createStorefrontApp = createStorefrontApp;
+exports.defineStorefront = defineStorefront;
+exports.establishCustomerSession = establishCustomerSession;
+exports.formatMoney = formatMoney;
+exports.formatProductOptionSelection = formatProductOptionSelection;
+exports.getCustomerAuthAdapter = getCustomerAuthAdapter;
+exports.getProductOptionGroups = getProductOptionGroups;
+exports.initStorefrontRuntime = initStorefrontRuntime;
+exports.mareTemplate = mareTemplate;
+exports.matchPath = matchPath;
+exports.navigateTo = navigateTo;
+exports.normalizeProductOptionSelection = normalizeProductOptionSelection;
+exports.placeStorefrontOrder = placeStorefrontOrder;
+exports.prefersReducedMotion = prefersReducedMotion;
+exports.productCardSlotContract = productCardSlotContract;
+exports.productOptionSelectionKey = productOptionSelectionKey;
+exports.registerStorefrontBlocks = registerStorefrontBlocks;
+exports.resolveAuthAdapter = resolveAuthAdapter;
+exports.roundCents = roundCents;
+exports.sectionsToBlocks = sectionsToBlocks;
+exports.selectCount = selectCount;
+exports.selectDiscountTotal = selectDiscountTotal;
+exports.selectShipping = selectShipping;
+exports.selectSubtotal = selectSubtotal;
+exports.selectTotal = selectTotal;
+exports.sertaoTemplate = sertaoTemplate;
+exports.signInByEmail = signInByEmail;
+exports.signOutCustomer = signOutCustomer;
+exports.signUpCustomer = signUpCustomer;
+exports.storefrontSlotContracts = storefrontSlotContracts;
+exports.storefrontTemplates = storefrontTemplates;
+exports.themeToCss = themeToCss;
+exports.useCartStore = useCartStore;
+exports.useCatalogStore = useCatalogStore;
+exports.useCategories = useCategories;
+exports.useDiscountValidator = useDiscountValidator;
+exports.useHashPath = useHashPath;
+exports.useInView = useInView;
+exports.useMyOrders = useMyOrders;
+exports.usePopOnChange = usePopOnChange;
+exports.useProduct = useProduct;
+exports.useProducts = useProducts;
+exports.useScrolled = useScrolled;
+exports.useSessionStore = useSessionStore;
+exports.useStorefrontConfig = useStorefrontConfig;
+exports.voltTemplate = voltTemplate;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map