@sonordev/site-kit 1.2.7

package/dist/chunk-D63MUKZ6.mjs

@@ -0,0 +1,4423 @@
+'use client';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React5, { useState, useEffect, useMemo, useRef, useCallback } from 'react';
+
+// src/commerce/utils.ts
+function formatPrice(amount, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency
+  }).format(amount);
+}
+function formatDate(dateString) {
+  const date = new Date(dateString);
+  return new Intl.DateTimeFormat("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }).format(date);
+}
+function formatDateTime(dateString) {
+  const date = new Date(dateString);
+  return new Intl.DateTimeFormat("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(date);
+}
+function formatTime(dateString) {
+  const date = new Date(dateString);
+  return new Intl.DateTimeFormat("en-US", {
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(date);
+}
+function formatDateRange(startDate, endDate) {
+  const start = new Date(startDate);
+  const end = endDate ? new Date(endDate) : null;
+  const startFormatted = formatDateTime(startDate);
+  if (!end) return startFormatted;
+  if (start.toDateString() === end.toDateString()) {
+    return `${startFormatted} - ${formatTime(endDate)}`;
+  }
+  return `${startFormatted} - ${formatDateTime(endDate)}`;
+}
+function getRelativeTimeUntil(dateString) {
+  const date = new Date(dateString);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = date.getTime() - now.getTime();
+  const diffDays = Math.floor(diffMs / (1e3 * 60 * 60 * 24));
+  if (diffDays < 0) return "Past";
+  if (diffDays === 0) return "Today";
+  if (diffDays === 1) return "Tomorrow";
+  if (diffDays < 7) return `In ${diffDays} days`;
+  if (diffDays < 30) {
+    const weeks = Math.floor(diffDays / 7);
+    return `In ${weeks} week${weeks > 1 ? "s" : ""}`;
+  }
+  if (diffDays < 365) {
+    const months = Math.floor(diffDays / 30);
+    return `In ${months} month${months > 1 ? "s" : ""}`;
+  }
+  return formatDate(dateString);
+}
+function getSpotsRemaining(capacity, registrations = 0) {
+  if (capacity == null) return null;
+  return Math.max(0, capacity - registrations);
+}
+function isEventSoldOut(capacity, registrations = 0) {
+  const remaining = getSpotsRemaining(capacity, registrations);
+  return remaining !== null && remaining <= 0;
+}
+function getOfferingUrl(slug, type, basePaths) {
+  const defaults = {
+    product: "/shop",
+    service: "/services",
+    event: "/events",
+    class: "/classes"
+  };
+  const paths = { ...defaults, ...basePaths };
+  const base = paths[type] || "/offerings";
+  return `${base}/${slug}`;
+}
+
+// src/commerce/api.ts
+function getApiConfig() {
+  const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.uptrademedia.com" : "https://api.uptrademedia.com";
+  const apiKey = typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ || "" : "";
+  return { apiUrl, apiKey };
+}
+async function apiPost(endpoint, body = {}) {
+  const { apiUrl, apiKey } = getApiConfig();
+  if (!apiKey) {
+    console.error("[Commerce] No API key configured");
+    return null;
+  }
+  try {
+    const response = await fetch(`${apiUrl}${endpoint}`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      body: JSON.stringify(body)
+    });
+    if (!response.ok) {
+      const text = await response.text();
+      let body2 = null;
+      try {
+        body2 = text ? JSON.parse(text) : null;
+      } catch {
+        body2 = text;
+      }
+      console.error(`[Commerce] API error:`, response.status, response.statusText || "Unknown", body2);
+      return null;
+    }
+    return await response.json();
+  } catch (error) {
+    console.error("[Commerce] Network error:", error);
+    return null;
+  }
+}
+async function fetchOfferings(options = {}) {
+  const result = await apiPost(
+    "/api/public/commerce/offerings",
+    {
+      type: options.type,
+      category: options.category,
+      status: options.status || "active",
+      limit: options.limit,
+      offset: options.offset,
+      orderBy: options.orderBy || "sort_order",
+      order: options.order || "asc"
+    }
+  );
+  return result?.offerings || [];
+}
+async function fetchOffering(slug) {
+  const result = await apiPost(
+    "/api/public/commerce/offering",
+    { slug }
+  );
+  if (!result) return null;
+  const offering = result.offering ?? result;
+  return offering?.id ? offering : null;
+}
+async function fetchLatestOffering(type, category) {
+  if (type === "product") {
+    const { products } = await fetchProductsPublic({
+      category,
+      limit: 1,
+      orderBy: "created_at",
+      order: "desc"
+    });
+    return products[0] || null;
+  }
+  const result = await apiPost(
+    "/api/public/commerce/offerings",
+    {
+      type,
+      category,
+      status: "active",
+      limit: 1,
+      orderBy: "created_at",
+      order: "desc"
+    }
+  );
+  return result?.offerings?.[0] || null;
+}
+async function fetchUpcomingEvents(options = {}) {
+  const result = await apiPost(
+    "/api/public/commerce/events",
+    {
+      type: "event",
+      category: options.category,
+      limit: options.limit,
+      includePast: options.past
+    }
+  );
+  return result?.events || [];
+}
+async function fetchNextEvent(category) {
+  const events = await fetchUpcomingEvents({ limit: 1, category });
+  return events[0] || null;
+}
+async function fetchProducts(options = {}) {
+  const { products } = await fetchProductsPublic({
+    category: options.category,
+    limit: options.limit,
+    offset: options.offset,
+    orderBy: options.orderBy || "sort_order",
+    order: options.order || "asc",
+    search: options.search
+  });
+  return products;
+}
+async function fetchServices(options = {}) {
+  return fetchOfferings({ ...options, type: "service" });
+}
+async function fetchProductsPublic(options = {}) {
+  const result = await apiPost(
+    "/api/public/commerce/products",
+    options
+  );
+  return {
+    products: result?.products || [],
+    total: result?.total || 0
+  };
+}
+async function fetchProductBySlug(slug) {
+  const result = await apiPost(
+    "/api/public/commerce/product",
+    { slug }
+  );
+  return result?.product || null;
+}
+async function fetchCategories() {
+  const result = await apiPost(
+    "/api/public/commerce/categories",
+    {}
+  );
+  return result?.categories || [];
+}
+async function fetchShippingRates(shippingAddress, offerings) {
+  const result = await apiPost(
+    "/api/public/commerce/shipping-rates",
+    {
+      shippingAddress: {
+        street1: shippingAddress.street1,
+        street2: shippingAddress.street2,
+        city: shippingAddress.city,
+        state: shippingAddress.state,
+        zip: shippingAddress.zip,
+        country: shippingAddress.country || "US"
+      },
+      offerings
+    }
+  );
+  return Array.isArray(result) ? result : [];
+}
+async function validateAddress(address) {
+  const result = await apiPost(
+    "/api/public/commerce/validate-address",
+    {
+      street1: address.street1,
+      street2: address.street2,
+      city: address.city,
+      state: address.state,
+      zip: address.zip,
+      country: address.country || "US"
+    }
+  );
+  return result || { isValid: true, messages: [] };
+}
+async function fetchActiveProcessor() {
+  const { apiUrl, apiKey } = getApiConfig();
+  if (!apiKey) return null;
+  try {
+    const response = await fetch(`${apiUrl}/api/public/commerce/processor`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      body: JSON.stringify({})
+    });
+    if (!response.ok) return null;
+    const data = await response.json();
+    return data?.processor || null;
+  } catch {
+    return null;
+  }
+}
+async function registerForEvent(eventId, scheduleId, customer) {
+  const { apiUrl, apiKey } = getApiConfig();
+  const analyticsSessionId = typeof sessionStorage !== "undefined" ? sessionStorage.getItem("_uptrade_sid") : null;
+  try {
+    const response = await fetch(`${apiUrl}/api/public/commerce/register`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      body: JSON.stringify({
+        offeringId: eventId,
+        scheduleId,
+        customer,
+        analyticsSessionId
+        // Pass for conversion tracking
+      })
+    });
+    if (!response.ok) {
+      const error = await response.json();
+      return { success: false, error: error.message || "Registration failed" };
+    }
+    const result = await response.json();
+    return {
+      success: true,
+      sale_id: result.sale_id,
+      confirmation_number: result.confirmation_number
+    };
+  } catch (error) {
+    return { success: false, error: "Network error. Please try again." };
+  }
+}
+async function fetchProcessorConfig() {
+  const { apiUrl, apiKey } = getApiConfig();
+  if (!apiKey) return null;
+  try {
+    const response = await fetch(`${apiUrl}/api/public/commerce/processor-config`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      body: JSON.stringify({})
+    });
+    if (!response.ok) return null;
+    return await response.json();
+  } catch {
+    return null;
+  }
+}
+async function createCheckoutSession(optionsOrOfferingId, legacyOptions) {
+  const { apiUrl, apiKey } = getApiConfig();
+  const options = typeof optionsOrOfferingId === "string" ? { offeringId: optionsOrOfferingId, ...legacyOptions } : optionsOrOfferingId;
+  const analyticsSessionId = typeof sessionStorage !== "undefined" ? sessionStorage.getItem("_uptrade_sid") : null;
+  try {
+    const response = await fetch(`${apiUrl}/api/public/commerce/checkout`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      body: JSON.stringify({
+        ...options,
+        analyticsSessionId,
+        // Pass for conversion tracking
+        successUrl: options.successUrl || (typeof window !== "undefined" ? window.location.href : ""),
+        cancelUrl: options.cancelUrl || (typeof window !== "undefined" ? window.location.href : "")
+      })
+    });
+    if (!response.ok) {
+      const text = await response.text();
+      let body = {};
+      try {
+        body = JSON.parse(text);
+      } catch {
+      }
+      const errObj = body?.error && typeof body.error === "object" ? body.error : body;
+      const message = (typeof body?.message === "string" ? body.message : null) || (typeof errObj?.message === "string" ? errObj.message : null) || (typeof errObj?.detail === "string" ? errObj.detail : null) || (typeof body?.error === "string" ? body.error : null) || "Payment could not be processed. Please try again or use a different card.";
+      if (typeof console !== "undefined" && console.error) {
+        console.error("[Commerce] Checkout failed:", response.status, message, body);
+      }
+      return { success: false, error: message };
+    }
+    const result = await response.json();
+    return {
+      success: true,
+      payment_url: result.checkout_url,
+      checkout_url: result.checkout_url,
+      sale_id: result.sale_id,
+      confirmation_number: result.confirmation_number
+    };
+  } catch (error) {
+    return { success: false, error: "Network error. Please try again." };
+  }
+}
+function OfferingCard({
+  offering,
+  variant = "card",
+  showImage = true,
+  showPrice = true,
+  showDescription = true,
+  showCta = true,
+  ctaText,
+  onCtaClick,
+  className = "",
+  imageClassName = "",
+  titleClassName = "",
+  priceClassName = "",
+  descriptionClassName = "",
+  ctaClassName = ""
+}) {
+  const isEvent = offering.type === "event" || offering.type === "class";
+  const nextSchedule = offering.schedules?.[0] || offering.next_schedule;
+  const defaultCtaText = {
+    product: "Buy Now",
+    service: "Book Now",
+    class: "Register",
+    event: "Get Tickets",
+    subscription: "Subscribe"
+  }[offering.type] || "View Details";
+  const handleClick = () => {
+    if (onCtaClick) {
+      onCtaClick(offering);
+    } else if (typeof window !== "undefined") {
+      const basePath = offering.type === "event" ? "/events" : offering.type === "product" ? "/shop" : "/services";
+      window.location.href = `${basePath}/${offering.slug}`;
+    }
+  };
+  if (variant === "minimal") {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-offering-minimal ${className}`, children: [
+      /* @__PURE__ */ jsx("h3", { className: `site-kit-offering-title ${titleClassName}`, children: offering.name }),
+      showPrice && offering.price_is_public && offering.price != null && /* @__PURE__ */ jsx("span", { className: `site-kit-offering-price ${priceClassName}`, children: formatPrice(offering.price, offering.currency) }),
+      showCta && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleClick,
+          className: `site-kit-offering-cta ${ctaClassName}`,
+          children: ctaText || defaultCtaText
+        }
+      )
+    ] });
+  }
+  if (variant === "horizontal") {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-offering-horizontal ${className}`, style: {
+      display: "flex",
+      gap: "1rem",
+      alignItems: "flex-start"
+    }, children: [
+      showImage && offering.featured_image_url && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: offering.featured_image_url,
+          alt: offering.name,
+          className: `site-kit-offering-image ${imageClassName}`,
+          style: {
+            width: "120px",
+            height: "120px",
+            objectFit: "cover",
+            borderRadius: "8px"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+        /* @__PURE__ */ jsx("h3", { className: `site-kit-offering-title ${titleClassName}`, style: {
+          margin: 0,
+          fontSize: "1.125rem",
+          fontWeight: 600
+        }, children: offering.name }),
+        isEvent && nextSchedule && /* @__PURE__ */ jsxs("div", { className: "site-kit-offering-date", style: {
+          color: "#666",
+          fontSize: "0.875rem",
+          marginTop: "0.25rem"
+        }, children: [
+          formatDate(nextSchedule.starts_at),
+          offering.location && ` \u2022 ${offering.location}`
+        ] }),
+        showDescription && offering.short_description && /* @__PURE__ */ jsx("p", { className: `site-kit-offering-description ${descriptionClassName}`, style: {
+          color: "#666",
+          margin: "0.5rem 0",
+          fontSize: "0.875rem"
+        }, children: offering.short_description }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "1rem", marginTop: "0.5rem" }, children: [
+          showPrice && offering.price_is_public && offering.price != null && /* @__PURE__ */ jsxs("span", { className: `site-kit-offering-price ${priceClassName}`, style: {
+            fontWeight: 600,
+            color: "#333"
+          }, children: [
+            formatPrice(offering.price, offering.currency),
+            offering.compare_at_price && /* @__PURE__ */ jsx("span", { style: {
+              textDecoration: "line-through",
+              color: "#999",
+              marginLeft: "0.5rem",
+              fontWeight: 400
+            }, children: formatPrice(offering.compare_at_price, offering.currency) })
+          ] }),
+          showCta && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: handleClick,
+              className: `site-kit-offering-cta ${ctaClassName}`,
+              style: {
+                padding: "0.5rem 1rem",
+                borderRadius: "6px",
+                border: "none",
+                background: "#2563eb",
+                color: "white",
+                cursor: "pointer",
+                fontWeight: 500
+              },
+              children: ctaText || defaultCtaText
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-offering-card ${className}`, style: {
+    borderRadius: "12px",
+    overflow: "hidden",
+    boxShadow: "0 1px 3px rgba(0,0,0,0.1)",
+    background: "white"
+  }, children: [
+    showImage && offering.featured_image_url && /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: offering.featured_image_url,
+          alt: offering.name,
+          className: `site-kit-offering-image ${imageClassName}`,
+          style: {
+            width: "100%",
+            height: "200px",
+            objectFit: "cover"
+          }
+        }
+      ),
+      offering.compare_at_price && offering.price_is_public && /* @__PURE__ */ jsx("span", { style: {
+        position: "absolute",
+        top: "12px",
+        right: "12px",
+        background: "#ef4444",
+        color: "white",
+        padding: "4px 8px",
+        borderRadius: "4px",
+        fontSize: "0.75rem",
+        fontWeight: 600
+      }, children: "Sale" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { padding: "1rem" }, children: [
+      isEvent && nextSchedule && /* @__PURE__ */ jsx("div", { className: "site-kit-offering-date", style: {
+        color: "#2563eb",
+        fontSize: "0.875rem",
+        fontWeight: 500,
+        marginBottom: "0.25rem"
+      }, children: formatDate(nextSchedule.starts_at) }),
+      /* @__PURE__ */ jsx("h3", { className: `site-kit-offering-title ${titleClassName}`, style: {
+        margin: 0,
+        fontSize: "1.125rem",
+        fontWeight: 600,
+        color: "#111"
+      }, children: offering.name }),
+      isEvent && offering.location && /* @__PURE__ */ jsxs("div", { style: { color: "#666", fontSize: "0.875rem", marginTop: "0.25rem" }, children: [
+        "\u{1F4CD} ",
+        offering.location
+      ] }),
+      showDescription && offering.short_description && /* @__PURE__ */ jsx("p", { className: `site-kit-offering-description ${descriptionClassName}`, style: {
+        color: "#666",
+        margin: "0.75rem 0",
+        fontSize: "0.875rem",
+        lineHeight: 1.5
+      }, children: offering.short_description }),
+      /* @__PURE__ */ jsxs("div", { style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        marginTop: "1rem"
+      }, children: [
+        showPrice && offering.price_is_public && offering.price != null ? /* @__PURE__ */ jsxs("div", { className: `site-kit-offering-price ${priceClassName}`, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: "1.25rem", color: "#111" }, children: formatPrice(offering.price, offering.currency) }),
+          offering.compare_at_price && /* @__PURE__ */ jsx("span", { style: {
+            textDecoration: "line-through",
+            color: "#999",
+            marginLeft: "0.5rem",
+            fontSize: "0.875rem"
+          }, children: formatPrice(offering.compare_at_price, offering.currency) })
+        ] }) : /* @__PURE__ */ jsx("div", {}),
+        showCta && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleClick,
+            className: `site-kit-offering-cta ${ctaClassName}`,
+            style: {
+              padding: "0.625rem 1.25rem",
+              borderRadius: "6px",
+              border: "none",
+              background: "#2563eb",
+              color: "white",
+              cursor: "pointer",
+              fontWeight: 500,
+              fontSize: "0.875rem"
+            },
+            children: ctaText || defaultCtaText
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function OfferingList({
+  // Data options
+  offerings: propOfferings,
+  type,
+  category,
+  limit,
+  status = "active",
+  // Display options
+  layout = "grid",
+  columns = 3,
+  cardVariant = "card",
+  showFilters = false,
+  emptyMessage = "No items found.",
+  // Card options
+  showImage = true,
+  showPrice = true,
+  showDescription = true,
+  showCta = true,
+  ctaText,
+  onCtaClick,
+  // Styling
+  className = "",
+  cardClassName = "",
+  filterClassName = "",
+  // Custom render
+  renderCard,
+  renderEmpty
+}) {
+  const [offerings, setOfferings] = useState(propOfferings || []);
+  const [loading, setLoading] = useState(!propOfferings);
+  const [error, setError] = useState(null);
+  const [activeFilter, setActiveFilter] = useState(null);
+  useEffect(() => {
+    if (propOfferings) {
+      setOfferings(propOfferings);
+      return;
+    }
+    async function load() {
+      setLoading(true);
+      setError(null);
+      try {
+        let data;
+        if (type === "product" || Array.isArray(type) && type.includes("product")) {
+          const { products } = await fetchProductsPublic({ category, limit, orderBy: "sort_order", order: "asc" });
+          data = products;
+        } else if (type === "event") {
+          data = await fetchUpcomingEvents({ category, limit });
+        } else {
+          data = await fetchOfferings({ type, category, limit, status });
+        }
+        setOfferings(data);
+      } catch (e) {
+        console.error("Failed to load offerings:", e);
+        setError("Failed to load items.");
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [propOfferings, type, category, limit, status]);
+  const categories = useMemo(() => {
+    const cats = offerings.filter((o) => o.category).map((o) => o.category);
+    return Array.from(new Map(cats.map((c) => [c.id, c])).values());
+  }, [offerings]);
+  const filteredOfferings = useMemo(() => {
+    if (!activeFilter) return offerings;
+    return offerings.filter((o) => o.category?.id === activeFilter);
+  }, [offerings, activeFilter]);
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-offerings-loading ${className}`, style: {
+      display: "flex",
+      justifyContent: "center",
+      padding: "2rem"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        width: "40px",
+        height: "40px",
+        border: "3px solid #e5e7eb",
+        borderTopColor: "#2563eb",
+        borderRadius: "50%",
+        animation: "spin 1s linear infinite"
+      } }),
+      /* @__PURE__ */ jsx("style", { children: `
+          @keyframes spin {
+            to { transform: rotate(360deg); }
+          }
+        ` })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: `site-kit-offerings-error ${className}`, style: {
+      textAlign: "center",
+      padding: "2rem",
+      color: "#ef4444"
+    }, children: error });
+  }
+  if (filteredOfferings.length === 0) {
+    if (renderEmpty) {
+      return /* @__PURE__ */ jsx(Fragment, { children: renderEmpty() });
+    }
+    return /* @__PURE__ */ jsx("div", { className: `site-kit-offerings-empty ${className}`, style: {
+      textAlign: "center",
+      padding: "2rem",
+      color: "#666"
+    }, children: emptyMessage });
+  }
+  const gridStyles = layout === "grid" ? {
+    display: "grid",
+    gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+    gap: "1.5rem"
+  } : {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1rem"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-offerings ${className}`, children: [
+    showFilters && categories.length > 1 && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `site-kit-offerings-filters ${filterClassName}`,
+        style: {
+          display: "flex",
+          gap: "0.5rem",
+          marginBottom: "1.5rem",
+          flexWrap: "wrap"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setActiveFilter(null),
+              style: {
+                padding: "0.5rem 1rem",
+                borderRadius: "9999px",
+                border: "1px solid",
+                borderColor: activeFilter === null ? "#2563eb" : "#e5e7eb",
+                background: activeFilter === null ? "#2563eb" : "white",
+                color: activeFilter === null ? "white" : "#333",
+                cursor: "pointer",
+                fontSize: "0.875rem"
+              },
+              children: "All"
+            }
+          ),
+          categories.map((cat) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setActiveFilter(cat.id),
+              style: {
+                padding: "0.5rem 1rem",
+                borderRadius: "9999px",
+                border: "1px solid",
+                borderColor: activeFilter === cat.id ? "#2563eb" : "#e5e7eb",
+                background: activeFilter === cat.id ? "#2563eb" : "white",
+                color: activeFilter === cat.id ? "white" : "#333",
+                cursor: "pointer",
+                fontSize: "0.875rem"
+              },
+              children: cat.name
+            },
+            cat.id
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "site-kit-offerings-grid", style: gridStyles, children: filteredOfferings.map((offering) => renderCard ? renderCard(offering) : /* @__PURE__ */ jsx(
+      OfferingCard,
+      {
+        offering,
+        variant: layout === "list" ? "horizontal" : cardVariant,
+        showImage,
+        showPrice,
+        showDescription,
+        showCta,
+        ctaText,
+        onCtaClick,
+        className: cardClassName
+      },
+      offering.id
+    )) })
+  ] });
+}
+function EventTile({
+  event,
+  variant = "standard",
+  showDate = true,
+  showTime = true,
+  showLocation = true,
+  showCapacity = true,
+  showPrice = true,
+  showCta = true,
+  ctaText,
+  onRegister,
+  onCtaClick,
+  className = "",
+  dateClassName = "",
+  titleClassName = "",
+  ctaClassName = ""
+}) {
+  const [loading, setLoading] = useState(false);
+  const schedule = event.schedules?.[0] || event.next_schedule;
+  const soldOut = schedule ? isEventSoldOut(schedule.capacity, schedule.current_registrations) : false;
+  const spotsRemaining = schedule ? getSpotsRemaining(schedule.capacity, schedule.current_registrations) : null;
+  const defaultCtaText = event.price && event.price > 0 ? "Get Tickets" : "Register Free";
+  const handleClick = async () => {
+    if (onCtaClick) {
+      onCtaClick(event);
+      return;
+    }
+    if (!schedule) {
+      window.location.href = `/events/${event.slug}`;
+      return;
+    }
+    if (onRegister) {
+      onRegister(event, schedule.id);
+      return;
+    }
+    setLoading(true);
+    try {
+      if (event.price && event.price > 0) {
+        const result = await createCheckoutSession(event.id, { scheduleId: schedule.id });
+        if (result.payment_url) {
+          window.location.href = result.payment_url;
+        }
+      } else {
+        window.location.href = `/events/${event.slug}/register`;
+      }
+    } catch (e) {
+      console.error("Registration error:", e);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (variant === "compact") {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-event-tile-compact ${className}`, style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "0.75rem",
+      padding: "0.75rem",
+      background: "white",
+      borderRadius: "8px",
+      boxShadow: "0 1px 2px rgba(0,0,0,0.05)"
+    }, children: [
+      showDate && schedule && /* @__PURE__ */ jsxs("div", { className: `site-kit-event-date ${dateClassName}`, style: {
+        minWidth: "48px",
+        textAlign: "center",
+        padding: "0.5rem",
+        background: "#f3f4f6",
+        borderRadius: "6px"
+      }, children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: "0.75rem", color: "#666", textTransform: "uppercase" }, children: new Date(schedule.starts_at).toLocaleDateString("en-US", { month: "short" }) }),
+        /* @__PURE__ */ jsx("div", { style: { fontSize: "1.25rem", fontWeight: 700, color: "#111" }, children: new Date(schedule.starts_at).getDate() })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx("h4", { className: `site-kit-event-title ${titleClassName}`, style: {
+          margin: 0,
+          fontSize: "0.875rem",
+          fontWeight: 600,
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        }, children: event.name }),
+        showTime && schedule && /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.75rem", color: "#666" }, children: [
+          formatTime(schedule.starts_at),
+          showLocation && event.location && ` \u2022 ${event.location}`
+        ] })
+      ] }),
+      showCta && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleClick,
+          disabled: soldOut || loading,
+          className: `site-kit-event-cta ${ctaClassName}`,
+          style: {
+            padding: "0.375rem 0.75rem",
+            fontSize: "0.75rem",
+            borderRadius: "4px",
+            border: "none",
+            background: soldOut ? "#e5e7eb" : "#2563eb",
+            color: soldOut ? "#666" : "white",
+            cursor: soldOut ? "not-allowed" : "pointer",
+            fontWeight: 500,
+            whiteSpace: "nowrap"
+          },
+          children: soldOut ? "Sold Out" : loading ? "..." : ctaText || defaultCtaText
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-event-tile ${className}`, style: {
+    background: "white",
+    borderRadius: "12px",
+    overflow: "hidden",
+    boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
+  }, children: [
+    event.featured_image_url && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: event.featured_image_url,
+        alt: event.name,
+        style: {
+          width: "100%",
+          height: "140px",
+          objectFit: "cover"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { style: { padding: "1rem" }, children: [
+      showDate && schedule && /* @__PURE__ */ jsxs("div", { className: `site-kit-event-date ${dateClassName}`, style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "0.5rem",
+        marginBottom: "0.5rem"
+      }, children: [
+        /* @__PURE__ */ jsx("span", { style: {
+          background: "#dbeafe",
+          color: "#1d4ed8",
+          padding: "0.25rem 0.5rem",
+          borderRadius: "4px",
+          fontSize: "0.75rem",
+          fontWeight: 600
+        }, children: getRelativeTimeUntil(schedule.starts_at) }),
+        /* @__PURE__ */ jsx("span", { style: { fontSize: "0.875rem", color: "#666" }, children: formatDate(schedule.starts_at) })
+      ] }),
+      /* @__PURE__ */ jsx("h3", { className: `site-kit-event-title ${titleClassName}`, style: {
+        margin: "0 0 0.5rem",
+        fontSize: "1.125rem",
+        fontWeight: 600,
+        color: "#111"
+      }, children: event.name }),
+      showLocation && event.location && /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.875rem", color: "#666", marginBottom: "0.5rem" }, children: [
+        "\u{1F4CD} ",
+        event.location
+      ] }),
+      showTime && schedule && /* @__PURE__ */ jsxs("div", { style: { fontSize: "0.875rem", color: "#666", marginBottom: "0.75rem" }, children: [
+        "\u{1F550} ",
+        formatTime(schedule.starts_at),
+        schedule.ends_at && ` - ${formatTime(schedule.ends_at)}`
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        marginTop: "0.75rem"
+      }, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          showPrice && event.price_is_public && event.price != null && /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, color: "#111" }, children: event.price === 0 ? "Free" : `$${event.price}` }),
+          showCapacity && spotsRemaining !== null && spotsRemaining <= 10 && !soldOut && /* @__PURE__ */ jsxs("span", { style: {
+            fontSize: "0.75rem",
+            color: "#dc2626",
+            marginLeft: "0.5rem"
+          }, children: [
+            "Only ",
+            spotsRemaining,
+            " spots left!"
+          ] })
+        ] }),
+        showCta && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleClick,
+            disabled: soldOut || loading,
+            className: `site-kit-event-cta ${ctaClassName}`,
+            style: {
+              padding: "0.5rem 1rem",
+              borderRadius: "6px",
+              border: "none",
+              background: soldOut ? "#e5e7eb" : "#2563eb",
+              color: soldOut ? "#666" : "white",
+              cursor: soldOut ? "not-allowed" : "pointer",
+              fontWeight: 500,
+              fontSize: "0.875rem"
+            },
+            children: soldOut ? "Sold Out" : loading ? "Loading..." : ctaText || defaultCtaText
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function UpcomingEvents({
+  events: propEvents,
+  limit = 3,
+  category,
+  variant = "standard",
+  layout = "vertical",
+  showViewAll = true,
+  viewAllUrl = "/events",
+  viewAllText = "View All Events",
+  emptyMessage = "No upcoming events.",
+  title,
+  onRegister,
+  onCtaClick,
+  className = "",
+  titleClassName = "",
+  eventClassName = ""
+}) {
+  const [events, setEvents] = useState(propEvents || []);
+  const [loading, setLoading] = useState(!propEvents);
+  useEffect(() => {
+    if (propEvents) {
+      setEvents(propEvents);
+      return;
+    }
+    async function load() {
+      setLoading(true);
+      try {
+        const data = await fetchUpcomingEvents({ limit, category });
+        setEvents(data);
+      } catch (e) {
+        console.error("Failed to load events:", e);
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [propEvents, limit, category]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: `site-kit-upcoming-events ${className}`, children: /* @__PURE__ */ jsx("div", { style: { padding: "2rem", textAlign: "center", color: "#666" }, children: "Loading events..." }) });
+  }
+  if (events.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-upcoming-events ${className}`, children: [
+      title && /* @__PURE__ */ jsx("h2", { className: `site-kit-upcoming-events-title ${titleClassName}`, style: {
+        margin: "0 0 1rem",
+        fontSize: "1.5rem",
+        fontWeight: 600
+      }, children: title }),
+      /* @__PURE__ */ jsx("div", { style: { padding: "2rem", textAlign: "center", color: "#666" }, children: emptyMessage })
+    ] });
+  }
+  const layoutStyles = layout === "horizontal" ? {
+    display: "flex",
+    gap: "1rem",
+    overflowX: "auto"
+  } : {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1rem"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-upcoming-events ${className}`, children: [
+    title && /* @__PURE__ */ jsxs("div", { style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      marginBottom: "1rem"
+    }, children: [
+      /* @__PURE__ */ jsx("h2", { className: `site-kit-upcoming-events-title ${titleClassName}`, style: {
+        margin: 0,
+        fontSize: "1.5rem",
+        fontWeight: 600
+      }, children: title }),
+      showViewAll && events.length >= limit && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: viewAllUrl,
+          style: {
+            color: "#2563eb",
+            textDecoration: "none",
+            fontSize: "0.875rem",
+            fontWeight: 500
+          },
+          children: [
+            viewAllText,
+            " \u2192"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: layoutStyles, children: events.map((event) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: eventClassName,
+        style: layout === "horizontal" ? { minWidth: "280px", flex: "0 0 auto" } : void 0,
+        children: /* @__PURE__ */ jsx(
+          EventTile,
+          {
+            event,
+            variant,
+            onRegister,
+            onCtaClick
+          }
+        )
+      },
+      event.id
+    )) }),
+    showViewAll && events.length >= limit && !title && /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: viewAllUrl,
+        style: {
+          display: "inline-block",
+          padding: "0.75rem 1.5rem",
+          background: "#f3f4f6",
+          color: "#333",
+          borderRadius: "8px",
+          textDecoration: "none",
+          fontWeight: 500
+        },
+        children: viewAllText
+      }
+    ) })
+  ] });
+}
+function ProductEmbed({
+  product: propProduct,
+  slug,
+  mode = "specific",
+  // 'specific', 'latest', 'featured'
+  category,
+  variant = "card",
+  showImage = true,
+  showPrice = true,
+  showDescription = true,
+  showCta = true,
+  ctaText = "Shop Now",
+  onCtaClick,
+  className = ""
+}) {
+  const [product, setProduct] = useState(propProduct || null);
+  const [loading, setLoading] = useState(!propProduct && !!slug);
+  useEffect(() => {
+    if (propProduct) {
+      setProduct(propProduct);
+      return;
+    }
+    async function load() {
+      setLoading(true);
+      try {
+        let data = null;
+        if (mode === "specific" && slug) {
+          data = await fetchProductBySlug(slug);
+        } else if (mode === "latest" || mode === "featured") {
+          data = await fetchLatestOffering("product", category);
+        }
+        setProduct(data);
+      } catch (e) {
+        console.error("Failed to load product:", e);
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [propProduct, slug, mode, category]);
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-product-embed ${className}`, style: {
+      padding: "2rem",
+      textAlign: "center",
+      background: "#f9fafb",
+      borderRadius: "12px"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        width: "40px",
+        height: "40px",
+        margin: "0 auto",
+        border: "3px solid #e5e7eb",
+        borderTopColor: "#2563eb",
+        borderRadius: "50%",
+        animation: "spin 1s linear infinite"
+      } }),
+      /* @__PURE__ */ jsx("style", { children: `
+          @keyframes spin {
+            to { transform: rotate(360deg); }
+          }
+        ` })
+    ] });
+  }
+  if (!product) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: `site-kit-product-embed ${className}`, children: /* @__PURE__ */ jsx(
+    OfferingCard,
+    {
+      offering: product,
+      variant,
+      showImage,
+      showPrice,
+      showDescription,
+      showCta,
+      ctaText,
+      onCtaClick
+    }
+  ) });
+}
+function ProductDetail({
+  product: propProduct,
+  slug,
+  showAddToCart = true,
+  showBuyNow = true,
+  showQuantity = true,
+  showVariants = true,
+  showGallery = true,
+  showFeatures = true,
+  showSpecifications = true,
+  successUrl,
+  cancelUrl,
+  onAddToCart,
+  onBuyNow,
+  onCheckoutSuccess,
+  onCheckoutError,
+  className = "",
+  style
+}) {
+  const [product, setProduct] = useState(propProduct || null);
+  const [loading, setLoading] = useState(!propProduct && !!slug);
+  const [selectedVariant, setSelectedVariant] = useState();
+  const [quantity, setQuantity] = useState(1);
+  const [selectedImage, setSelectedImage] = useState(0);
+  const [checkingOut, setCheckingOut] = useState(false);
+  useEffect(() => {
+    if (propProduct) {
+      setProduct(propProduct);
+      const defaultVariant = propProduct.variants?.find((v) => v.is_default) || propProduct.variants?.[0];
+      setSelectedVariant(defaultVariant);
+      return;
+    }
+    if (!slug) return;
+    async function load() {
+      setLoading(true);
+      try {
+        const data = await fetchProductBySlug(slug);
+        setProduct(data);
+        if (data?.variants?.length) {
+          const defaultVariant = data.variants.find((v) => v.is_default) || data.variants[0];
+          setSelectedVariant(defaultVariant);
+        }
+      } catch (e) {
+        console.error("Failed to load product:", e);
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [propProduct, slug]);
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-product-detail site-kit-product-detail--loading ${className}`, style, children: [
+      /* @__PURE__ */ jsx("div", { className: "site-kit-product-detail__loader", style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        minHeight: "400px"
+      }, children: /* @__PURE__ */ jsx("div", { style: {
+        width: "48px",
+        height: "48px",
+        border: "3px solid #e5e7eb",
+        borderTopColor: "#2563eb",
+        borderRadius: "50%",
+        animation: "spin 1s linear infinite"
+      } }) }),
+      /* @__PURE__ */ jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg); } }` })
+    ] });
+  }
+  if (!product) {
+    return /* @__PURE__ */ jsx("div", { className: `site-kit-product-detail site-kit-product-detail--not-found ${className}`, style, children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: "4rem 2rem", color: "#666" }, children: [
+      /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "1.5rem", color: "#333" }, children: "Product Not Found" }),
+      /* @__PURE__ */ jsx("p", { style: { marginTop: "0.5rem" }, children: "The product you're looking for doesn't exist or has been removed." })
+    ] }) });
+  }
+  const currentPrice = selectedVariant?.price ?? product.price ?? 0;
+  const compareAtPrice = product.compare_at_price;
+  const hasDiscount = compareAtPrice && compareAtPrice > currentPrice;
+  const allImages = [
+    product.featured_image_url,
+    ...product.gallery_images || [],
+    ...product.variants?.map((v) => v.image_url).filter(Boolean) || []
+  ].filter(Boolean);
+  const inventoryCount = selectedVariant?.inventory_count ?? product.inventory_count;
+  const isOutOfStock = product.track_inventory && inventoryCount !== void 0 && inventoryCount <= 0;
+  const isLowStock = product.track_inventory && inventoryCount !== void 0 && inventoryCount > 0 && inventoryCount <= 5;
+  const needsVariantSelection = (product.is_clothing || (product.variants?.length ?? 0) > 0) && !selectedVariant;
+  const handleAddToCart = () => {
+    if (onAddToCart) {
+      onAddToCart(product, selectedVariant, quantity);
+    }
+  };
+  const handleBuyNow = async () => {
+    if (onBuyNow) {
+      onBuyNow(product, selectedVariant, quantity);
+      return;
+    }
+    setCheckingOut(true);
+    try {
+      const result = await createCheckoutSession({
+        offeringId: product.id,
+        variantId: selectedVariant?.id,
+        quantity,
+        successUrl: successUrl || `${window.location.origin}/checkout/success`,
+        cancelUrl: cancelUrl || window.location.href
+      });
+      if (result.success && result.checkout_url) {
+        onCheckoutSuccess?.(result);
+        window.location.href = result.checkout_url;
+      } else {
+        throw new Error(result.error || "Failed to create checkout");
+      }
+    } catch (error) {
+      console.error("Checkout error:", error);
+      onCheckoutError?.(error.message || "Checkout failed");
+    } finally {
+      setCheckingOut(false);
+    }
+  };
+  const handleVariantChange = (variant) => {
+    setSelectedVariant(variant);
+    if (variant.image_url) {
+      const imageIndex = allImages.indexOf(variant.image_url);
+      if (imageIndex >= 0) setSelectedImage(imageIndex);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-product-detail ${className}`, style: {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fit, minmax(320px, 1fr))",
+    gap: "2rem",
+    ...style
+  }, children: [
+    showGallery && allImages.length > 0 && /* @__PURE__ */ jsxs("div", { className: "site-kit-product-detail__gallery", children: [
+      /* @__PURE__ */ jsx("div", { className: "site-kit-product-detail__main-image", style: {
+        aspectRatio: "1",
+        borderRadius: "12px",
+        overflow: "hidden",
+        backgroundColor: "#f9fafb"
+      }, children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: allImages[selectedImage],
+          alt: product.name,
+          style: {
+            width: "100%",
+            height: "100%",
+            objectFit: "cover"
+          }
+        }
+      ) }),
+      allImages.length > 1 && /* @__PURE__ */ jsx("div", { className: "site-kit-product-detail__thumbnails", style: {
+        display: "flex",
+        gap: "0.5rem",
+        marginTop: "0.75rem",
+        overflowX: "auto"
+      }, children: allImages.map((img, idx) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setSelectedImage(idx),
+          style: {
+            flex: "0 0 auto",
+            width: "64px",
+            height: "64px",
+            borderRadius: "8px",
+            overflow: "hidden",
+            border: idx === selectedImage ? "2px solid #2563eb" : "2px solid transparent",
+            padding: 0,
+            cursor: "pointer",
+            backgroundColor: "#f9fafb"
+          },
+          children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: img,
+              alt: `${product.name} ${idx + 1}`,
+              style: {
+                width: "100%",
+                height: "100%",
+                objectFit: "cover"
+              }
+            }
+          )
+        },
+        idx
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "site-kit-product-detail__info", children: [
+      product.category && /* @__PURE__ */ jsx("div", { className: "site-kit-product-detail__category", style: {
+        fontSize: "0.875rem",
+        color: "#6b7280",
+        marginBottom: "0.5rem",
+        textTransform: "uppercase",
+        letterSpacing: "0.05em"
+      }, children: product.category.name }),
+      /* @__PURE__ */ jsx("h1", { className: "site-kit-product-detail__title", style: {
+        margin: 0,
+        fontSize: "2rem",
+        fontWeight: 700,
+        color: "#111827",
+        lineHeight: 1.2
+      }, children: product.name }),
+      product.short_description && /* @__PURE__ */ jsx("p", { className: "site-kit-product-detail__short-description", style: {
+        marginTop: "0.75rem",
+        fontSize: "1rem",
+        color: "#4b5563",
+        lineHeight: 1.6
+      }, children: product.short_description }),
+      product.price_is_public && currentPrice !== void 0 && /* @__PURE__ */ jsxs("div", { className: "site-kit-product-detail__price", style: {
+        marginTop: "1rem",
+        display: "flex",
+        alignItems: "baseline",
+        gap: "0.75rem"
+      }, children: [
+        /* @__PURE__ */ jsx("span", { style: {
+          fontSize: "1.75rem",
+          fontWeight: 700,
+          color: hasDiscount ? "#dc2626" : "#111827"
+        }, children: formatPrice(currentPrice, product.currency) }),
+        hasDiscount && /* @__PURE__ */ jsx("span", { style: {
+          fontSize: "1.25rem",
+          color: "#9ca3af",
+          textDecoration: "line-through"
+        }, children: formatPrice(compareAtPrice, product.currency) })
+      ] }),
+      product.track_inventory && /* @__PURE__ */ jsx("div", { className: "site-kit-product-detail__stock", style: {
+        marginTop: "0.75rem",
+        fontSize: "0.875rem",
+        fontWeight: 500
+      }, children: isOutOfStock ? /* @__PURE__ */ jsx("span", { style: { color: "#dc2626" }, children: "Out of Stock" }) : isLowStock ? /* @__PURE__ */ jsxs("span", { style: { color: "#f59e0b" }, children: [
+        "Only ",
+        inventoryCount,
+        " left!"
+      ] }) : /* @__PURE__ */ jsx("span", { style: { color: "#10b981" }, children: "In Stock" }) }),
+      showVariants && product.variants && (product.variants.length > 1 || product.is_clothing) && /* @__PURE__ */ jsxs("div", { className: "site-kit-product-detail__variants", style: { marginTop: "1.5rem" }, children: [
+        /* @__PURE__ */ jsx("label", { style: {
+          display: "block",
+          fontSize: "0.875rem",
+          fontWeight: 600,
+          color: "#374151",
+          marginBottom: "0.5rem"
+        }, children: product.is_clothing ? "Size" : "Options" }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" }, children: product.variants.map((variant) => {
+          const variantOutOfStock = variant.track_inventory !== false && (variant.inventory_count ?? 0) <= 0;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => !variantOutOfStock && handleVariantChange(variant),
+              disabled: variantOutOfStock,
+              style: {
+                padding: "0.5rem 1rem",
+                borderRadius: "8px",
+                border: selectedVariant?.id === variant.id ? "2px solid #2563eb" : "1px solid #d1d5db",
+                backgroundColor: selectedVariant?.id === variant.id ? "#eff6ff" : "white",
+                color: variantOutOfStock ? "#9ca3af" : "#374151",
+                fontSize: "0.875rem",
+                fontWeight: 500,
+                cursor: variantOutOfStock ? "not-allowed" : "pointer",
+                opacity: variantOutOfStock ? 0.6 : 1,
+                transition: "all 0.15s ease"
+              },
+              children: [
+                variant.options?.Size || variant.name,
+                variantOutOfStock && " (Out of stock)"
+              ]
+            },
+            variant.id
+          );
+        }) })
+      ] }),
+      showQuantity && !isOutOfStock && /* @__PURE__ */ jsxs("div", { className: "site-kit-product-detail__quantity", style: { marginTop: "1.5rem" }, children: [
+        /* @__PURE__ */ jsx("label", { style: {
+          display: "block",
+          fontSize: "0.875rem",
+          fontWeight: 600,
+          color: "#374151",
+          marginBottom: "0.5rem"
+        }, children: "Quantity" }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setQuantity(Math.max(1, quantity - 1)),
+              disabled: quantity <= 1,
+              style: {
+                width: "40px",
+                height: "40px",
+                borderRadius: "8px",
+                border: "1px solid #d1d5db",
+                backgroundColor: "white",
+                fontSize: "1.25rem",
+                cursor: quantity <= 1 ? "not-allowed" : "pointer",
+                opacity: quantity <= 1 ? 0.5 : 1
+              },
+              children: "\u2212"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              min: "1",
+              max: inventoryCount ?? 99,
+              value: quantity,
+              onChange: (e) => setQuantity(Math.max(1, parseInt(e.target.value) || 1)),
+              style: {
+                width: "60px",
+                height: "40px",
+                textAlign: "center",
+                borderRadius: "8px",
+                border: "1px solid #d1d5db",
+                fontSize: "1rem"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => setQuantity(quantity + 1),
+              disabled: product.track_inventory && inventoryCount !== void 0 && quantity >= inventoryCount,
+              style: {
+                width: "40px",
+                height: "40px",
+                borderRadius: "8px",
+                border: "1px solid #d1d5db",
+                backgroundColor: "white",
+                fontSize: "1.25rem",
+                cursor: "pointer"
+              },
+              children: "+"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "site-kit-product-detail__actions", style: {
+        marginTop: "1.5rem",
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.75rem"
+      }, children: [
+        showBuyNow && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleBuyNow,
+            disabled: isOutOfStock || checkingOut || needsVariantSelection,
+            className: "site-kit-product-detail__buy-now",
+            style: {
+              padding: "1rem 2rem",
+              borderRadius: "8px",
+              border: "none",
+              backgroundColor: isOutOfStock ? "#d1d5db" : "#2563eb",
+              color: "white",
+              fontSize: "1rem",
+              fontWeight: 600,
+              cursor: isOutOfStock ? "not-allowed" : "pointer",
+              transition: "all 0.15s ease"
+            },
+            children: checkingOut ? "Processing..." : needsVariantSelection ? "Select Size" : isOutOfStock ? "Out of Stock" : "Buy Now"
+          }
+        ),
+        showAddToCart && onAddToCart && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleAddToCart,
+            disabled: isOutOfStock || needsVariantSelection,
+            className: "site-kit-product-detail__add-to-cart",
+            style: {
+              padding: "1rem 2rem",
+              borderRadius: "8px",
+              border: "2px solid #2563eb",
+              backgroundColor: "white",
+              color: "#2563eb",
+              fontSize: "1rem",
+              fontWeight: 600,
+              cursor: isOutOfStock || needsVariantSelection ? "not-allowed" : "pointer",
+              transition: "all 0.15s ease"
+            },
+            children: needsVariantSelection ? "Select Size" : isOutOfStock ? "Out of Stock" : "Add to Cart"
+          }
+        )
+      ] }),
+      showFeatures && product.features && product.features.length > 0 && /* @__PURE__ */ jsxs("div", { className: "site-kit-product-detail__features", style: { marginTop: "2rem" }, children: [
+        /* @__PURE__ */ jsx("h3", { style: {
+          fontSize: "1rem",
+          fontWeight: 600,
+          color: "#111827",
+          marginBottom: "0.75rem"
+        }, children: "Features" }),
+        /* @__PURE__ */ jsx("ul", { style: {
+          margin: 0,
+          paddingLeft: "1.25rem",
+          display: "flex",
+          flexDirection: "column",
+          gap: "0.5rem"
+        }, children: product.features.map((feature, idx) => /* @__PURE__ */ jsx("li", { style: { color: "#4b5563", fontSize: "0.9375rem" }, children: feature }, idx)) })
+      ] }),
+      showSpecifications && product.specifications && Object.keys(product.specifications).length > 0 && /* @__PURE__ */ jsxs("div", { className: "site-kit-product-detail__specifications", style: { marginTop: "2rem" }, children: [
+        /* @__PURE__ */ jsx("h3", { style: {
+          fontSize: "1rem",
+          fontWeight: 600,
+          color: "#111827",
+          marginBottom: "0.75rem"
+        }, children: "Specifications" }),
+        /* @__PURE__ */ jsx("dl", { style: {
+          margin: 0,
+          display: "grid",
+          gridTemplateColumns: "auto 1fr",
+          gap: "0.5rem 1rem"
+        }, children: Object.entries(product.specifications).map(([key, value]) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
+          /* @__PURE__ */ jsx("dt", { style: { color: "#6b7280", fontSize: "0.875rem" }, children: key }),
+          /* @__PURE__ */ jsx("dd", { style: { margin: 0, color: "#111827", fontSize: "0.875rem" }, children: value })
+        ] }, key)) })
+      ] })
+    ] }),
+    product.long_description && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "site-kit-product-detail__description",
+        style: {
+          gridColumn: "1 / -1",
+          marginTop: "2rem",
+          padding: "2rem",
+          backgroundColor: "#f9fafb",
+          borderRadius: "12px"
+        },
+        children: [
+          /* @__PURE__ */ jsx("h2", { style: {
+            fontSize: "1.25rem",
+            fontWeight: 600,
+            color: "#111827",
+            marginBottom: "1rem"
+          }, children: "About This Product" }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: { color: "#4b5563", lineHeight: 1.7 },
+              dangerouslySetInnerHTML: { __html: product.long_description }
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ProductGrid({
+  products: propProducts,
+  limit,
+  category: propCategory,
+  showCategoryFilter = false,
+  showSort = true,
+  showSearch = true,
+  columns = 3,
+  skeletonCount = 6,
+  emptyMessage = "No products found",
+  onProductClick,
+  linkToProduct = true,
+  productBasePath = "/shop",
+  className = "",
+  cardVariant = "card",
+  style
+}) {
+  const [products, setProducts] = useState(propProducts || []);
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(!propProducts);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [selectedCategory, setSelectedCategory] = useState(propCategory);
+  const [sortBy, setSortBy] = useState("newest");
+  const categories = useMemo(() => {
+    const categoryMap = /* @__PURE__ */ new Map();
+    products.forEach((p) => {
+      if (p.category) {
+        categoryMap.set(p.category.id, p.category);
+      }
+    });
+    return Array.from(categoryMap.values());
+  }, [products]);
+  useEffect(() => {
+    if (propProducts) {
+      setProducts(propProducts);
+      setTotal(propProducts.length);
+      return;
+    }
+    async function load() {
+      setLoading(true);
+      try {
+        const { products: data, total: count } = await fetchProductsPublic({
+          category: selectedCategory,
+          limit,
+          orderBy: "created_at",
+          order: "desc"
+        });
+        setProducts(data);
+        setTotal(count);
+      } catch (e) {
+        console.error("Failed to load products:", e);
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [propProducts, selectedCategory, limit]);
+  const filteredProducts = useMemo(() => {
+    let filtered = [...products];
+    if (searchQuery) {
+      const query = searchQuery.toLowerCase();
+      filtered = filtered.filter(
+        (p) => p.name.toLowerCase().includes(query) || p.short_description?.toLowerCase().includes(query) || p.tags?.some((tag) => tag.toLowerCase().includes(query))
+      );
+    }
+    if (selectedCategory && !propCategory) {
+      filtered = filtered.filter((p) => p.category_id === selectedCategory);
+    }
+    switch (sortBy) {
+      case "newest":
+        filtered.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime());
+        break;
+      case "oldest":
+        filtered.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime());
+        break;
+      case "price-low":
+        filtered.sort((a, b) => (a.price || 0) - (b.price || 0));
+        break;
+      case "price-high":
+        filtered.sort((a, b) => (b.price || 0) - (a.price || 0));
+        break;
+      case "name-az":
+        filtered.sort((a, b) => a.name.localeCompare(b.name));
+        break;
+      case "name-za":
+        filtered.sort((a, b) => b.name.localeCompare(a.name));
+        break;
+    }
+    return filtered;
+  }, [products, searchQuery, selectedCategory, sortBy, propCategory]);
+  const handleProductClick = (product) => {
+    if (onProductClick) {
+      onProductClick(product);
+    } else if (linkToProduct && typeof window !== "undefined") {
+      window.location.href = `${productBasePath}/${product.slug}`;
+    }
+  };
+  const gridColumns = {
+    2: "repeat(auto-fill, minmax(280px, 1fr))",
+    3: "repeat(auto-fill, minmax(240px, 1fr))",
+    4: "repeat(auto-fill, minmax(200px, 1fr))"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-product-grid ${className}`, style, children: [
+    (showSearch || showSort || showCategoryFilter) && /* @__PURE__ */ jsxs("div", { className: "site-kit-product-grid__controls", style: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: "1rem",
+      marginBottom: "1.5rem",
+      alignItems: "center"
+    }, children: [
+      showSearch && /* @__PURE__ */ jsx("div", { className: "site-kit-product-grid__search", style: { flex: "1 1 200px" }, children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "search",
+          placeholder: "Search products...",
+          value: searchQuery,
+          onChange: (e) => setSearchQuery(e.target.value),
+          style: {
+            width: "100%",
+            padding: "0.625rem 1rem",
+            borderRadius: "8px",
+            border: "1px solid #d1d5db",
+            fontSize: "0.9375rem"
+          }
+        }
+      ) }),
+      showCategoryFilter && categories.length > 0 && /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: selectedCategory || "",
+          onChange: (e) => setSelectedCategory(e.target.value || void 0),
+          className: "site-kit-product-grid__category-filter",
+          style: {
+            padding: "0.625rem 1rem",
+            borderRadius: "8px",
+            border: "1px solid #d1d5db",
+            fontSize: "0.9375rem",
+            backgroundColor: "white",
+            minWidth: "150px"
+          },
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "All Categories" }),
+            categories.map((cat) => /* @__PURE__ */ jsx("option", { value: cat.id, children: cat.name }, cat.id))
+          ]
+        }
+      ),
+      showSort && /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: sortBy,
+          onChange: (e) => setSortBy(e.target.value),
+          className: "site-kit-product-grid__sort",
+          style: {
+            padding: "0.625rem 1rem",
+            borderRadius: "8px",
+            border: "1px solid #d1d5db",
+            fontSize: "0.9375rem",
+            backgroundColor: "white"
+          },
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "newest", children: "Newest First" }),
+            /* @__PURE__ */ jsx("option", { value: "oldest", children: "Oldest First" }),
+            /* @__PURE__ */ jsx("option", { value: "price-low", children: "Price: Low to High" }),
+            /* @__PURE__ */ jsx("option", { value: "price-high", children: "Price: High to Low" }),
+            /* @__PURE__ */ jsx("option", { value: "name-az", children: "Name: A-Z" }),
+            /* @__PURE__ */ jsx("option", { value: "name-za", children: "Name: Z-A" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "site-kit-product-grid__count", style: {
+        marginLeft: "auto",
+        fontSize: "0.875rem",
+        color: "#6b7280"
+      }, children: [
+        searchQuery ? filteredProducts.length : total,
+        " product",
+        (searchQuery ? filteredProducts.length : total) !== 1 ? "s" : ""
+      ] })
+    ] }),
+    loading && /* @__PURE__ */ jsxs("div", { className: "site-kit-product-grid__grid", style: {
+      display: "grid",
+      gridTemplateColumns: gridColumns[columns],
+      gap: "1.5rem"
+    }, children: [
+      Array.from({ length: skeletonCount }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "site-kit-product-grid__skeleton", style: {
+        aspectRatio: "1",
+        backgroundColor: "#f3f4f6",
+        borderRadius: "12px",
+        animation: "pulse 2s infinite"
+      } }, i)),
+      /* @__PURE__ */ jsx("style", { children: `
+            @keyframes pulse {
+              0%, 100% { opacity: 1; }
+              50% { opacity: 0.5; }
+            }
+          ` })
+    ] }),
+    !loading && filteredProducts.length > 0 && /* @__PURE__ */ jsx("div", { className: "site-kit-product-grid__grid", style: {
+      display: "grid",
+      gridTemplateColumns: gridColumns[columns],
+      gap: "1.5rem"
+    }, children: filteredProducts.map((product) => /* @__PURE__ */ jsx(
+      OfferingCard,
+      {
+        offering: product,
+        variant: cardVariant,
+        showImage: true,
+        showPrice: true,
+        showDescription: true,
+        showCta: true,
+        ctaText: "View Product",
+        onCtaClick: () => handleProductClick(product)
+      },
+      product.id
+    )) }),
+    !loading && filteredProducts.length === 0 && /* @__PURE__ */ jsxs("div", { className: "site-kit-product-grid__empty", style: {
+      textAlign: "center",
+      padding: "4rem 2rem",
+      backgroundColor: "#f9fafb",
+      borderRadius: "12px"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "\u{1F6CD}\uFE0F" }),
+      /* @__PURE__ */ jsx("p", { style: {
+        margin: 0,
+        color: "#6b7280",
+        fontSize: "1rem"
+      }, children: searchQuery ? `No products match "${searchQuery}"` : emptyMessage }),
+      searchQuery && /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setSearchQuery(""),
+          style: {
+            marginTop: "1rem",
+            padding: "0.5rem 1rem",
+            borderRadius: "6px",
+            border: "none",
+            backgroundColor: "#2563eb",
+            color: "white",
+            fontSize: "0.875rem",
+            cursor: "pointer"
+          },
+          children: "Clear Search"
+        }
+      )
+    ] })
+  ] });
+}
+function ProductPage({
+  product: propProduct,
+  slug,
+  showBreadcrumbs = true,
+  showRelatedProducts = true,
+  relatedProductsLimit = 4,
+  showBackLink = true,
+  shopBasePath = "/shop",
+  successUrl,
+  cancelUrl,
+  onAddToCart,
+  renderBreadcrumbs,
+  renderHead,
+  className = "",
+  style
+}) {
+  const [product, setProduct] = useState(propProduct || null);
+  const [relatedProducts, setRelatedProducts] = useState([]);
+  const [loading, setLoading] = useState(!propProduct && !!slug);
+  useEffect(() => {
+    if (propProduct) {
+      setProduct(propProduct);
+      return;
+    }
+    if (!slug) return;
+    async function load() {
+      setLoading(true);
+      try {
+        const data = await fetchProductBySlug(slug);
+        setProduct(data);
+      } catch (e) {
+        console.error("Failed to load product:", e);
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [propProduct, slug]);
+  useEffect(() => {
+    if (!product || !showRelatedProducts) return;
+    async function loadRelated() {
+      try {
+        const { products } = await fetchProductsPublic({
+          category: product?.category_id,
+          limit: relatedProductsLimit + 1
+          // Fetch one extra to exclude current
+        });
+        const filtered = products.filter((p) => p.id !== product?.id).slice(0, relatedProductsLimit);
+        setRelatedProducts(filtered);
+      } catch (e) {
+        console.error("Failed to load related products:", e);
+      }
+    }
+    loadRelated();
+  }, [product, showRelatedProducts, relatedProductsLimit]);
+  useEffect(() => {
+    if (product && typeof document !== "undefined") {
+      document.title = product.seo_title || `${product.name} | Shop`;
+      const metaDesc = document.querySelector('meta[name="description"]');
+      if (metaDesc && (product.seo_description || product.short_description)) {
+        metaDesc.setAttribute("content", product.seo_description || product.short_description || "");
+      }
+    }
+  }, [product]);
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-product-page site-kit-product-page--loading ${className}`, style, children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        minHeight: "60vh"
+      }, children: /* @__PURE__ */ jsx("div", { style: {
+        width: "48px",
+        height: "48px",
+        border: "3px solid #e5e7eb",
+        borderTopColor: "#2563eb",
+        borderRadius: "50%",
+        animation: "spin 1s linear infinite"
+      } }) }),
+      /* @__PURE__ */ jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg); } }` })
+    ] });
+  }
+  if (!product) {
+    return /* @__PURE__ */ jsx("div", { className: `site-kit-product-page site-kit-product-page--not-found ${className}`, style, children: /* @__PURE__ */ jsxs("div", { style: {
+      textAlign: "center",
+      padding: "6rem 2rem"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontSize: "4rem", marginBottom: "1rem" }, children: "\u{1F50D}" }),
+      /* @__PURE__ */ jsx("h1", { style: { margin: 0, fontSize: "2rem", color: "#111827" }, children: "Product Not Found" }),
+      /* @__PURE__ */ jsx("p", { style: { marginTop: "0.75rem", color: "#6b7280" }, children: "The product you're looking for doesn't exist or has been removed." }),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: shopBasePath,
+          style: {
+            display: "inline-block",
+            marginTop: "1.5rem",
+            padding: "0.75rem 1.5rem",
+            borderRadius: "8px",
+            backgroundColor: "#2563eb",
+            color: "white",
+            textDecoration: "none",
+            fontWeight: 600
+          },
+          children: "Back to Shop"
+        }
+      )
+    ] }) });
+  }
+  const defaultBreadcrumbs = /* @__PURE__ */ jsx("nav", { className: "site-kit-product-page__breadcrumbs", "aria-label": "Breadcrumb", style: {
+    marginBottom: "1.5rem",
+    fontSize: "0.875rem"
+  }, children: /* @__PURE__ */ jsxs("ol", { style: {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: "0.5rem",
+    listStyle: "none",
+    margin: 0,
+    padding: 0
+  }, children: [
+    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "/", style: { color: "#6b7280", textDecoration: "none" }, children: "Home" }) }),
+    /* @__PURE__ */ jsx("li", { style: { color: "#9ca3af" }, children: "/" }),
+    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: shopBasePath, style: { color: "#6b7280", textDecoration: "none" }, children: "Shop" }) }),
+    product.category && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("li", { style: { color: "#9ca3af" }, children: "/" }),
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: `${shopBasePath}?category=${product.category.id}`,
+          style: { color: "#6b7280", textDecoration: "none" },
+          children: product.category.name
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("li", { style: { color: "#9ca3af" }, children: "/" }),
+    /* @__PURE__ */ jsx("li", { style: { color: "#111827", fontWeight: 500 }, children: product.name })
+  ] }) });
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-product-page ${className}`, style, children: [
+    renderHead?.(product),
+    showBackLink && /* @__PURE__ */ jsx("div", { className: "site-kit-product-page__back", style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: shopBasePath,
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "0.5rem",
+          color: "#6b7280",
+          textDecoration: "none",
+          fontSize: "0.875rem"
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { children: "\u2190" }),
+          /* @__PURE__ */ jsx("span", { children: "Back to Shop" })
+        ]
+      }
+    ) }),
+    showBreadcrumbs && (renderBreadcrumbs ? renderBreadcrumbs(product) : defaultBreadcrumbs),
+    /* @__PURE__ */ jsx(
+      ProductDetail,
+      {
+        product,
+        showAddToCart: !!onAddToCart,
+        showBuyNow: true,
+        showQuantity: true,
+        showVariants: true,
+        showGallery: true,
+        showFeatures: true,
+        showSpecifications: true,
+        successUrl,
+        cancelUrl,
+        onAddToCart
+      }
+    ),
+    showRelatedProducts && relatedProducts.length > 0 && /* @__PURE__ */ jsxs("section", { className: "site-kit-product-page__related", style: { marginTop: "4rem" }, children: [
+      /* @__PURE__ */ jsx("h2", { style: {
+        fontSize: "1.5rem",
+        fontWeight: 600,
+        color: "#111827",
+        marginBottom: "1.5rem"
+      }, children: product.category ? `More ${product.category.name}` : "Related Products" }),
+      /* @__PURE__ */ jsx(
+        ProductGrid,
+        {
+          products: relatedProducts,
+          showSearch: false,
+          showSort: false,
+          showCategoryFilter: false,
+          columns: 4,
+          productBasePath: shopBasePath
+        }
+      )
+    ] })
+  ] });
+}
+function EventEmbed({
+  event: propEvent,
+  slug,
+  mode = "next",
+  // 'specific', 'next'
+  category,
+  variant = "standard",
+  showDate = true,
+  showTime = true,
+  showLocation = true,
+  showCapacity = true,
+  showPrice = true,
+  showCta = true,
+  ctaText,
+  onRegister,
+  onCtaClick,
+  className = ""
+}) {
+  const [event, setEvent] = useState(propEvent || null);
+  const [loading, setLoading] = useState(!propEvent && (!!slug || mode === "next"));
+  useEffect(() => {
+    if (propEvent) {
+      setEvent(propEvent);
+      return;
+    }
+    async function load() {
+      setLoading(true);
+      try {
+        let data = null;
+        if (mode === "specific" && slug) {
+          data = await fetchOffering(slug);
+        } else if (mode === "next") {
+          data = await fetchNextEvent(category);
+        }
+        setEvent(data);
+      } catch (e) {
+        console.error("Failed to load event:", e);
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [propEvent, slug, mode, category]);
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-event-embed ${className}`, style: {
+      padding: "2rem",
+      textAlign: "center",
+      background: "#f9fafb",
+      borderRadius: "12px"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        width: "40px",
+        height: "40px",
+        margin: "0 auto",
+        border: "3px solid #e5e7eb",
+        borderTopColor: "#2563eb",
+        borderRadius: "50%",
+        animation: "spin 1s linear infinite"
+      } }),
+      /* @__PURE__ */ jsx("style", { children: `
+          @keyframes spin {
+            to { transform: rotate(360deg); }
+          }
+        ` })
+    ] });
+  }
+  if (!event) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: `site-kit-event-embed ${className}`, children: /* @__PURE__ */ jsx(
+    EventTile,
+    {
+      event,
+      variant,
+      showDate,
+      showTime,
+      showLocation,
+      showCapacity,
+      showPrice,
+      showCta,
+      ctaText,
+      onRegister,
+      onCtaClick
+    }
+  ) });
+}
+function CheckoutForm({
+  offering,
+  scheduleId,
+  variantId,
+  quantity: initialQuantity = 1,
+  mode = "checkout",
+  // 'checkout' | 'register'
+  showQuantity = true,
+  submitText,
+  onSuccess,
+  onError,
+  className = "",
+  formClassName = "",
+  inputClassName = "",
+  buttonClassName = ""
+}) {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [success, setSuccess] = useState(false);
+  const [quantity, setQuantity] = useState(initialQuantity);
+  const [processor, setProcessor] = useState(null);
+  const [shippingEnabled, setShippingEnabled] = useState(false);
+  const [shippingStep, setShippingStep] = useState("address");
+  const [shippingAddress, setShippingAddress] = useState({
+    street1: "",
+    street2: "",
+    city: "",
+    state: "",
+    zip: "",
+    country: "US"
+  });
+  const [shippingRates, setShippingRates] = useState([]);
+  const [selectedRate, setSelectedRate] = useState(null);
+  const [loadingRates, setLoadingRates] = useState(false);
+  const [customer, setCustomer] = useState({
+    email: "",
+    name: "",
+    phone: ""
+  });
+  const isProduct = offering.type === "product";
+  useEffect(() => {
+    fetchProcessorConfig().then((config) => {
+      if (config?.processor) setProcessor(config.processor);
+      if (config?.shipping_enabled && isProduct) setShippingEnabled(true);
+    });
+  }, [isProduct]);
+  const isEvent = offering.type === "event" || offering.type === "class";
+  const isFree = !offering.price || offering.price === 0;
+  const actualMode = isEvent && isFree ? "register" : mode;
+  const defaultSubmitText = actualMode === "register" ? "Register" : isFree ? "Complete Order" : "Continue to Payment";
+  const subtotal = offering.price ? offering.price * quantity : 0;
+  const shippingCost = selectedRate ? parseFloat(selectedRate.amount) : 0;
+  const total = subtotal + shippingCost;
+  const updateShippingAddress = (field, value) => {
+    setShippingAddress((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleGetShippingRates = async () => {
+    if (!shippingAddress.street1 || !shippingAddress.city || !shippingAddress.state || !shippingAddress.zip) {
+      setError("Please fill in all required address fields.");
+      return;
+    }
+    setLoadingRates(true);
+    setError(null);
+    try {
+      const rates = await fetchShippingRates(
+        { ...shippingAddress, name: customer.name, phone: customer.phone },
+        [{ offering_id: offering.id, quantity }]
+      );
+      setShippingRates(rates);
+      if (rates.length > 0) setSelectedRate(rates[0]);
+      setShippingStep("rates");
+    } catch (e) {
+      setError("Failed to get shipping rates. Please check your address.");
+    } finally {
+      setLoadingRates(false);
+    }
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError(null);
+    try {
+      if (actualMode === "register" && isEvent && scheduleId) {
+        const result = await registerForEvent(offering.id, scheduleId, customer);
+        if (result.success) {
+          setSuccess(true);
+          onSuccess?.(result);
+        } else {
+          setError(result.error || "Registration failed");
+          onError?.(result.error || "Registration failed");
+        }
+      } else {
+        const checkoutOptions = {
+          variantId,
+          scheduleId,
+          quantity,
+          customer
+        };
+        if (shippingEnabled && shippingAddress.street1 && selectedRate) {
+          checkoutOptions.shippingAddress = {
+            ...shippingAddress,
+            name: customer.name,
+            phone: customer.phone
+          };
+          checkoutOptions.shippingCarrier = selectedRate.carrier;
+          checkoutOptions.shippingService = selectedRate.service;
+          checkoutOptions.shippingCost = parseFloat(selectedRate.amount);
+        }
+        const result = await createCheckoutSession(offering.id, checkoutOptions);
+        if (result.success && result.payment_url) {
+          window.location.href = result.payment_url;
+        } else {
+          setError(result.error || "Checkout failed");
+          onError?.(result.error || "Checkout failed");
+        }
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "An error occurred";
+      setError(message);
+      onError?.(message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const updateCustomer = (field, value) => {
+    setCustomer((prev) => ({ ...prev, [field]: value }));
+  };
+  const canProceedToPayment = !shippingEnabled || shippingStep === "rates" && selectedRate;
+  if (success) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-checkout-success ${className}`, style: {
+      padding: "2rem",
+      textAlign: "center",
+      background: "#f0fdf4",
+      borderRadius: "12px",
+      border: "1px solid #bbf7d0"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "\u{1F389}" }),
+      /* @__PURE__ */ jsx("h3", { style: { margin: "0 0 0.5rem", color: "#166534" }, children: actualMode === "register" ? "Registration Complete!" : "Order Confirmed!" }),
+      /* @__PURE__ */ jsx("p", { style: { color: "#15803d", margin: 0 }, children: actualMode === "register" ? `You're registered for ${offering.name}. Check your email for confirmation.` : `Thank you for your order! Check your email for details.` })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: `site-kit-checkout ${className}`, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: formClassName, children: [
+    /* @__PURE__ */ jsxs("div", { style: {
+      padding: "1rem",
+      background: "#f9fafb",
+      borderRadius: "8px",
+      marginBottom: "1.5rem"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h4", { style: { margin: "0 0 0.25rem", fontSize: "1rem" }, children: offering.name }),
+          offering.short_description && /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: "0.875rem", color: "#666" }, children: offering.short_description })
+        ] }),
+        offering.price_is_public && offering.price != null && /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, fontSize: "1.125rem" }, children: offering.price === 0 ? "Free" : formatPrice(offering.price, offering.currency) })
+      ] }),
+      showQuantity && !isEvent && offering.price && offering.price > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "1rem", display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx("label", { style: { fontSize: "0.875rem", color: "#666" }, children: "Quantity:" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            value: quantity,
+            onChange: (e) => setQuantity(Number(e.target.value)),
+            className: inputClassName,
+            style: {
+              padding: "0.375rem 0.75rem",
+              borderRadius: "6px",
+              border: "1px solid #d1d5db",
+              background: "white"
+            },
+            children: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((n) => /* @__PURE__ */ jsx("option", { value: n, children: n }, n))
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto", fontWeight: 600 }, children: shippingEnabled && selectedRate ? `Subtotal: ${formatPrice(subtotal, offering.currency)}` : `Total: ${formatPrice(total, offering.currency)}` })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Full Name *" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            required: true,
+            value: customer.name,
+            onChange: (e) => updateCustomer("name", e.target.value),
+            className: inputClassName,
+            style: {
+              width: "100%",
+              padding: "0.625rem 0.75rem",
+              borderRadius: "6px",
+              border: "1px solid #d1d5db",
+              fontSize: "1rem"
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Email Address *" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "email",
+            required: true,
+            value: customer.email,
+            onChange: (e) => updateCustomer("email", e.target.value),
+            className: inputClassName,
+            style: {
+              width: "100%",
+              padding: "0.625rem 0.75rem",
+              borderRadius: "6px",
+              border: "1px solid #d1d5db",
+              fontSize: "1rem"
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Phone Number" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "tel",
+            value: customer.phone || "",
+            onChange: (e) => updateCustomer("phone", e.target.value),
+            className: inputClassName,
+            style: {
+              width: "100%",
+              padding: "0.625rem 0.75rem",
+              borderRadius: "6px",
+              border: "1px solid #d1d5db",
+              fontSize: "1rem"
+            }
+          }
+        )
+      ] })
+    ] }),
+    shippingEnabled && !isEvent && /* @__PURE__ */ jsxs("div", { style: { marginTop: "1.5rem", paddingTop: "1.5rem", borderTop: "1px solid #e5e7eb" }, children: [
+      /* @__PURE__ */ jsx("h4", { style: { margin: "0 0 1rem", fontSize: "1rem" }, children: "Shipping Address" }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Street Address *" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              required: shippingEnabled,
+              value: shippingAddress.street1,
+              onChange: (e) => updateShippingAddress("street1", e.target.value),
+              className: inputClassName,
+              placeholder: "123 Main St",
+              style: { width: "100%", padding: "0.625rem 0.75rem", borderRadius: "6px", border: "1px solid #d1d5db", fontSize: "1rem" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Apartment, suite, etc." }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: shippingAddress.street2 || "",
+              onChange: (e) => updateShippingAddress("street2", e.target.value),
+              className: inputClassName,
+              style: { width: "100%", padding: "0.625rem 0.75rem", borderRadius: "6px", border: "1px solid #d1d5db", fontSize: "1rem" }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "1rem" }, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "City *" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                required: shippingEnabled,
+                value: shippingAddress.city,
+                onChange: (e) => updateShippingAddress("city", e.target.value),
+                className: inputClassName,
+                style: { width: "100%", padding: "0.625rem 0.75rem", borderRadius: "6px", border: "1px solid #d1d5db", fontSize: "1rem" }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "State *" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                required: shippingEnabled,
+                value: shippingAddress.state,
+                onChange: (e) => updateShippingAddress("state", e.target.value),
+                className: inputClassName,
+                style: { width: "100%", padding: "0.625rem 0.75rem", borderRadius: "6px", border: "1px solid #d1d5db", fontSize: "1rem" }
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "ZIP Code *" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              required: shippingEnabled,
+              value: shippingAddress.zip,
+              onChange: (e) => updateShippingAddress("zip", e.target.value),
+              className: inputClassName,
+              style: { width: "100%", maxWidth: "120px", padding: "0.625rem 0.75rem", borderRadius: "6px", border: "1px solid #d1d5db", fontSize: "1rem" }
+            }
+          )
+        ] })
+      ] }),
+      shippingStep === "address" && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleGetShippingRates,
+          disabled: loadingRates || !shippingAddress.street1 || !shippingAddress.city || !shippingAddress.state || !shippingAddress.zip,
+          style: {
+            marginTop: "1rem",
+            padding: "0.625rem 1.25rem",
+            borderRadius: "6px",
+            border: "1px solid #2563eb",
+            background: "white",
+            color: "#2563eb",
+            fontSize: "0.875rem",
+            fontWeight: 500,
+            cursor: loadingRates ? "not-allowed" : "pointer"
+          },
+          children: loadingRates ? "Getting rates..." : "Get shipping options"
+        }
+      ),
+      shippingStep === "rates" && shippingRates.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "1rem" }, children: [
+        /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.5rem" }, children: "Select shipping method" }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: shippingRates.map((rate) => /* @__PURE__ */ jsxs(
+          "label",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "0.75rem",
+              padding: "0.75rem",
+              borderRadius: "6px",
+              border: `2px solid ${selectedRate === rate ? "#2563eb" : "#e5e7eb"}`,
+              background: selectedRate === rate ? "#eff6ff" : "white",
+              cursor: "pointer"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: "shipping-rate",
+                  checked: selectedRate === rate,
+                  onChange: () => setSelectedRate(rate)
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { style: { flex: 1 }, children: [
+                rate.carrier,
+                " - ",
+                rate.service
+              ] }),
+              /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: formatPrice(parseFloat(rate.amount), rate.currency || "USD") }),
+              rate.estimatedDays && /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.75rem", color: "#666" }, children: [
+                "(",
+                rate.estimatedDays,
+                " days)"
+              ] })
+            ]
+          },
+          rate.objectId || `${rate.carrier}-${rate.service}`
+        )) }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShippingStep("address"),
+            style: {
+              marginTop: "0.75rem",
+              fontSize: "0.875rem",
+              color: "#6b7280",
+              background: "none",
+              border: "none",
+              cursor: "pointer",
+              textDecoration: "underline"
+            },
+            children: "Change address"
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { style: {
+      marginTop: "1rem",
+      padding: "0.75rem",
+      background: "#fef2f2",
+      border: "1px solid #fecaca",
+      borderRadius: "6px",
+      color: "#dc2626",
+      fontSize: "0.875rem"
+    }, children: error }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "submit",
+        disabled: loading || !isEvent && !isFree && !canProceedToPayment,
+        className: buttonClassName,
+        style: {
+          width: "100%",
+          marginTop: "1.5rem",
+          padding: "0.875rem",
+          fontSize: "1rem",
+          fontWeight: 600,
+          borderRadius: "8px",
+          border: "none",
+          background: loading ? "#93c5fd" : "#2563eb",
+          color: "white",
+          cursor: loading ? "not-allowed" : "pointer"
+        },
+        children: loading ? "Processing..." : submitText || defaultSubmitText
+      }
+    ),
+    !isFree && /* @__PURE__ */ jsx("p", { style: {
+      textAlign: "center",
+      fontSize: "0.75rem",
+      color: "#666",
+      marginTop: "0.75rem"
+    }, children: "You'll be redirected to our secure payment page" }),
+    processor && !isFree && /* @__PURE__ */ jsxs("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "0.375rem",
+      marginTop: "0.5rem",
+      opacity: 0.5
+    }, children: [
+      processor === "stripe" ? /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.591-7.305z", fill: "#635BFF" }) }) : /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+        /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "4", fill: "#3E4348" }),
+        /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: "white" })
+      ] }),
+      /* @__PURE__ */ jsxs("span", { style: { fontSize: "0.625rem", color: "#999", letterSpacing: "0.02em" }, children: [
+        "Powered by ",
+        processor === "stripe" ? "Stripe" : "Square"
+      ] })
+    ] })
+  ] }) });
+}
+function RegistrationForm({
+  event,
+  scheduleId,
+  title = "Register for Event",
+  submitText = "Register",
+  successMessage,
+  collectPhone = false,
+  additionalFields = [],
+  onSuccess,
+  onError,
+  className = "",
+  formClassName = "",
+  inputClassName = "",
+  buttonClassName = ""
+}) {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [success, setSuccess] = useState(false);
+  const [customer, setCustomer] = useState({
+    email: "",
+    name: "",
+    phone: ""
+  });
+  const [additionalData, setAdditionalData] = useState({});
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await registerForEvent(event.id, scheduleId, {
+        ...customer,
+        ...additionalData
+      });
+      if (result.success) {
+        setSuccess(true);
+        onSuccess?.(result);
+      } else {
+        setError(result.error || "Registration failed");
+        onError?.(result.error || "Registration failed");
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "An error occurred";
+      setError(message);
+      onError?.(message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (success) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-registration-success ${className}`, style: {
+      padding: "2rem",
+      textAlign: "center",
+      background: "#f0fdf4",
+      borderRadius: "12px",
+      border: "1px solid #bbf7d0"
+    }, children: [
+      /* @__PURE__ */ jsx("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "\u{1F389}" }),
+      /* @__PURE__ */ jsx("h3", { style: { margin: "0 0 0.5rem", color: "#166534" }, children: "You're Registered!" }),
+      /* @__PURE__ */ jsx("p", { style: { color: "#15803d", margin: 0 }, children: successMessage || `You've been registered for ${event.name}. Check your email for confirmation.` })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-registration ${className}`, children: [
+    title && /* @__PURE__ */ jsx("h3", { style: { margin: "0 0 1.5rem", fontSize: "1.25rem", fontWeight: 600 }, children: title }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: formClassName, children: [
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Full Name *" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              required: true,
+              value: customer.name,
+              onChange: (e) => setCustomer((prev) => ({ ...prev, name: e.target.value })),
+              className: inputClassName,
+              style: {
+                width: "100%",
+                padding: "0.625rem 0.75rem",
+                borderRadius: "6px",
+                border: "1px solid #d1d5db",
+                fontSize: "1rem"
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Email Address *" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "email",
+              required: true,
+              value: customer.email,
+              onChange: (e) => setCustomer((prev) => ({ ...prev, email: e.target.value })),
+              className: inputClassName,
+              style: {
+                width: "100%",
+                padding: "0.625rem 0.75rem",
+                borderRadius: "6px",
+                border: "1px solid #d1d5db",
+                fontSize: "1rem"
+              }
+            }
+          )
+        ] }),
+        collectPhone && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Phone Number" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "tel",
+              value: customer.phone || "",
+              onChange: (e) => setCustomer((prev) => ({ ...prev, phone: e.target.value })),
+              className: inputClassName,
+              style: {
+                width: "100%",
+                padding: "0.625rem 0.75rem",
+                borderRadius: "6px",
+                border: "1px solid #d1d5db",
+                fontSize: "1rem"
+              }
+            }
+          )
+        ] }),
+        additionalFields.map((field) => /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: [
+            field.label,
+            " ",
+            field.required && "*"
+          ] }),
+          field.type === "textarea" ? /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              required: field.required,
+              placeholder: field.placeholder,
+              value: additionalData[field.name] || "",
+              onChange: (e) => setAdditionalData((prev) => ({ ...prev, [field.name]: e.target.value })),
+              className: inputClassName,
+              style: {
+                width: "100%",
+                padding: "0.625rem 0.75rem",
+                borderRadius: "6px",
+                border: "1px solid #d1d5db",
+                fontSize: "1rem",
+                minHeight: "80px"
+              }
+            }
+          ) : field.type === "select" && field.options ? /* @__PURE__ */ jsxs(
+            "select",
+            {
+              required: field.required,
+              value: additionalData[field.name] || "",
+              onChange: (e) => setAdditionalData((prev) => ({ ...prev, [field.name]: e.target.value })),
+              className: inputClassName,
+              style: {
+                width: "100%",
+                padding: "0.625rem 0.75rem",
+                borderRadius: "6px",
+                border: "1px solid #d1d5db",
+                fontSize: "1rem",
+                background: "white"
+              },
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: "Select..." }),
+                field.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+              ]
+            }
+          ) : /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: field.type || "text",
+              required: field.required,
+              placeholder: field.placeholder,
+              value: additionalData[field.name] || "",
+              onChange: (e) => setAdditionalData((prev) => ({ ...prev, [field.name]: e.target.value })),
+              className: inputClassName,
+              style: {
+                width: "100%",
+                padding: "0.625rem 0.75rem",
+                borderRadius: "6px",
+                border: "1px solid #d1d5db",
+                fontSize: "1rem"
+              }
+            }
+          )
+        ] }, field.name))
+      ] }),
+      error && /* @__PURE__ */ jsx("div", { style: {
+        marginTop: "1rem",
+        padding: "0.75rem",
+        background: "#fef2f2",
+        border: "1px solid #fecaca",
+        borderRadius: "6px",
+        color: "#dc2626",
+        fontSize: "0.875rem"
+      }, children: error }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "submit",
+          disabled: loading,
+          className: buttonClassName,
+          style: {
+            width: "100%",
+            marginTop: "1.5rem",
+            padding: "0.875rem",
+            fontSize: "1rem",
+            fontWeight: 600,
+            borderRadius: "8px",
+            border: "none",
+            background: loading ? "#93c5fd" : "#2563eb",
+            color: "white",
+            cursor: loading ? "not-allowed" : "pointer"
+          },
+          children: loading ? "Registering..." : submitText
+        }
+      )
+    ] })
+  ] });
+}
+var DAYS_SHORT = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+var MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function formatDateForTooltip(dateStr) {
+  const d = new Date(dateStr);
+  return d.toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric", year: "numeric" });
+}
+function CalendarEventCell({
+  item,
+  eventDisplay,
+  eventClassName,
+  onEventClick,
+  formatTime: formatTime2
+}) {
+  const [hover, setHover] = React5.useState(false);
+  const { event, schedule } = item;
+  const imageUrl = event.featured_image_url;
+  if (eventDisplay === "image") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `site-kit-calendar-event-image-wrapper ${eventClassName}`,
+        style: { position: "relative" },
+        onMouseEnter: () => setHover(true),
+        onMouseLeave: () => setHover(false),
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onEventClick,
+              className: `site-kit-calendar-event site-kit-calendar-event-image ${eventClassName}`,
+              style: {
+                display: "block",
+                width: "100%",
+                height: "28px",
+                padding: 0,
+                border: "none",
+                borderRadius: "4px",
+                cursor: "pointer",
+                overflow: "hidden",
+                background: imageUrl ? "transparent" : "#dbeafe"
+              },
+              children: imageUrl ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: imageUrl,
+                  alt: event.name,
+                  style: {
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "cover"
+                  }
+                }
+              ) : /* @__PURE__ */ jsx("span", { style: {
+                fontSize: "0.65rem",
+                color: "#1d4ed8",
+                fontWeight: 500,
+                padding: "2px 4px",
+                display: "block",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap"
+              }, children: event.name })
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "site-kit-calendar-event-tooltip",
+              style: {
+                position: "absolute",
+                bottom: "100%",
+                left: "50%",
+                transform: "translateX(-50%) translateY(-4px)",
+                padding: "8px 12px",
+                background: "#1f2937",
+                color: "white",
+                borderRadius: "8px",
+                fontSize: "0.75rem",
+                minWidth: "180px",
+                maxWidth: "220px",
+                boxShadow: "0 4px 12px rgba(0,0,0,0.2)",
+                pointerEvents: "none",
+                opacity: hover ? 1 : 0,
+                visibility: hover ? "visible" : "hidden",
+                transition: "opacity 0.15s, visibility 0.15s",
+                zIndex: 50
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: "4px" }, children: event.name }),
+                /* @__PURE__ */ jsxs("div", { style: { opacity: 0.9, fontSize: "0.7rem" }, children: [
+                  formatDateForTooltip(schedule.starts_at),
+                  " \u2022 ",
+                  formatTime2(schedule.starts_at)
+                ] }),
+                event.location && /* @__PURE__ */ jsx("div", { style: { opacity: 0.8, fontSize: "0.65rem", marginTop: "2px" }, children: event.location })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: onEventClick,
+      className: `site-kit-calendar-event ${eventClassName}`,
+      style: {
+        display: "block",
+        width: "100%",
+        padding: "2px 4px",
+        fontSize: "0.7rem",
+        fontWeight: 500,
+        textAlign: "left",
+        border: "none",
+        borderRadius: "3px",
+        background: "#dbeafe",
+        color: "#1d4ed8",
+        cursor: "pointer",
+        overflow: "hidden",
+        whiteSpace: "nowrap",
+        textOverflow: "ellipsis"
+      },
+      title: `${event.name} - ${formatTime2(schedule.starts_at)}`,
+      children: event.name
+    }
+  );
+}
+function CalendarView({
+  events: propEvents,
+  initialDate,
+  category,
+  onEventClick,
+  onDayClick,
+  showNavigation = true,
+  showHeader = true,
+  weekStartsOn = 0,
+  minDate,
+  maxDate,
+  eventDisplay = "image",
+  className = "",
+  headerClassName = "",
+  dayClassName = "",
+  eventClassName = "",
+  todayClassName = ""
+}) {
+  const [currentDate, setCurrentDate] = useState(initialDate || /* @__PURE__ */ new Date());
+  const [events, setEvents] = useState(propEvents || []);
+  const [loading, setLoading] = useState(!propEvents);
+  useEffect(() => {
+    if (propEvents) {
+      setEvents(propEvents);
+      return;
+    }
+    async function load() {
+      setLoading(true);
+      try {
+        const data = await fetchUpcomingEvents({ limit: 100, category });
+        setEvents(data);
+      } catch (e) {
+        console.error("Failed to load events:", e);
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, [propEvents, category]);
+  const calendarDays = useMemo(() => {
+    const year = currentDate.getFullYear();
+    const month = currentDate.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const lastDay = new Date(year, month + 1, 0);
+    const startDate = new Date(firstDay);
+    const dayOfWeek = startDate.getDay();
+    const daysToSubtract = (dayOfWeek - weekStartsOn + 7) % 7;
+    startDate.setDate(startDate.getDate() - daysToSubtract);
+    const endDate = new Date(lastDay);
+    const endDayOfWeek = endDate.getDay();
+    const daysToAdd = (6 - endDayOfWeek + weekStartsOn) % 7;
+    endDate.setDate(endDate.getDate() + daysToAdd);
+    const eventsByDate = /* @__PURE__ */ new Map();
+    events.forEach((event) => {
+      const schedules = event.schedules || [];
+      schedules.forEach((schedule) => {
+        const scheduleDate = new Date(schedule.starts_at);
+        const dateKey = `${scheduleDate.getFullYear()}-${scheduleDate.getMonth()}-${scheduleDate.getDate()}`;
+        if (!eventsByDate.has(dateKey)) {
+          eventsByDate.set(dateKey, []);
+        }
+        eventsByDate.get(dateKey).push({ event, schedule });
+      });
+    });
+    const days = [];
+    const today = /* @__PURE__ */ new Date();
+    const todayKey = `${today.getFullYear()}-${today.getMonth()}-${today.getDate()}`;
+    const current = new Date(startDate);
+    while (current <= endDate) {
+      const dateKey = `${current.getFullYear()}-${current.getMonth()}-${current.getDate()}`;
+      days.push({
+        date: new Date(current),
+        isCurrentMonth: current.getMonth() === month,
+        isToday: dateKey === todayKey,
+        events: eventsByDate.get(dateKey) || []
+      });
+      current.setDate(current.getDate() + 1);
+    }
+    return days;
+  }, [currentDate, events, weekStartsOn]);
+  const goToPreviousMonth = () => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(newDate.getMonth() - 1);
+    if (!minDate || newDate >= minDate) {
+      setCurrentDate(newDate);
+    }
+  };
+  const goToNextMonth = () => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(newDate.getMonth() + 1);
+    if (!maxDate || newDate <= maxDate) {
+      setCurrentDate(newDate);
+    }
+  };
+  const goToToday = () => {
+    setCurrentDate(/* @__PURE__ */ new Date());
+  };
+  const dayHeaders = weekStartsOn === 1 ? [...DAYS_SHORT.slice(1), DAYS_SHORT[0]] : DAYS_SHORT;
+  const handleEventClick = (e, event, schedule) => {
+    e.stopPropagation();
+    if (onEventClick) {
+      onEventClick(event, schedule);
+    } else {
+      window.location.href = `/events/${event.slug}`;
+    }
+  };
+  const handleDayClick = (day) => {
+    if (onDayClick) {
+      onDayClick(day.date, day.events);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-calendar ${className}`, style: {
+    background: "white",
+    borderRadius: "12px",
+    overflow: "hidden",
+    boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
+  }, children: [
+    showHeader && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `site-kit-calendar-header ${headerClassName}`,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          padding: "1rem 1.25rem",
+          borderBottom: "1px solid #e5e7eb"
+        },
+        children: [
+          showNavigation && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: goToPreviousMonth,
+              style: {
+                padding: "0.5rem",
+                border: "none",
+                background: "#f3f4f6",
+                borderRadius: "6px",
+                cursor: "pointer",
+                fontSize: "1.25rem",
+                lineHeight: 1
+              },
+              "aria-label": "Previous month",
+              children: "\u2190"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { style: { textAlign: "center" }, children: [
+            /* @__PURE__ */ jsxs("h2", { style: { margin: 0, fontSize: "1.25rem", fontWeight: 600 }, children: [
+              MONTHS[currentDate.getMonth()],
+              " ",
+              currentDate.getFullYear()
+            ] }),
+            showNavigation && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: goToToday,
+                style: {
+                  marginTop: "0.25rem",
+                  padding: "0.25rem 0.5rem",
+                  fontSize: "0.75rem",
+                  border: "none",
+                  background: "transparent",
+                  color: "#2563eb",
+                  cursor: "pointer"
+                },
+                children: "Today"
+              }
+            )
+          ] }),
+          showNavigation && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: goToNextMonth,
+              style: {
+                padding: "0.5rem",
+                border: "none",
+                background: "#f3f4f6",
+                borderRadius: "6px",
+                cursor: "pointer",
+                fontSize: "1.25rem",
+                lineHeight: 1
+              },
+              "aria-label": "Next month",
+              children: "\u2192"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { style: {
+      display: "grid",
+      gridTemplateColumns: "repeat(7, 1fr)",
+      borderBottom: "1px solid #e5e7eb"
+    }, children: dayHeaders.map((day) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: "0.75rem 0.5rem",
+          textAlign: "center",
+          fontSize: "0.75rem",
+          fontWeight: 600,
+          color: "#666",
+          textTransform: "uppercase"
+        },
+        children: day
+      },
+      day
+    )) }),
+    /* @__PURE__ */ jsx("div", { style: {
+      display: "grid",
+      gridTemplateColumns: "repeat(7, 1fr)"
+    }, children: calendarDays.map((day, index) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        onClick: () => handleDayClick(day),
+        className: `site-kit-calendar-day ${dayClassName} ${day.isToday ? `site-kit-calendar-today ${todayClassName}` : ""}`,
+        style: {
+          minHeight: "100px",
+          padding: "0.5rem",
+          borderRight: (index + 1) % 7 !== 0 ? "1px solid #e5e7eb" : "none",
+          borderBottom: "1px solid #e5e7eb",
+          background: day.isCurrentMonth ? "white" : "#f9fafb",
+          cursor: day.events.length > 0 || onDayClick ? "pointer" : "default"
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { style: {
+            display: "flex",
+            justifyContent: "flex-end",
+            marginBottom: "0.25rem"
+          }, children: /* @__PURE__ */ jsx("span", { style: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "28px",
+            height: "28px",
+            borderRadius: "50%",
+            fontSize: "0.875rem",
+            fontWeight: day.isToday ? 600 : 400,
+            color: day.isToday ? "white" : day.isCurrentMonth ? "#111" : "#9ca3af",
+            background: day.isToday ? "#2563eb" : "transparent"
+          }, children: day.date.getDate() }) }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
+            day.events.slice(0, 3).map((item) => /* @__PURE__ */ jsx(
+              CalendarEventCell,
+              {
+                item,
+                eventDisplay,
+                eventClassName,
+                onEventClick: (e) => handleEventClick(e, item.event, item.schedule),
+                formatTime
+              },
+              `${item.event.id}-${item.schedule.id}`
+            )),
+            day.events.length > 3 && /* @__PURE__ */ jsxs("span", { style: {
+              fontSize: "0.65rem",
+              color: "#666",
+              textAlign: "center"
+            }, children: [
+              "+",
+              day.events.length - 3,
+              " more"
+            ] })
+          ] })
+        ]
+      },
+      index
+    )) }),
+    loading && /* @__PURE__ */ jsx("div", { style: {
+      position: "absolute",
+      inset: 0,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      background: "rgba(255,255,255,0.8)"
+    }, children: "Loading..." })
+  ] });
+}
+function loadSquareSDK(environment) {
+  return new Promise((resolve, reject) => {
+    if (typeof window === "undefined") return reject(new Error("No window"));
+    if (window.Square) return resolve();
+    const script = document.createElement("script");
+    script.src = environment === "sandbox" ? "https://sandbox.web.squarecdn.com/v1/square.js" : "https://web.squarecdn.com/v1/square.js";
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error("Failed to load Square SDK"));
+    document.head.appendChild(script);
+  });
+}
+function EventModal({
+  event,
+  schedule: propSchedule,
+  isOpen,
+  onClose,
+  onSuccess,
+  onError,
+  collectPhone = false,
+  additionalFields = [],
+  className = "",
+  overlayClassName = "",
+  contentClassName = ""
+}) {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [success, setSuccess] = useState(false);
+  const [quantity, setQuantity] = useState(1);
+  const [customer, setCustomer] = useState({
+    email: "",
+    name: "",
+    phone: ""
+  });
+  const [additionalData, setAdditionalData] = useState({});
+  const [processor, setProcessor] = useState(null);
+  const [processorConfig, setProcessorConfig] = useState(null);
+  const [squareCard, setSquareCard] = useState(null);
+  const [cardReady, setCardReady] = useState(false);
+  const cardContainerRef = useRef(null);
+  const schedule = propSchedule || event?.schedules?.[0] || event?.next_schedule;
+  useEffect(() => {
+    if (!isOpen) return;
+    fetchProcessorConfig().then(async (config) => {
+      setProcessorConfig(config);
+      if (config?.processor) setProcessor(config.processor);
+      if (config?.processor === "square" && config.squareAppId && config.squareLocationId) {
+        try {
+          await loadSquareSDK(config.squareEnvironment || "production");
+          const Square = window.Square;
+          const payments = Square.payments(config.squareAppId, config.squareLocationId);
+          const card = await payments.card({
+            style: {
+              ".input-container": {
+                borderColor: "#d1d5db",
+                borderRadius: "6px"
+              },
+              ".input-container.is-focus": {
+                borderColor: "#2563eb"
+              },
+              ".input-container.is-error": {
+                borderColor: "#dc2626"
+              }
+            }
+          });
+          await card.attach("#sq-card-container");
+          setSquareCard(card);
+          setCardReady(true);
+        } catch (err) {
+          console.error("[Commerce] Square card init failed:", err);
+        }
+      }
+    });
+    return () => {
+      setSquareCard((prev) => {
+        if (prev) {
+          prev.destroy?.().catch(() => {
+          });
+        }
+        return null;
+      });
+      setCardReady(false);
+      setProcessorConfig(null);
+    };
+  }, [isOpen]);
+  useEffect(() => {
+    if (isOpen && event) {
+      setError(null);
+      setSuccess(false);
+      setQuantity(1);
+      setCustomer({ email: "", name: "", phone: "" });
+      setAdditionalData({});
+    }
+  }, [isOpen, event?.id]);
+  useEffect(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape" && isOpen) {
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => document.removeEventListener("keydown", handleEscape);
+  }, [isOpen, onClose]);
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [isOpen]);
+  const handleOverlayClick = useCallback((e) => {
+    if (e.target === e.currentTarget) {
+      onClose();
+    }
+  }, [onClose]);
+  if (!isOpen || !event) return null;
+  const isFree = !event.price || event.price === 0;
+  const soldOut = schedule ? isEventSoldOut(schedule.capacity, schedule.current_registrations) : false;
+  const spotsRemaining = schedule ? getSpotsRemaining(schedule.capacity, schedule.current_registrations) : null;
+  const total = event.price ? event.price * quantity : 0;
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!schedule) {
+      setError("No schedule available for this event");
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      if (isFree) {
+        const result = await registerForEvent(event.id, schedule.id, {
+          ...customer,
+          ...additionalData
+        });
+        if (result.success) {
+          setSuccess(true);
+          onSuccess?.(result);
+        } else {
+          setError(result.error || "Registration failed");
+          onError?.(result.error || "Registration failed");
+        }
+      } else {
+        let sourceId;
+        if (squareCard && cardReady) {
+          const tokenResult = await squareCard.tokenize();
+          if (tokenResult.status !== "OK") {
+            const msg = tokenResult.errors?.[0]?.message || "Card verification failed. Please check your card details.";
+            setError(msg);
+            onError?.(msg);
+            setLoading(false);
+            return;
+          }
+          sourceId = tokenResult.token;
+        }
+        const result = await createCheckoutSession({
+          offeringId: event.id,
+          scheduleId: schedule.id,
+          quantity,
+          customer: {
+            ...customer,
+            ...additionalData
+          },
+          sourceId,
+          successUrl: window.location.href + "?registration=success",
+          cancelUrl: window.location.href
+        });
+        if (result.success && !result.payment_url) {
+          setSuccess(true);
+          onSuccess?.(result);
+        } else if (result.success && result.payment_url) {
+          window.location.href = result.payment_url;
+        } else {
+          setError(result.error || "Checkout failed");
+          onError?.(result.error || "Checkout failed");
+        }
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "An error occurred";
+      setError(message);
+      onError?.(message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const updateCustomer = (field, value) => {
+    setCustomer((prev) => ({ ...prev, [field]: value }));
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `site-kit-modal-overlay ${overlayClassName}`,
+      onClick: handleOverlayClick,
+      style: {
+        position: "fixed",
+        inset: 0,
+        zIndex: 9999,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: "1rem",
+        background: "rgba(0, 0, 0, 0.5)",
+        backdropFilter: "blur(4px)"
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `site-kit-modal ${className}`,
+          style: {
+            position: "relative",
+            width: "100%",
+            maxWidth: "500px",
+            maxHeight: "90vh",
+            overflow: "auto",
+            background: "white",
+            borderRadius: "16px",
+            boxShadow: "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
+          },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onClose,
+                style: {
+                  position: "absolute",
+                  top: "1rem",
+                  right: "1rem",
+                  padding: "0.5rem",
+                  border: "none",
+                  background: "#f3f4f6",
+                  borderRadius: "50%",
+                  cursor: "pointer",
+                  fontSize: "1.25rem",
+                  lineHeight: 1,
+                  width: "36px",
+                  height: "36px",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  zIndex: 10
+                },
+                "aria-label": "Close",
+                children: "\xD7"
+              }
+            ),
+            event.featured_image_url && /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: event.featured_image_url,
+                  alt: event.name,
+                  style: {
+                    width: "100%",
+                    height: "180px",
+                    objectFit: "cover",
+                    borderRadius: "16px 16px 0 0"
+                  }
+                }
+              ),
+              soldOut && /* @__PURE__ */ jsx("div", { style: {
+                position: "absolute",
+                top: "1rem",
+                left: "1rem",
+                background: "#ef4444",
+                color: "white",
+                padding: "0.25rem 0.75rem",
+                borderRadius: "4px",
+                fontSize: "0.875rem",
+                fontWeight: 600
+              }, children: "Sold Out" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: `site-kit-modal-content ${contentClassName}`, style: { padding: "1.5rem" }, children: success ? /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: "2rem 0" }, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontSize: "4rem", marginBottom: "1rem" }, children: "\u{1F389}" }),
+              /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 0.5rem", color: "#166534" }, children: "You're Registered!" }),
+              /* @__PURE__ */ jsx("p", { style: { color: "#15803d", margin: "0 0 1.5rem" }, children: "Check your email for confirmation details." }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: onClose,
+                  style: {
+                    padding: "0.75rem 2rem",
+                    fontSize: "1rem",
+                    fontWeight: 500,
+                    border: "none",
+                    borderRadius: "8px",
+                    background: "#2563eb",
+                    color: "white",
+                    cursor: "pointer"
+                  },
+                  children: "Done"
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { style: { marginBottom: "1.5rem" }, children: [
+                /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 0.5rem", fontSize: "1.5rem", fontWeight: 600, paddingRight: "2rem" }, children: event.name }),
+                schedule && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "1rem", color: "#666", fontSize: "0.9rem" }, children: [
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    "\u{1F4C5} ",
+                    formatDate(schedule.starts_at)
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    "\u{1F550} ",
+                    formatTime(schedule.starts_at)
+                  ] }),
+                  event.location && /* @__PURE__ */ jsxs("span", { children: [
+                    "\u{1F4CD} ",
+                    event.location
+                  ] })
+                ] }),
+                event.short_description && /* @__PURE__ */ jsx("p", { style: { margin: "0.75rem 0 0", color: "#666", fontSize: "0.9rem" }, children: event.short_description }),
+                spotsRemaining !== null && spotsRemaining <= 10 && spotsRemaining > 0 && /* @__PURE__ */ jsxs("div", { style: {
+                  marginTop: "0.75rem",
+                  padding: "0.5rem 0.75rem",
+                  background: "#fef3c7",
+                  borderRadius: "6px",
+                  color: "#92400e",
+                  fontSize: "0.875rem"
+                }, children: [
+                  "\u26A0\uFE0F Only ",
+                  spotsRemaining,
+                  " spot",
+                  spotsRemaining > 1 ? "s" : "",
+                  " remaining!"
+                ] })
+              ] }),
+              soldOut ? /* @__PURE__ */ jsx("div", { style: {
+                padding: "2rem",
+                textAlign: "center",
+                background: "#f3f4f6",
+                borderRadius: "8px"
+              }, children: /* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#666" }, children: "This event is sold out. Check back for future dates!" }) }) : /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+                !isFree && event.price_is_public && /* @__PURE__ */ jsxs("div", { style: {
+                  padding: "1rem",
+                  background: "#f9fafb",
+                  borderRadius: "8px",
+                  marginBottom: "1rem"
+                }, children: [
+                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: "1.25rem" }, children: formatPrice(event.price, event.currency) }),
+                      /* @__PURE__ */ jsx("span", { style: { color: "#666", fontSize: "0.875rem" }, children: " per ticket" })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsx("label", { style: { fontSize: "0.875rem", color: "#666" }, children: "Qty:" }),
+                      /* @__PURE__ */ jsx(
+                        "select",
+                        {
+                          value: quantity,
+                          onChange: (e) => setQuantity(Number(e.target.value)),
+                          style: {
+                            padding: "0.5rem",
+                            borderRadius: "6px",
+                            border: "1px solid #d1d5db",
+                            background: "white",
+                            fontSize: "1rem"
+                          },
+                          children: [...Array(Math.min(10, spotsRemaining || 10))].map((_, i) => /* @__PURE__ */ jsx("option", { value: i + 1, children: i + 1 }, i + 1))
+                        }
+                      )
+                    ] })
+                  ] }),
+                  quantity > 1 && /* @__PURE__ */ jsxs("div", { style: {
+                    marginTop: "0.75rem",
+                    paddingTop: "0.75rem",
+                    borderTop: "1px solid #e5e7eb",
+                    display: "flex",
+                    justifyContent: "space-between"
+                  }, children: [
+                    /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: "Total" }),
+                    /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: "1.125rem" }, children: formatPrice(total, event.currency) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.875rem" }, children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Full Name *" }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "text",
+                        required: true,
+                        value: customer.name,
+                        onChange: (e) => updateCustomer("name", e.target.value),
+                        placeholder: "John Smith",
+                        style: {
+                          width: "100%",
+                          padding: "0.625rem 0.75rem",
+                          borderRadius: "6px",
+                          border: "1px solid #d1d5db",
+                          fontSize: "1rem"
+                        }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Email Address *" }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "email",
+                        required: true,
+                        value: customer.email,
+                        onChange: (e) => updateCustomer("email", e.target.value),
+                        placeholder: "john@example.com",
+                        style: {
+                          width: "100%",
+                          padding: "0.625rem 0.75rem",
+                          borderRadius: "6px",
+                          border: "1px solid #d1d5db",
+                          fontSize: "1rem"
+                        }
+                      }
+                    )
+                  ] }),
+                  collectPhone && /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: "Phone Number" }),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "tel",
+                        value: customer.phone || "",
+                        onChange: (e) => updateCustomer("phone", e.target.value),
+                        placeholder: "(555) 123-4567",
+                        style: {
+                          width: "100%",
+                          padding: "0.625rem 0.75rem",
+                          borderRadius: "6px",
+                          border: "1px solid #d1d5db",
+                          fontSize: "1rem"
+                        }
+                      }
+                    )
+                  ] }),
+                  additionalFields.map((field) => /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsxs("label", { style: { display: "block", fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.25rem" }, children: [
+                      field.label,
+                      " ",
+                      field.required && "*"
+                    ] }),
+                    field.type === "textarea" ? /* @__PURE__ */ jsx(
+                      "textarea",
+                      {
+                        required: field.required,
+                        placeholder: field.placeholder,
+                        value: additionalData[field.name] || "",
+                        onChange: (e) => setAdditionalData((prev) => ({ ...prev, [field.name]: e.target.value })),
+                        style: {
+                          width: "100%",
+                          padding: "0.625rem 0.75rem",
+                          borderRadius: "6px",
+                          border: "1px solid #d1d5db",
+                          fontSize: "1rem",
+                          minHeight: "80px",
+                          resize: "vertical"
+                        }
+                      }
+                    ) : field.type === "select" && field.options ? /* @__PURE__ */ jsxs(
+                      "select",
+                      {
+                        required: field.required,
+                        value: additionalData[field.name] || "",
+                        onChange: (e) => setAdditionalData((prev) => ({ ...prev, [field.name]: e.target.value })),
+                        style: {
+                          width: "100%",
+                          padding: "0.625rem 0.75rem",
+                          borderRadius: "6px",
+                          border: "1px solid #d1d5db",
+                          fontSize: "1rem",
+                          background: "white"
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("option", { value: "", children: "Select..." }),
+                          field.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+                        ]
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: field.type || "text",
+                        required: field.required,
+                        placeholder: field.placeholder,
+                        value: additionalData[field.name] || "",
+                        onChange: (e) => setAdditionalData((prev) => ({ ...prev, [field.name]: e.target.value })),
+                        style: {
+                          width: "100%",
+                          padding: "0.625rem 0.75rem",
+                          borderRadius: "6px",
+                          border: "1px solid #d1d5db",
+                          fontSize: "1rem"
+                        }
+                      }
+                    )
+                  ] }, field.name))
+                ] }),
+                !isFree && processor === "square" && /* @__PURE__ */ jsxs("div", { style: { marginTop: "1rem" }, children: [
+                  /* @__PURE__ */ jsx("label", { style: {
+                    display: "block",
+                    fontSize: "0.875rem",
+                    fontWeight: 500,
+                    color: "#374151",
+                    marginBottom: "0.375rem"
+                  }, children: "Card Details *" }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      id: "sq-card-container",
+                      ref: cardContainerRef,
+                      style: {
+                        minHeight: "42px",
+                        border: "1px solid #d1d5db",
+                        borderRadius: "6px",
+                        padding: "0.5rem 0.75rem",
+                        background: "#fff"
+                      }
+                    }
+                  ),
+                  !cardReady && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.75rem", color: "#9ca3af", marginTop: "0.25rem" }, children: "Loading card form..." })
+                ] }),
+                error && /* @__PURE__ */ jsx("div", { style: {
+                  marginTop: "1rem",
+                  padding: "0.75rem",
+                  background: "#fef2f2",
+                  border: "1px solid #fecaca",
+                  borderRadius: "6px",
+                  color: "#dc2626",
+                  fontSize: "0.875rem"
+                }, children: error }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "submit",
+                    disabled: loading || !isFree && processor === "square" && !cardReady,
+                    style: {
+                      width: "100%",
+                      marginTop: "1.25rem",
+                      padding: "0.875rem",
+                      fontSize: "1rem",
+                      fontWeight: 600,
+                      borderRadius: "8px",
+                      border: "none",
+                      background: loading || !isFree && processor === "square" && !cardReady ? "#93c5fd" : "#2563eb",
+                      color: "white",
+                      cursor: loading || !isFree && processor === "square" && !cardReady ? "not-allowed" : "pointer"
+                    },
+                    children: loading ? "Processing..." : isFree ? "Register Free" : `Pay ${formatPrice(total, event.currency)}`
+                  }
+                ),
+                !isFree && /* @__PURE__ */ jsxs("p", { style: {
+                  textAlign: "center",
+                  fontSize: "0.75rem",
+                  color: "#666",
+                  margin: "0.75rem 0 0"
+                }, children: [
+                  "\u{1F512} Secure checkout via ",
+                  processor === "square" ? "Square" : processor === "stripe" ? "Stripe" : "secure payment"
+                ] }),
+                !isFree && processor && /* @__PURE__ */ jsxs("p", { style: { fontSize: "0.625rem", color: "#999", margin: "0.25rem 0 0", textAlign: "center" }, children: [
+                  "Powered by ",
+                  processor === "stripe" ? "Stripe" : "Square"
+                ] })
+              ] })
+            ] }) })
+          ]
+        }
+      )
+    }
+  );
+}
+function useEventModal() {
+  const [event, setEvent] = useState(null);
+  const [schedule, setSchedule] = useState(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const openModal = useCallback((newEvent, newSchedule) => {
+    setEvent(newEvent);
+    setSchedule(newSchedule || newEvent.schedules?.[0] || null);
+    setIsOpen(true);
+  }, []);
+  const closeModal = useCallback(() => {
+    setIsOpen(false);
+    setTimeout(() => {
+      setEvent(null);
+      setSchedule(null);
+    }, 200);
+  }, []);
+  return {
+    event,
+    schedule,
+    isOpen,
+    openModal,
+    closeModal
+  };
+}
+function EventCalendar({
+  onRegistrationSuccess,
+  onRegistrationError,
+  collectPhone = false,
+  additionalFields = [],
+  modalClassName,
+  modalOverlayClassName,
+  modalContentClassName,
+  ...calendarProps
+}) {
+  const { event, schedule, isOpen, openModal, closeModal } = useEventModal();
+  const handleEventClick = (clickedEvent, clickedSchedule) => {
+    openModal(clickedEvent, clickedSchedule);
+  };
+  const handleSuccess = (result) => {
+    onRegistrationSuccess?.(result);
+  };
+  const handleError = (error) => {
+    onRegistrationError?.(error);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      CalendarView,
+      {
+        ...calendarProps,
+        onEventClick: handleEventClick
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EventModal,
+      {
+        event,
+        schedule,
+        isOpen,
+        onClose: closeModal,
+        onSuccess: handleSuccess,
+        onError: handleError,
+        collectPhone,
+        additionalFields,
+        className: modalClassName,
+        overlayClassName: modalOverlayClassName,
+        contentClassName: modalContentClassName
+      }
+    )
+  ] });
+}
+var CalendarIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+  /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+] });
+var ListIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", y1: "6", x2: "3.01", y2: "6" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", y1: "12", x2: "3.01", y2: "12" }),
+  /* @__PURE__ */ jsx("line", { x1: "3", y1: "18", x2: "3.01", y2: "18" })
+] });
+var GridIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "7", height: "7" }),
+  /* @__PURE__ */ jsx("rect", { x: "14", y: "3", width: "7", height: "7" }),
+  /* @__PURE__ */ jsx("rect", { x: "14", y: "14", width: "7", height: "7" }),
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "7", height: "7" })
+] });
+var ClockIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
+] });
+var LocationIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }),
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+] });
+var DEFAULT_VIEWS = ["list", "grid", "calendar"];
+function EventsWidget({
+  events: propEvents,
+  defaultView = "list",
+  availableViews = DEFAULT_VIEWS,
+  showViewToggle = true,
+  title,
+  subtitle,
+  category,
+  limit = 10,
+  showViewAll = false,
+  viewAllUrl = "/events",
+  viewAllText = "View All Events",
+  emptyMessage = "No upcoming events scheduled.",
+  showEmptyIcon = true,
+  collectPhone = false,
+  additionalFields = [],
+  onRegistrationSuccess,
+  onRegistrationError,
+  onEventClick,
+  className = "",
+  headerClassName = "",
+  toggleClassName = "",
+  listClassName = "",
+  calendarClassName = "",
+  eventCardClassName = "",
+  modalClassName = ""
+}) {
+  const views = availableViews.length > 0 ? availableViews : DEFAULT_VIEWS;
+  const resolvedDefault = views.includes(defaultView) ? defaultView : views[0];
+  const [viewMode, setViewMode] = useState(resolvedDefault);
+  const effectiveView = views.includes(viewMode) ? viewMode : views[0];
+  const [events, setEvents] = useState(propEvents || []);
+  const [loading, setLoading] = useState(!propEvents);
+  const [error, setError] = useState(null);
+  const [retryCount, setRetryCount] = useState(0);
+  const { event, schedule, isOpen, openModal, closeModal } = useEventModal();
+  useEffect(() => {
+    if (propEvents) {
+      setEvents(propEvents);
+      return;
+    }
+    async function loadEvents() {
+      const apiUrl = getApiUrl();
+      const apiKey = getApiKey();
+      if (!apiKey) {
+        if (retryCount < 3) {
+          setTimeout(() => setRetryCount((c) => c + 1), 100);
+          return;
+        }
+        console.warn("[EventsWidget] No API key configured. Make sure SiteKitProvider is wrapping your app.");
+        setError(null);
+        setEvents([]);
+        setLoading(false);
+        return;
+      }
+      setLoading(true);
+      setError(null);
+      try {
+        const response = await fetch(`${apiUrl}/api/public/commerce/events`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "x-api-key": apiKey
+          },
+          body: JSON.stringify({
+            type: "event",
+            category,
+            limit: limit * 2
+            // Fetch extra for calendar view
+          })
+        });
+        if (!response.ok) {
+          throw new Error("Failed to fetch events");
+        }
+        const data = await response.json();
+        setEvents(data.events || []);
+      } catch (err) {
+        console.error("Error loading events:", err);
+        setError("Unable to load events. Please try again later.");
+      } finally {
+        setLoading(false);
+      }
+    }
+    loadEvents();
+  }, [propEvents, category, limit, retryCount]);
+  const handleEventClick = useCallback((clickedEvent, clickedSchedule) => {
+    onEventClick?.(clickedEvent, clickedSchedule);
+    openModal(clickedEvent, clickedSchedule);
+  }, [onEventClick, openModal]);
+  const handleSuccess = useCallback((result) => {
+    onRegistrationSuccess?.(result);
+  }, [onRegistrationSuccess]);
+  const handleError = useCallback((err) => {
+    onRegistrationError?.(err);
+  }, [onRegistrationError]);
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-events-widget ${className}`, children: [
+      (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: `site-kit-events-header ${headerClassName}`, style: { marginBottom: "1.5rem" }, children: [
+        title && /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "1.5rem", fontWeight: 600 }, children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { style: { margin: "0.5rem 0 0", color: "#666" }, children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: "3rem 1rem", color: "#666" }, children: [
+        /* @__PURE__ */ jsx("div", { style: {
+          width: "40px",
+          height: "40px",
+          margin: "0 auto 1rem",
+          border: "3px solid #e5e7eb",
+          borderTopColor: "#3b82f6",
+          borderRadius: "50%",
+          animation: "site-kit-spin 1s linear infinite"
+        } }),
+        /* @__PURE__ */ jsx("p", { children: "Loading events..." })
+      ] }),
+      /* @__PURE__ */ jsx("style", { children: `
+          @keyframes site-kit-spin {
+            to { transform: rotate(360deg); }
+          }
+        ` })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-events-widget ${className}`, children: [
+      (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: `site-kit-events-header ${headerClassName}`, style: { marginBottom: "1.5rem" }, children: [
+        title && /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "1.5rem", fontWeight: 600 }, children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { style: { margin: "0.5rem 0 0", color: "#666" }, children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsx("div", { style: { textAlign: "center", padding: "3rem 1rem", color: "#dc2626" }, children: /* @__PURE__ */ jsx("p", { children: error }) })
+    ] });
+  }
+  if (events.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: `site-kit-events-widget ${className}`, children: [
+      (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: `site-kit-events-header ${headerClassName}`, style: { marginBottom: "1.5rem" }, children: [
+        title && /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "1.5rem", fontWeight: 600 }, children: title }),
+        subtitle && /* @__PURE__ */ jsx("p", { style: { margin: "0.5rem 0 0", color: "#666" }, children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: "3rem 1rem", color: "#666" }, children: [
+        showEmptyIcon && /* @__PURE__ */ jsx(
+          "svg",
+          {
+            style: { width: "64px", height: "64px", margin: "0 auto 1rem", color: "#d1d5db" },
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { style: { fontSize: "1.125rem", fontWeight: 500, margin: 0 }, children: emptyMessage })
+      ] })
+    ] });
+  }
+  const displayEvents = effectiveView === "list" || effectiveView === "grid" ? events.slice(0, limit) : events;
+  return /* @__PURE__ */ jsxs("div", { className: `site-kit-events-widget ${className}`, children: [
+    (title || subtitle || showViewToggle) && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `site-kit-events-header ${headerClassName}`,
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "flex-start",
+          marginBottom: "1.5rem",
+          flexWrap: "wrap",
+          gap: "1rem"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            title && /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "1.5rem", fontWeight: 600 }, children: title }),
+            subtitle && /* @__PURE__ */ jsx("p", { style: { margin: "0.5rem 0 0", color: "#666" }, children: subtitle })
+          ] }),
+          showViewToggle && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `site-kit-events-toggle ${toggleClassName}`,
+              style: {
+                display: "flex",
+                gap: "0.25rem",
+                background: "#f3f4f6",
+                padding: "0.25rem",
+                borderRadius: "0.5rem"
+              },
+              children: [
+                views.includes("list") && /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => setViewMode("list"),
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "0.5rem",
+                      padding: "0.5rem 1rem",
+                      border: "none",
+                      borderRadius: "0.375rem",
+                      background: viewMode === "list" ? "#fff" : "transparent",
+                      color: viewMode === "list" ? "#1f2937" : "#6b7280",
+                      fontWeight: 500,
+                      fontSize: "0.875rem",
+                      cursor: "pointer",
+                      boxShadow: viewMode === "list" ? "0 1px 2px rgba(0,0,0,0.05)" : "none",
+                      transition: "all 150ms"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(ListIcon, {}),
+                      "List"
+                    ]
+                  }
+                ),
+                views.includes("grid") && /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => setViewMode("grid"),
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "0.5rem",
+                      padding: "0.5rem 1rem",
+                      border: "none",
+                      borderRadius: "0.375rem",
+                      background: viewMode === "grid" ? "#fff" : "transparent",
+                      color: viewMode === "grid" ? "#1f2937" : "#6b7280",
+                      fontWeight: 500,
+                      fontSize: "0.875rem",
+                      cursor: "pointer",
+                      boxShadow: viewMode === "grid" ? "0 1px 2px rgba(0,0,0,0.05)" : "none",
+                      transition: "all 150ms"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(GridIcon, {}),
+                      "Grid"
+                    ]
+                  }
+                ),
+                views.includes("calendar") && /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => setViewMode("calendar"),
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "0.5rem",
+                      padding: "0.5rem 1rem",
+                      border: "none",
+                      borderRadius: "0.375rem",
+                      background: viewMode === "calendar" ? "#fff" : "transparent",
+                      color: viewMode === "calendar" ? "#1f2937" : "#6b7280",
+                      fontWeight: 500,
+                      fontSize: "0.875rem",
+                      cursor: "pointer",
+                      boxShadow: viewMode === "calendar" ? "0 1px 2px rgba(0,0,0,0.05)" : "none",
+                      transition: "all 150ms"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(CalendarIcon, {}),
+                      "Calendar"
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    effectiveView === "list" ? /* @__PURE__ */ jsxs("div", { className: `site-kit-events-list ${listClassName}`, children: [
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: displayEvents.map((eventItem, index) => {
+        const nextSchedule = eventItem.next_schedule || eventItem.schedules?.[0];
+        const isFree = !eventItem.price || eventItem.price === 0;
+        const imageUrl = eventItem.featured_image_url;
+        const uniqueKey = nextSchedule ? `${eventItem.id}-${nextSchedule.id}` : `${eventItem.id}-${index}`;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `site-kit-event-card ${eventCardClassName}`,
+            onClick: () => nextSchedule && handleEventClick(eventItem, nextSchedule),
+            style: {
+              display: "flex",
+              flexDirection: "row",
+              gap: 0,
+              padding: 0,
+              background: "#fff",
+              border: "1px solid #e5e7eb",
+              borderRadius: "0.75rem",
+              cursor: nextSchedule ? "pointer" : "default",
+              transition: "all 150ms",
+              overflow: "hidden"
+            },
+            onMouseEnter: (e) => {
+              if (nextSchedule) {
+                e.currentTarget.style.borderColor = "#3b82f6";
+                e.currentTarget.style.boxShadow = "0 4px 6px -1px rgba(0, 0, 0, 0.1)";
+              }
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.borderColor = "#e5e7eb";
+              e.currentTarget.style.boxShadow = "none";
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { style: {
+                width: "160px",
+                minWidth: "160px",
+                flexShrink: 0,
+                background: "#f3f4f6"
+              }, children: [
+                imageUrl ? /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: imageUrl,
+                    alt: eventItem.name,
+                    crossOrigin: "anonymous",
+                    referrerPolicy: "no-referrer",
+                    onError: (e) => {
+                      const el = e.currentTarget;
+                      el.style.display = "none";
+                      const placeholder = el.nextElementSibling;
+                      if (placeholder) placeholder.style.display = "flex";
+                    },
+                    style: {
+                      width: "100%",
+                      height: "100%",
+                      minHeight: "120px",
+                      objectFit: "cover",
+                      display: "block"
+                    }
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      width: "100%",
+                      minHeight: "120px",
+                      display: imageUrl ? "none" : "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      color: "#9ca3af"
+                    },
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsx(CalendarIcon, {})
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: "0.75rem", padding: "1.25rem" }, children: [
+                /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "1rem" }, children: [
+                  /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+                    /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "1.125rem", fontWeight: 600, color: "#1f2937" }, children: eventItem.name }),
+                    eventItem.short_description && /* @__PURE__ */ jsx("p", { style: { margin: "0.5rem 0 0", color: "#6b7280", fontSize: "0.875rem", lineHeight: 1.5 }, children: eventItem.short_description })
+                  ] }),
+                  eventItem.price_is_public && /* @__PURE__ */ jsx("div", { style: {
+                    padding: "0.375rem 0.75rem",
+                    background: isFree ? "#dcfce7" : "#dbeafe",
+                    color: isFree ? "#166534" : "#1e40af",
+                    borderRadius: "9999px",
+                    fontSize: "0.875rem",
+                    fontWeight: 600,
+                    whiteSpace: "nowrap"
+                  }, children: isFree ? "Free" : formatPrice(eventItem.price ?? 0, eventItem.currency) })
+                ] }),
+                nextSchedule && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "1rem", fontSize: "0.875rem", color: "#6b7280" }, children: [
+                  /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "0.375rem" }, children: [
+                    /* @__PURE__ */ jsx(CalendarIcon, {}),
+                    formatDate(nextSchedule.starts_at)
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "0.375rem" }, children: [
+                    /* @__PURE__ */ jsx(ClockIcon, {}),
+                    formatTime(nextSchedule.starts_at)
+                  ] }),
+                  eventItem.location && /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "0.375rem" }, children: [
+                    /* @__PURE__ */ jsx(LocationIcon, {}),
+                    eventItem.location
+                  ] }),
+                  nextSchedule.spots_remaining !== null && nextSchedule.spots_remaining !== void 0 && /* @__PURE__ */ jsx("span", { style: {
+                    color: nextSchedule.spots_remaining < 5 ? "#dc2626" : "#6b7280",
+                    fontWeight: nextSchedule.spots_remaining < 5 ? 500 : 400
+                  }, children: nextSchedule.spots_remaining === 0 ? "Sold Out" : `${nextSchedule.spots_remaining} spots left` })
+                ] })
+              ] })
+            ]
+          },
+          uniqueKey
+        );
+      }) }),
+      showViewAll && events.length > limit && /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: viewAllUrl,
+          style: {
+            display: "inline-block",
+            padding: "0.75rem 1.5rem",
+            background: "#f3f4f6",
+            color: "#1f2937",
+            borderRadius: "0.5rem",
+            textDecoration: "none",
+            fontWeight: 500,
+            fontSize: "0.875rem",
+            transition: "all 150ms"
+          },
+          children: viewAllText
+        }
+      ) })
+    ] }) : effectiveView === "grid" ? /* @__PURE__ */ jsxs("div", { className: `site-kit-events-grid ${listClassName}`, children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
+        gap: "1.25rem"
+      }, children: displayEvents.map((eventItem, index) => {
+        const nextSchedule = eventItem.next_schedule || eventItem.schedules?.[0];
+        const isFree = !eventItem.price || eventItem.price === 0;
+        const imageUrl = eventItem.featured_image_url;
+        const uniqueKey = nextSchedule ? `${eventItem.id}-${nextSchedule.id}` : `${eventItem.id}-${index}`;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `site-kit-event-card site-kit-event-card--grid ${eventCardClassName}`,
+            onClick: () => nextSchedule && handleEventClick(eventItem, nextSchedule),
+            style: {
+              position: "relative",
+              minHeight: "220px",
+              borderRadius: "0.75rem",
+              overflow: "hidden",
+              cursor: nextSchedule ? "pointer" : "default",
+              transition: "all 150ms",
+              border: "1px solid #e5e7eb"
+            },
+            onMouseEnter: (e) => {
+              if (nextSchedule) {
+                e.currentTarget.style.boxShadow = "0 10px 25px -5px rgba(0, 0, 0, 0.15)";
+                e.currentTarget.style.transform = "translateY(-2px)";
+              }
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.boxShadow = "none";
+              e.currentTarget.style.transform = "none";
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { style: {
+                position: "absolute",
+                inset: 0,
+                background: imageUrl ? `linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0.15) 70%), url(${imageUrl}) center/cover` : "linear-gradient(135deg, #4b5563 0%, #6b7280 100%)"
+              } }),
+              /* @__PURE__ */ jsxs("div", { style: {
+                position: "relative",
+                height: "100%",
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "flex-end",
+                padding: "1.25rem",
+                color: "#fff"
+              }, children: [
+                /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "1.125rem", fontWeight: 600, color: "#fff", textShadow: "0 1px 2px rgba(0,0,0,0.5)" }, children: eventItem.name }),
+                eventItem.short_description && /* @__PURE__ */ jsx("p", { style: { margin: "0.25rem 0 0", fontSize: "0.8125rem", opacity: 0.95, lineHeight: 1.4, overflow: "hidden", textOverflow: "ellipsis", maxHeight: "2.8em" }, children: eventItem.short_description }),
+                nextSchedule && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.75rem", marginTop: "0.75rem", fontSize: "0.8125rem", opacity: 0.95 }, children: [
+                  /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "0.25rem" }, children: [
+                    /* @__PURE__ */ jsx(CalendarIcon, {}),
+                    formatDate(nextSchedule.starts_at)
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "0.25rem" }, children: [
+                    /* @__PURE__ */ jsx(ClockIcon, {}),
+                    formatTime(nextSchedule.starts_at)
+                  ] }),
+                  nextSchedule.spots_remaining !== null && nextSchedule.spots_remaining !== void 0 && /* @__PURE__ */ jsx("span", { children: nextSchedule.spots_remaining === 0 ? "Sold Out" : `${nextSchedule.spots_remaining} spots left` })
+                ] }),
+                eventItem.price_is_public && /* @__PURE__ */ jsx("div", { style: {
+                  marginTop: "0.5rem",
+                  display: "inline-block",
+                  padding: "0.25rem 0.5rem",
+                  background: "rgba(255,255,255,0.2)",
+                  borderRadius: "9999px",
+                  fontSize: "0.875rem",
+                  fontWeight: 600
+                }, children: isFree ? "Free" : formatPrice(eventItem.price ?? 0, eventItem.currency) })
+              ] })
+            ]
+          },
+          uniqueKey
+        );
+      }) }),
+      showViewAll && events.length > limit && /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: viewAllUrl,
+          style: {
+            display: "inline-block",
+            padding: "0.75rem 1.5rem",
+            background: "#f3f4f6",
+            color: "#1f2937",
+            borderRadius: "0.5rem",
+            textDecoration: "none",
+            fontWeight: 500,
+            fontSize: "0.875rem",
+            transition: "all 150ms"
+          },
+          children: viewAllText
+        }
+      ) })
+    ] }) : /* @__PURE__ */ jsx("div", { className: `site-kit-events-calendar ${calendarClassName}`, children: /* @__PURE__ */ jsx(
+      CalendarView,
+      {
+        events,
+        onEventClick: handleEventClick,
+        showNavigation: true,
+        showHeader: true
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      EventModal,
+      {
+        event,
+        schedule,
+        isOpen,
+        onClose: closeModal,
+        onSuccess: handleSuccess,
+        onError: handleError,
+        collectPhone,
+        additionalFields,
+        className: modalClassName
+      }
+    )
+  ] });
+}
+function getApiUrl() {
+  if (typeof window !== "undefined") {
+    return window.__SITE_KIT_API_URL__ || "https://api.uptrademedia.com";
+  }
+  return "https://api.uptrademedia.com";
+}
+function getApiKey() {
+  if (typeof window !== "undefined") {
+    return window.__SITE_KIT_API_KEY__ || "";
+  }
+  return "";
+}
+
+export { CalendarView, CheckoutForm, EventCalendar, EventEmbed, EventModal, EventTile, EventsWidget, OfferingCard, OfferingList, ProductDetail, ProductEmbed, ProductGrid, ProductPage, RegistrationForm, UpcomingEvents, createCheckoutSession, fetchActiveProcessor, fetchCategories, fetchLatestOffering, fetchNextEvent, fetchOffering, fetchOfferings, fetchProcessorConfig, fetchProductBySlug, fetchProducts, fetchProductsPublic, fetchServices, fetchShippingRates, fetchUpcomingEvents, formatDate, formatDateRange, formatDateTime, formatPrice, formatTime, getOfferingUrl, getRelativeTimeUntil, getSpotsRemaining, isEventSoldOut, registerForEvent, useEventModal, validateAddress };
+//# sourceMappingURL=chunk-D63MUKZ6.mjs.map
+//# sourceMappingURL=chunk-D63MUKZ6.mjs.map