@cimplify/sdk 0.56.0 → 0.58.0

package/dist/react.js

@@ -1,13 +1,13 @@
 "use client";
 'use strict';
 
-var chunkJYPLT56O_js = require('./chunk-JYPLT56O.js');
+var chunkVV3GTDIP_js = require('./chunk-VV3GTDIP.js');
 var chunkMW7ICTVK_js = require('./chunk-MW7ICTVK.js');
 var chunkJGBDWEPJ_js = require('./chunk-JGBDWEPJ.js');
 var chunk7Y2O3E4D_js = require('./chunk-7Y2O3E4D.js');
 var chunkXA3ZNR75_js = require('./chunk-XA3ZNR75.js');
 require('./chunk-OWW5GUSB.js');
-var React11 = require('react');
+var React12 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -26,7 +26,7 @@ var input = require('@base-ui/react/input');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React11__default = /*#__PURE__*/_interopDefault(React11);
+var React12__default = /*#__PURE__*/_interopDefault(React12);
 
 // src/ads/identity.ts
 var COOKIE_NAME = "_cimplify_uid";
@@ -203,7 +203,7 @@ function deriveAdsApiUrl() {
   }
   return "https://api.cimplify.io";
 }
-var AdContext = React11.createContext({
+var AdContext = React12.createContext({
   siteId: null,
   config: null,
   isLoading: true,
@@ -211,7 +211,7 @@ var AdContext = React11.createContext({
   apiBase: "https://api.cimplify.io"
 });
 function useAds() {
-  return React11.useContext(AdContext);
+  return React12.useContext(AdContext);
 }
 function AdProvider({
   siteId,
@@ -220,10 +220,10 @@ function AdProvider({
   children
 }) {
   const resolvedApiBase = apiBase || deriveAdsApiUrl();
-  const [config, setConfig] = React11.useState(null);
-  const [isLoading, setIsLoading] = React11.useState(true);
-  const [identity, setIdentity] = React11.useState(null);
-  React11.useEffect(() => {
+  const [config, setConfig] = React12.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(true);
+  const [identity, setIdentity] = React12.useState(null);
+  React12.useEffect(() => {
     const userIdentity = getUserIdentity(authenticatedAccountId);
     setIdentity(userIdentity);
     fetch(`${resolvedApiBase}/ads/config/${siteId}`).then((r) => r.json()).then((data) => {
@@ -246,11 +246,11 @@ function Ad({
   onClick
 }) {
   const { siteId, config, isLoading, identity, apiBase } = useAds();
-  const [ad, setAd] = React11.useState(null);
-  const [error, setError] = React11.useState(false);
-  const impressionTracked = React11.useRef(false);
-  const containerRef = React11.useRef(null);
-  React11.useEffect(() => {
+  const [ad, setAd] = React12.useState(null);
+  const [error, setError] = React12.useState(false);
+  const impressionTracked = React12.useRef(false);
+  const containerRef = React12.useRef(null);
+  React12.useEffect(() => {
     if (isLoading || !config?.enabled || !siteId || !identity) return;
     const path = typeof window !== "undefined" ? window.location.pathname : "/";
     const referrer = typeof document !== "undefined" ? document.referrer : "";
@@ -293,7 +293,7 @@ function Ad({
       }
     }).catch(() => setError(true));
   }, [siteId, config, isLoading, slot, identity, apiBase]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!ad || impressionTracked.current || typeof window === "undefined" || !identity) return;
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -622,7 +622,7 @@ function applyCartPatch(base, patch) {
   }
 }
 function useCollectionStore(collection) {
-  return React11.useSyncExternalStore(
+  return React12.useSyncExternalStore(
     (listener) => collection.subscribe(listener),
     () => collection.getSnapshot(),
     () => collection.getSnapshot()
@@ -992,7 +992,7 @@ function useCart(options = {}) {
   const locationId = options.locationId ?? client.getLocationId();
   const currency = options.currency ?? context?.currency ?? "USD";
   const optimisticEnabled = context?.optimistic ?? true;
-  const entry = React11.useMemo(
+  const entry = React12.useMemo(
     () => getOrCreateStore({
       client,
       locationId,
@@ -1002,44 +1002,44 @@ function useCart(options = {}) {
     [client, currency, locationId, optimisticEnabled]
   );
   const view = useCollectionStore(entry.collection);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     void ensureInitialized(entry);
   }, [entry]);
-  const addItem = React11.useCallback(
+  const addItem = React12.useCallback(
     async (product, quantity, addOptions) => {
       await performAddItem(entry, product, quantity ?? 1, addOptions ?? {});
     },
     [entry]
   );
-  const removeItem = React11.useCallback(
+  const removeItem = React12.useCallback(
     async (itemId) => {
       await performRemoveItem(entry, itemId);
     },
     [entry]
   );
-  const updateQuantity = React11.useCallback(
+  const updateQuantity = React12.useCallback(
     async (itemId, quantity) => {
       await performUpdateQuantity(entry, itemId, quantity);
     },
     [entry]
   );
-  const clearCart = React11.useCallback(async () => {
+  const clearCart = React12.useCallback(async () => {
     await performClear(entry);
   }, [entry]);
-  const sync = React11.useCallback(async () => {
+  const sync = React12.useCallback(async () => {
     await syncFromServer(entry);
   }, [entry]);
-  const reorder = React11.useCallback(
+  const reorder = React12.useCallback(
     async (orderId) => {
       return performReorder(entry, orderId);
     },
     [entry]
   );
-  const itemCount = React11.useMemo(
+  const itemCount = React12.useMemo(
     () => view.items.reduce((sum, item) => sum + item.quantity, 0),
     [view.items]
   );
-  return React11.useMemo(
+  return React12.useMemo(
     () => ({
       items: view.items,
       itemCount,
@@ -1142,30 +1142,30 @@ function resolveInitialLocation(locations) {
   }
   return locations[0];
 }
-var CimplifyClientContext = React11.createContext(null);
-var CimplifyStateContext = React11.createContext(null);
+var CimplifyClientContext = React12.createContext(null);
+var CimplifyStateContext = React12.createContext(null);
 function CimplifyProvider({
   client,
   children,
   onLocationChange,
   optimistic = true
 }) {
-  const resolvedClient = React11.useMemo(() => client ?? createDefaultClient(), [client]);
-  const onLocationChangeRef = React11.useRef(onLocationChange);
-  const [business, setBusiness] = React11.useState(null);
-  const [locations, setLocations] = React11.useState([]);
-  const [currentLocation, setCurrentLocationState] = React11.useState(null);
-  const [isReady, setIsReady] = React11.useState(false);
-  React11.useEffect(() => {
+  const resolvedClient = React12.useMemo(() => client ?? createDefaultClient(), [client]);
+  const onLocationChangeRef = React12.useRef(onLocationChange);
+  const [business, setBusiness] = React12.useState(null);
+  const [locations, setLocations] = React12.useState([]);
+  const [currentLocation, setCurrentLocationState] = React12.useState(null);
+  const [isReady, setIsReady] = React12.useState(false);
+  React12.useEffect(() => {
     onLocationChangeRef.current = onLocationChange;
   }, [onLocationChange]);
   const baseCurrency = business?.default_currency || DEFAULT_CURRENCY;
-  const [displayCurrencyOverride, setDisplayCurrencyOverride] = React11.useState(
+  const [displayCurrencyOverride, setDisplayCurrencyOverride] = React12.useState(
     () => getStoredDisplayCurrency()
   );
-  const [fxRate, setFxRate] = React11.useState(null);
+  const [fxRate, setFxRate] = React12.useState(null);
   const displayCurrency = displayCurrencyOverride && displayCurrencyOverride !== baseCurrency ? displayCurrencyOverride : baseCurrency;
-  const setDisplayCurrency = React11.useCallback(
+  const setDisplayCurrency = React12.useCallback(
     (currency) => {
       const normalized = currency?.trim().toUpperCase() || null;
       if (normalized && !chunkXA3ZNR75_js.isSupportedCurrency(normalized)) {
@@ -1179,7 +1179,7 @@ function CimplifyProvider({
     },
     [baseCurrency]
   );
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (displayCurrency === baseCurrency) {
       setFxRate(null);
       return;
@@ -1204,7 +1204,7 @@ function CimplifyProvider({
       clearInterval(intervalId);
     };
   }, [resolvedClient, baseCurrency, displayCurrency]);
-  const convertPrice = React11.useCallback(
+  const convertPrice = React12.useCallback(
     (amount) => {
       const num = typeof amount === "string" ? parseFloat(amount) : amount;
       if (isNaN(num)) return 0;
@@ -1213,7 +1213,7 @@ function CimplifyProvider({
     },
     [fxRate, displayCurrency, baseCurrency]
   );
-  const setCurrentLocation = React11.useCallback(
+  const setCurrentLocation = React12.useCallback(
     (location) => {
       const previousLocationId = resolvedClient.getLocationId();
       if (previousLocationId && previousLocationId !== location.id) {
@@ -1226,7 +1226,7 @@ function CimplifyProvider({
     },
     [resolvedClient]
   );
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     let cancelled = false;
     async function bootstrap() {
       setIsReady(false);
@@ -1271,7 +1271,7 @@ function CimplifyProvider({
       cancelled = true;
     };
   }, [resolvedClient]);
-  const clientContextValue = React11.useMemo(
+  const clientContextValue = React12.useMemo(
     () => ({
       client: resolvedClient,
       business,
@@ -1291,7 +1291,7 @@ function CimplifyProvider({
       optimistic
     ]
   );
-  const stateContextValue = React11.useMemo(
+  const stateContextValue = React12.useMemo(
     () => ({
       currentLocation,
       setCurrentLocation,
@@ -1312,20 +1312,20 @@ function CimplifyProvider({
   return /* @__PURE__ */ jsxRuntime.jsx(CimplifyClientContext.Provider, { value: clientContextValue, children: /* @__PURE__ */ jsxRuntime.jsx(CimplifyStateContext.Provider, { value: stateContextValue, children }) });
 }
 function useCimplify() {
-  const clientContext = React11.useContext(CimplifyClientContext);
-  const stateContext = React11.useContext(CimplifyStateContext);
+  const clientContext = React12.useContext(CimplifyClientContext);
+  const stateContext = React12.useContext(CimplifyStateContext);
   if (!clientContext || !stateContext) {
     throw new Error("useCimplify must be used within CimplifyProvider");
   }
-  return React11.useMemo(
+  return React12.useMemo(
     () => ({ ...clientContext, ...stateContext }),
     [clientContext, stateContext]
   );
 }
 function useOptionalCimplify() {
-  const clientContext = React11.useContext(CimplifyClientContext);
-  const stateContext = React11.useContext(CimplifyStateContext);
-  return React11.useMemo(() => {
+  const clientContext = React12.useContext(CimplifyClientContext);
+  const stateContext = React12.useContext(CimplifyStateContext);
+  return React12.useMemo(() => {
     if (!clientContext || !stateContext) {
       return null;
     }
@@ -1333,14 +1333,14 @@ function useOptionalCimplify() {
   }, [clientContext, stateContext]);
 }
 function useCimplifyClient() {
-  const context = React11.useContext(CimplifyClientContext);
+  const context = React12.useContext(CimplifyClientContext);
   if (!context) {
     throw new Error("useCimplifyClient must be used within CimplifyProvider");
   }
   return context;
 }
 function useOptionalCimplifyClient() {
-  return React11.useContext(CimplifyClientContext);
+  return React12.useContext(CimplifyClientContext);
 }
 function shellColors(isDark) {
   return {
@@ -1391,34 +1391,34 @@ function CimplifyCheckout({
   appearance,
   className
 }) {
-  const resolvedOrderTypes = React11.useMemo(
+  const resolvedOrderTypes = React12.useMemo(
     () => orderTypes && orderTypes.length > 0 ? orderTypes : ["pickup", "delivery"],
     [orderTypes]
   );
-  const resolvedDefaultOrderType = React11.useMemo(() => {
+  const resolvedDefaultOrderType = React12.useMemo(() => {
     if (defaultOrderType && resolvedOrderTypes.includes(defaultOrderType)) {
       return defaultOrderType;
     }
     return resolvedOrderTypes[0] || "pickup";
   }, [defaultOrderType, resolvedOrderTypes]);
-  const [orderType, setOrderType] = React11.useState(resolvedDefaultOrderType);
-  const [status, setStatus] = React11.useState(null);
-  const [statusText, setStatusText] = React11.useState("");
-  const [isSubmitting, setIsSubmitting] = React11.useState(false);
-  const [isInitializing, setIsInitializing] = React11.useState(false);
-  const [errorMessage, setErrorMessage] = React11.useState(null);
-  const [resolvedBusinessId, setResolvedBusinessId] = React11.useState(businessId ?? null);
-  const [resolvedCartId, setResolvedCartId] = React11.useState(cartId ?? null);
-  const [resolvedCart, setResolvedCart] = React11.useState(null);
-  const checkoutMountRef = React11.useRef(null);
-  const elementsRef = React11.useRef(null);
-  const activeCheckoutRef = React11.useRef(null);
-  const initialAppearanceRef = React11.useRef(appearance);
-  const hasWarnedInlineAppearanceRef = React11.useRef(false);
-  const isMountedRef = React11.useRef(true);
+  const [orderType, setOrderType] = React12.useState(resolvedDefaultOrderType);
+  const [status, setStatus] = React12.useState(null);
+  const [statusText, setStatusText] = React12.useState("");
+  const [isSubmitting, setIsSubmitting] = React12.useState(false);
+  const [isInitializing, setIsInitializing] = React12.useState(false);
+  const [errorMessage, setErrorMessage] = React12.useState(null);
+  const [resolvedBusinessId, setResolvedBusinessId] = React12.useState(businessId ?? null);
+  const [resolvedCartId, setResolvedCartId] = React12.useState(cartId ?? null);
+  const [resolvedCart, setResolvedCart] = React12.useState(null);
+  const checkoutMountRef = React12.useRef(null);
+  const elementsRef = React12.useRef(null);
+  const activeCheckoutRef = React12.useRef(null);
+  const initialAppearanceRef = React12.useRef(appearance);
+  const hasWarnedInlineAppearanceRef = React12.useRef(false);
+  const isMountedRef = React12.useRef(true);
   const isTestMode = client.isTestMode();
   const cimplifyCtx = useOptionalCimplify();
-  const fxOptions = React11.useMemo(() => {
+  const fxOptions = React12.useMemo(() => {
     if (!cimplifyCtx?.fxRate) return void 0;
     if (cimplifyCtx.displayCurrency === cimplifyCtx.baseCurrency) return void 0;
     return {
@@ -1426,29 +1426,29 @@ function CimplifyCheckout({
       convertPrice: cimplifyCtx.convertPrice
     };
   }, [cimplifyCtx?.fxRate, cimplifyCtx?.displayCurrency, cimplifyCtx?.baseCurrency, cimplifyCtx?.convertPrice]);
-  const fxOptionsRef = React11.useRef(fxOptions);
+  const fxOptionsRef = React12.useRef(fxOptions);
   fxOptionsRef.current = fxOptions;
-  const resolvedCartRef = React11.useRef(resolvedCart);
+  const resolvedCartRef = React12.useRef(resolvedCart);
   resolvedCartRef.current = resolvedCart;
   const isDark = appearance?.theme === "dark";
-  const emitStatus = React11__default.default.useEffectEvent(
+  const emitStatus = React12__default.default.useEffectEvent(
     (nextStatus, context = {}) => {
       setStatus(nextStatus);
       setStatusText(context.display_text || "");
       onStatusChange?.(nextStatus, context);
     }
   );
-  const fireError = React11__default.default.useEffectEvent(
+  const fireError = React12__default.default.useEffectEvent(
     (error) => {
       onError?.(error);
     }
   );
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!resolvedOrderTypes.includes(orderType)) {
       setOrderType(resolvedDefaultOrderType);
     }
   }, [resolvedOrderTypes, resolvedDefaultOrderType, orderType]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (appearance && appearance !== initialAppearanceRef.current && !hasWarnedInlineAppearanceRef.current) {
       hasWarnedInlineAppearanceRef.current = true;
       console.warn(
@@ -1456,7 +1456,7 @@ function CimplifyCheckout({
       );
     }
   }, [appearance]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     let cancelled = false;
     async function bootstrap() {
       const needsBusinessResolve = !businessId;
@@ -1527,14 +1527,14 @@ function CimplifyCheckout({
       cancelled = true;
     };
   }, [businessId, cartId, client]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     return () => {
       isMountedRef.current = false;
       activeCheckoutRef.current?.abort();
       activeCheckoutRef.current = null;
     };
   }, []);
-  const handleSubmit = React11__default.default.useEffectEvent(async () => {
+  const handleSubmit = React12__default.default.useEffectEvent(async () => {
     if (isSubmitting || isInitializing || !resolvedCartId) {
       if (!resolvedCartId && !isInitializing) {
         const message = "Your cart is empty. Add items before checkout.";
@@ -1579,7 +1579,7 @@ function CimplifyCheckout({
       }
     }
   });
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!resolvedBusinessId) {
       elementsRef.current = null;
       return;
@@ -1625,7 +1625,7 @@ function CimplifyCheckout({
     resolvedDefaultOrderType,
     submitLabel
   ]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!resolvedCart || !elementsRef.current) return;
     const checkoutElement = elementsRef.current.getElement("checkout");
     if (checkoutElement) {
@@ -1676,16 +1676,16 @@ function CimplifyAccount({
   const client = clientProp ?? context?.client;
   const resolvedLinkUrl = linkUrl || DEFAULT_LINK_URL;
   const resolvedBusinessId = businessIdProp || client?.getBusinessId?.() || "";
-  const iframeRef = React11.useRef(null);
-  const [height, setHeight] = React11.useState(400);
-  const [isReady, setIsReady] = React11.useState(false);
-  const iframeSrc = React11.useMemo(() => {
+  const iframeRef = React12.useRef(null);
+  const [height, setHeight] = React12.useState(400);
+  const [isReady, setIsReady] = React12.useState(false);
+  const iframeSrc = React12.useMemo(() => {
     const path = section ? `/elements/account/${section}` : "/elements/account";
     const url = new URL(path, resolvedLinkUrl);
     if (resolvedBusinessId) url.searchParams.set("businessId", resolvedBusinessId);
     return url.toString();
   }, [resolvedLinkUrl, section, resolvedBusinessId]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     function handleMessage(event) {
       if (!event.data || typeof event.data !== "object") return;
       if (iframeRef.current?.contentWindow && event.source !== iframeRef.current.contentWindow) {
@@ -1755,6 +1755,944 @@ function CimplifyAccount({
     }
   );
 }
+var BUTTON_BASE = "inline-flex items-center justify-center gap-2 font-semibold leading-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 disabled:opacity-50 disabled:cursor-not-allowed [font-family:inherit] cursor-pointer rounded-[10px]";
+var BUTTON_VARIANTS = {
+  primary: "bg-foreground text-background hover:bg-foreground/90",
+  secondary: "bg-card text-foreground border border-border hover:bg-muted/40 hover:border-foreground/40",
+  ghost: "bg-transparent text-foreground/80 hover:bg-muted/40 hover:text-foreground",
+  danger: "bg-transparent text-destructive border border-border hover:bg-destructive/10 hover:border-destructive"
+};
+var BUTTON_SIZES = {
+  sm: "px-[13px] py-[7px] text-[12.5px]",
+  md: "px-[18px] py-[10px] text-[13.5px]"
+};
+var Button = React12__default.default.forwardRef(function Button2({ variant = "primary", size = "md", className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: props.type ?? "button",
+      className: cn(BUTTON_BASE, BUTTON_VARIANTS[variant], BUTTON_SIZES[size], className),
+      "data-cimplify-account-button": true,
+      "data-variant": variant,
+      ...props,
+      children
+    }
+  );
+});
+var STATUS_COLOR = {
+  preparing: "text-amber-600",
+  active: "text-amber-600",
+  delivered: "text-emerald-600",
+  completed: "text-foreground/55",
+  cancelled: "text-destructive",
+  paused: "text-foreground/55"
+};
+var STATUS_WEIGHT = {
+  preparing: "font-semibold",
+  active: "font-semibold",
+  delivered: "font-medium",
+  completed: "font-medium",
+  cancelled: "font-medium",
+  paused: "font-medium"
+};
+var STATUS_DEFAULT_LABEL = {
+  preparing: "In progress",
+  active: "Active",
+  delivered: "Delivered",
+  completed: "Completed",
+  cancelled: "Cancelled",
+  paused: "Paused"
+};
+function Status({ status, className }) {
+  const label = status.label ?? STATUS_DEFAULT_LABEL[status.kind];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-cimplify-account-status": true,
+      "data-kind": status.kind,
+      className: cn(
+        "inline-flex items-center gap-[7px] text-[12.5px]",
+        STATUS_COLOR[status.kind],
+        STATUS_WEIGHT[status.kind],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-[7px] rounded-full bg-current", "aria-hidden": true }),
+        label
+      ]
+    }
+  );
+}
+function BackLink({ label = "Back", className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      "data-cimplify-account-back": true,
+      className: cn(
+        "inline-flex items-center gap-1.5 text-[13px] text-foreground/55 hover:text-primary",
+        "transition-colors mb-7",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "\u2190" }),
+        props.children ?? label
+      ]
+    }
+  );
+}
+function FilterTabs({
+  items,
+  value,
+  onChange,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "tablist",
+      "data-cimplify-account-filter-tabs": true,
+      className: cn("flex gap-0 border-b border-border/60 mb-7 overflow-x-auto", className),
+      children: items.map((item) => {
+        const active = item.value === value;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            role: "tab",
+            "aria-selected": active,
+            type: "button",
+            onClick: () => onChange?.(item.value),
+            "data-active": active || void 0,
+            className: cn(
+              "inline-flex items-baseline gap-2 px-4 pt-3 pb-[13px] text-[13.5px]",
+              "border-b-2 -mb-px whitespace-nowrap transition-colors",
+              active ? "text-foreground border-foreground font-semibold" : "text-foreground/55 border-transparent hover:text-foreground font-medium"
+            ),
+            children: [
+              item.label,
+              item.count !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    "text-[11.5px] tabular-nums font-medium",
+                    active ? "text-foreground/70" : "text-foreground/55"
+                  ),
+                  children: item.count
+                }
+              )
+            ]
+          },
+          item.value
+        );
+      })
+    }
+  );
+}
+function EmptyState({ glyph, title, description, action, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-account-empty": true,
+      className: cn(
+        "rounded-[16px] border border-dashed border-border bg-card",
+        "px-6 py-20 text-center",
+        className
+      ),
+      children: [
+        glyph && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mb-5 size-14 rounded-[12px] bg-muted/40 text-foreground/55 grid place-items-center", children: glyph }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-serif text-[22px] font-semibold tracking-[-0.02em] text-foreground mb-2", children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mx-auto mb-6 max-w-[380px] text-sm leading-[1.55] text-foreground/70", children: description }),
+        action
+      ]
+    }
+  );
+}
+function ErrorState({
+  title = "Something went wrong",
+  message = "We couldn't load this right now. Try again in a moment.",
+  onRetry,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-account-error": true,
+      className: cn("rounded-[16px] border border-border bg-card px-6 py-8 text-center", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mb-4 size-11 rounded-[12px] bg-destructive/10 text-destructive grid place-items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8v5M12 16v.5" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold mb-1.5 text-foreground", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12.5px] text-foreground/55 mb-4 leading-[1.5]", children: message }),
+        onRetry && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "secondary", size: "sm", onClick: onRetry, children: "Try again" })
+      ]
+    }
+  );
+}
+function Skeleton({ className, variant = "block" }) {
+  if (variant === "row") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-account-skeleton": true, className: cn("grid grid-cols-[44px_1fr_60px] gap-3 items-center py-3", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-11 rounded-md bg-muted/50 animate-pulse" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-muted/50 rounded animate-pulse w-3/4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2.5 bg-muted/40 rounded animate-pulse w-1/2" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-muted/50 rounded animate-pulse" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-account-skeleton": true, className: cn("bg-muted/50 rounded-md animate-pulse", className) });
+}
+function Toast({ title, description, onUndo, onDismiss, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-account-toast": true,
+      role: "status",
+      "aria-live": "polite",
+      className: cn(
+        "relative grid grid-cols-[22px_1fr_auto_auto] gap-3 items-center mb-6",
+        "rounded-[10px] bg-foreground text-background px-4 py-3.5 pr-5 text-[13.5px]",
+        "shadow-[0_1px_0_rgba(0,0,0,0.04),0_8px_24px_rgba(0,0,0,0.12)]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-[22px] rounded-full bg-emerald-500 grid place-items-center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "white", strokeWidth: "2.4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 8.5l2.5 2.5L12 5.5" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12px] opacity-75 mt-0.5", children: description })
+        ] }),
+        onUndo && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onUndo,
+            className: "rounded-[8px] border border-white/20 bg-transparent text-background px-3 py-1.5 text-[12.5px] font-semibold hover:bg-white/10",
+            children: "Undo"
+          }
+        ),
+        onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Dismiss",
+            onClick: onDismiss,
+            className: "bg-transparent border-0 text-background/60 p-1 hover:text-background",
+            children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "1.6", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 3.5l7 7M10.5 3.5l-7 7" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+function AccountShell({ sidebar, children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-account-shell": true,
+      className: cn(
+        "grid min-h-[720px] bg-background",
+        "grid-cols-1 md:grid-cols-[280px_1fr]",
+        className
+      ),
+      children: [
+        sidebar,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children })
+      ]
+    }
+  );
+}
+function AccountSidebar({ children, scopeNote, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "aside",
+    {
+      "data-cimplify-account-sidebar": true,
+      className: cn(
+        "hidden md:flex flex-col bg-background border-r border-border/60",
+        "px-6 pt-9 pb-7",
+        className
+      ),
+      children: [
+        children,
+        scopeNote && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto pt-6 px-2 text-[11.5px] leading-[1.55] text-foreground/55", children: scopeNote })
+      ]
+    }
+  );
+}
+function avatarGradient(seed) {
+  let hash = 0;
+  for (let i = 0; i < seed.length; i++) hash = (hash << 5) - hash + seed.charCodeAt(i) | 0;
+  const hue = (Math.abs(hash) % 60 + 20) % 360;
+  return `linear-gradient(135deg, oklch(0.78 0.10 ${hue}), oklch(0.55 0.16 ${hue - 8}))`;
+}
+function initials(name) {
+  return name.trim().split(/\s+/).map((p) => p[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
+}
+function AccountIdentityStrip({
+  name,
+  email,
+  customerId,
+  className
+}) {
+  const seed = customerId ?? name;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-account-identity": true,
+      className: cn(
+        "grid grid-cols-[40px_1fr] gap-3 items-center",
+        "border-b border-border/60 px-2 pb-[22px] mb-2",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "size-10 rounded-full grid place-items-center text-white font-serif font-semibold text-[16px] tracking-[-0.01em]",
+            style: { background: avatarGradient(seed) },
+            children: initials(name)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[14px] font-semibold text-foreground truncate", children: name }),
+          email && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12px] text-foreground/55 truncate", children: email })
+        ] })
+      ]
+    }
+  );
+}
+var externIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 8l4-4M5 4h3v3" }) });
+function AccountNav({ items, activeHref, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Account", "data-cimplify-account-nav": true, className: cn("pt-4", className), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-px list-none p-0 m-0", children: items.map((item, idx) => {
+    if (item.divider) {
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px bg-border/60 mx-2 my-3" }) }, `d-${idx}`);
+    }
+    const active = item.href === activeHref;
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: item.href,
+        "aria-current": active ? "page" : void 0,
+        "data-active": active || void 0,
+        className: cn(
+          "grid grid-cols-[16px_1fr_auto] gap-3 items-center rounded-lg px-3 py-2",
+          "text-[13.5px] no-underline transition-colors",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
+          active ? "bg-card shadow-[0_0_0_1px_var(--color-border)] text-foreground font-semibold" : "text-foreground/70 font-medium hover:bg-muted/40 hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("size-4 grid place-items-center", active ? "text-primary opacity-100" : "opacity-70"), children: item.icon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
+          item.external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground/55 opacity-70", children: externIcon })
+        ]
+      }
+    ) }, item.href);
+  }) }) });
+}
+function AccountHero({ eyebrow = "Your account", title, subtitle, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "header",
+    {
+      "data-cimplify-account-hero": true,
+      className: cn("mb-11", className),
+      children: [
+        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-semibold tracking-[0.16em] uppercase text-primary mb-2", children: eyebrow }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "font-serif text-[clamp(28px,3vw,40px)] font-semibold tracking-[-0.025em] leading-[1.05] text-foreground m-0", children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground/70 mt-3 text-[14.5px] m-0", children: subtitle })
+      ]
+    }
+  );
+}
+function AccountContent({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "main",
+    {
+      "data-cimplify-account-content": true,
+      className: cn(
+        "bg-background min-w-0",
+        "px-6 sm:px-10 md:px-16 pt-14 pb-18",
+        className
+      ),
+      children
+    }
+  );
+}
+function Section({ title, meta, action, children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "data-cimplify-account-section": true, className: cn("mt-11 first:mt-0", className), children: [
+    (title || meta || action) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between mb-3.5", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-[12px] font-semibold tracking-[0.1em] uppercase text-foreground/55 m-0", children: title }),
+      meta && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12px] text-foreground/55 tabular-nums", children: meta }),
+      action
+    ] }),
+    children
+  ] });
+}
+function SectionMore({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      "data-cimplify-account-section-more": true,
+      className: cn("text-[13px] font-medium text-primary no-underline hover:underline", className),
+      ...props,
+      children
+    }
+  );
+}
+function Pane({ pane, side }) {
+  const color = pane.variant === "live" ? "text-amber-600" : "text-emerald-600";
+  const haloAnim = pane.variant === "live" ? "cimplify-live-pulse" : "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4", side === "right" && "md:pl-8 md:border-l border-border/60"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("inline-flex items-center gap-2 text-[11.5px] font-semibold tracking-[0.08em] uppercase", color), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-cimplify-live-dot": pane.variant === "live" || void 0,
+            className: cn("size-1.5 rounded-full bg-current", haloAnim),
+            "aria-hidden": true
+          }
+        ),
+        pane.label
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-serif text-[22px] font-semibold tracking-[-0.02em] leading-[1.2] text-foreground m-0", children: pane.title }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[13.5px] text-foreground/70", children: pane.when })
+    ] }),
+    pane.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2.5 mt-auto", children: pane.actions })
+  ] });
+}
+function HappeningCard({ left, right, className }) {
+  if (!left && !right) return null;
+  const dual = !!left && !!right;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+        @keyframes cimplify-live-pulse {
+          0%, 100% { box-shadow: 0 0 0 4px color-mix(in oklch, currentColor 18%, transparent); }
+          50% { box-shadow: 0 0 0 8px color-mix(in oklch, currentColor 5%, transparent); }
+        }
+        .cimplify-live-pulse { animation: cimplify-live-pulse 1.8s ease-in-out infinite; }
+      ` }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-cimplify-happening-card": true,
+        "data-dual": dual || void 0,
+        className: cn(
+          "bg-card border border-border rounded-[16px] p-7",
+          "grid gap-4 md:gap-0 items-stretch",
+          dual ? "md:grid-cols-2" : "grid-cols-1",
+          className
+        ),
+        children: [
+          left && /* @__PURE__ */ jsxRuntime.jsx(Pane, { pane: left, side: "left" }),
+          right && /* @__PURE__ */ jsxRuntime.jsx(Pane, { pane: right, side: "right" })
+        ]
+      }
+    )
+  ] });
+}
+function ContinuityCard({ glyph, title, description, badge, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-continuity-card": true,
+      className: cn(
+        "grid grid-cols-[auto_1fr_auto] gap-3.5 items-center",
+        "rounded-[12px] px-5 py-3.5 mb-8 -mt-5",
+        "border bg-card text-foreground text-[13.5px]",
+        // soft primary-tinted gradient
+        "bg-[linear-gradient(135deg,color-mix(in_oklch,var(--color-primary)_8%,transparent),var(--color-background))]",
+        "border-[color-mix(in_oklch,var(--color-primary)_18%,transparent)]",
+        className
+      ),
+      children: [
+        glyph && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-[26px] rounded-full bg-card border border-border grid place-items-center text-primary text-[13px]", children: glyph }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-foreground", children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground/55 text-[12px] mt-0.5", children: description })
+        ] }),
+        badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11.5px] text-primary font-semibold uppercase tracking-[0.06em] px-2.5 py-1 rounded-full bg-card border border-border", children: badge })
+      ]
+    }
+  );
+}
+function WelcomeCard({ title, description, action, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-welcome-card": true,
+      className: cn(
+        "rounded-[16px] border border-border bg-card",
+        "px-9 py-9 grid grid-cols-1 md:grid-cols-[1fr_auto] gap-8 items-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-serif text-[24px] font-semibold tracking-[-0.02em] text-foreground m-0 mb-2", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground/70 text-sm leading-[1.55] max-w-[460px] m-0", children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: action })
+      ]
+    }
+  );
+}
+function summaryLine(s) {
+  if (!s) return "Addresses, payment, profile \xB7 syncs to every Cimplify shop";
+  const parts = [];
+  if (typeof s.addresses === "number")
+    parts.push(`${s.addresses} address${s.addresses === 1 ? "" : "es"}`);
+  if (typeof s.paymentMethods === "number")
+    parts.push(`${s.paymentMethods} payment method${s.paymentMethods === 1 ? "" : "s"}`);
+  if (typeof s.shops === "number")
+    parts.push(`${s.shops} shop${s.shops === 1 ? "" : "s"}`);
+  if (parts.length === 0) return "Addresses, payment, profile \xB7 syncs to every Cimplify shop";
+  return parts.join(" \xB7 ");
+}
+function IdentityOfframp({
+  title = "Cimplify identity",
+  summary,
+  href = "https://link.cimplify.io",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      "data-cimplify-identity-offramp": true,
+      href,
+      target: href.startsWith("http") ? "_blank" : void 0,
+      rel: href.startsWith("http") ? "noopener noreferrer" : void 0,
+      className: cn(
+        "grid grid-cols-[40px_1fr_auto] gap-4 items-center",
+        "rounded-[16px] border border-border bg-card px-5 py-4",
+        "no-underline text-foreground transition-colors",
+        "hover:bg-muted/40 hover:border-foreground/40",
+        "group",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-10 rounded-md bg-foreground text-background grid place-items-center font-serif font-bold text-[18px]", children: "C" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[14px] font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12.5px] text-foreground/55 mt-0.5 tabular-nums", children: summaryLine(summary) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 14 14",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            className: "text-foreground/55 transition-transform group-hover:text-primary group-hover:translate-x-0.5",
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 3l4 4-4 4" })
+          }
+        )
+      ]
+    }
+  );
+}
+var THUMB_GRADIENTS = [
+  "linear-gradient(135deg, oklch(0.86 0.06 60), oklch(0.74 0.11 35))",
+  "linear-gradient(135deg, oklch(0.92 0.04 80), oklch(0.84 0.08 60))",
+  "linear-gradient(135deg, oklch(0.94 0.05 25), oklch(0.82 0.10 30))",
+  "linear-gradient(135deg, oklch(0.74 0.10 45), oklch(0.58 0.13 30))"
+];
+function deterministicGradient(seed, idx) {
+  let hash = idx;
+  for (let i = 0; i < seed.length; i++) hash = (hash << 5) - hash + seed.charCodeAt(i) | 0;
+  return THUMB_GRADIENTS[Math.abs(hash) % THUMB_GRADIENTS.length];
+}
+function Thumbs({ thumbnails, seed = "" }) {
+  const list = thumbnails && thumbnails.length > 0 ? thumbnails : [`${seed}-a`, `${seed}-b`, `${seed}-c`];
+  const solo = list.length === 1;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative size-14", "aria-hidden": true, children: list.slice(0, 3).map((src, i) => {
+    const isImg = src.startsWith("http") || src.startsWith("/");
+    const sizes = solo ? "size-14 left-0 top-0 z-30" : [
+      "size-11 left-0 top-0 z-30",
+      "size-[38px] left-[14px] top-1 z-20",
+      "size-8 left-6 top-2 z-10"
+    ][i];
+    const style = isImg ? { backgroundImage: `url(${src})`, backgroundSize: "cover", backgroundPosition: "center" } : { background: deterministicGradient(src, i) };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "absolute rounded-md shadow-[0_0_0_2px_var(--color-card)]",
+          sizes
+        ),
+        style
+      },
+      i
+    );
+  }) });
+}
+function OrderRow({ order, onSelect, className }) {
+  const Element = order.href ? "a" : "button";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Element,
+    {
+      "data-cimplify-order-row": true,
+      href: order.href,
+      type: order.href ? void 0 : "button",
+      onClick: () => onSelect?.(order.id),
+      className: cn(
+        "grid grid-cols-[56px_1fr_auto_auto] gap-5 items-center px-[22px] py-[18px]",
+        "border-b border-border/60 last:border-b-0",
+        "text-left no-underline w-full bg-transparent",
+        "transition-colors hover:bg-muted/40",
+        "group cursor-pointer",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Thumbs, { thumbnails: order.thumbnails, seed: order.id }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[14px] font-semibold text-foreground leading-[1.4] truncate", children: order.summary }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[12.5px] text-foreground/55 flex gap-2 items-center tabular-nums", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: order.meta }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-border", children: "\xB7" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-[11px]", children: [
+              "#",
+              order.id
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Status, { status: order.status }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[14.5px] font-semibold text-foreground tabular-nums", children: order.total })
+      ]
+    }
+  );
+}
+function OrderList({ orders, onSelect, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-cimplify-order-list": true,
+      className: cn("bg-card border border-border rounded-[16px] overflow-hidden", className),
+      children: orders.map((order) => /* @__PURE__ */ jsxRuntime.jsx(OrderRow, { order, onSelect }, order.id))
+    }
+  );
+}
+function OrderDetailHeader({ title, meta, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { "data-cimplify-order-detail-header": true, className: cn("mb-9", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "font-serif font-semibold text-[clamp(26px,2.8vw,34px)] tracking-[-0.025em] leading-[1.1] text-foreground m-0 mb-2.5", children: title }),
+    meta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3 flex-wrap text-[13px] text-foreground/55", children: meta })
+  ] });
+}
+function OrderDetailMetaPipe() {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "text-border", children: "\xB7" });
+}
+function OrderTimeline({ steps, className }) {
+  const doneCount = steps.filter((s) => s.state === "done").length;
+  const currentIdx = steps.findIndex((s) => s.state === "current");
+  const filledRatio = currentIdx >= 0 ? (doneCount + (currentIdx >= doneCount ? 0.5 : 0)) / (steps.length - 1) : doneCount / Math.max(1, steps.length - 1);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-order-timeline": true,
+      className: cn("bg-card border border-border rounded-[16px] px-7 py-8 mb-6 relative", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "absolute top-[18px] h-0.5 bg-border z-[1]",
+            style: {
+              left: `calc(${100 / steps.length / 2}% + 18px)`,
+              right: `calc(${100 / steps.length / 2}% + 18px)`
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "h-full bg-primary",
+                style: { width: `${Math.min(100, filledRatio * 100)}%` }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "grid relative",
+            style: { gridTemplateColumns: `repeat(${steps.length}, 1fr)` },
+            children: steps.map((step, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center px-1 relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "size-9 rounded-full border-2 grid place-items-center mx-auto mb-3 relative z-[2]",
+                    step.state === "current" && "bg-primary text-white border-primary shadow-[0_0_0_6px_color-mix(in_oklch,var(--color-primary)_18%,transparent)]",
+                    step.state === "done" && "bg-foreground text-white border-foreground",
+                    step.state === "pending" && "bg-muted/40 text-foreground/55 border-border"
+                  ),
+                  children: step.icon
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "text-[12.5px] font-semibold",
+                    step.state === "current" ? "text-foreground" : "text-foreground/70"
+                  ),
+                  children: step.label
+                }
+              ),
+              step.time && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11.5px] text-foreground/55 mt-0.5", children: step.time })
+            ] }, i))
+          }
+        )
+      ]
+    }
+  );
+}
+function ItemsCard({ title, rightLabel, items, totals, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-items-card": true,
+      className: cn("bg-card border border-border rounded-[16px] overflow-hidden", className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-[22px] py-4 border-b border-border/60", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[13.5px] font-semibold text-foreground m-0", children: title }),
+          rightLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[12.5px] text-foreground/55", children: rightLabel })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-none p-0 m-0", children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "li",
+          {
+            className: "grid grid-cols-[48px_1fr_auto_auto] gap-4 items-center px-[22px] py-3.5 border-b border-border/60 last:border-b-0",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "size-12 rounded",
+                  style: {
+                    background: item.thumbnail ? `url(${item.thumbnail}) center/cover` : deterministicGradient(item.id, idx)
+                  },
+                  "aria-hidden": true
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[14px] font-semibold text-foreground", children: item.name }),
+                item.meta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12px] text-foreground/55 mt-0.5", children: item.meta })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[12.5px] text-foreground/55 tabular-nums", children: [
+                "\xD7 ",
+                item.qty
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[14px] font-semibold text-foreground tabular-nums", children: item.price })
+            ]
+          },
+          item.id
+        )) }),
+        totals && /* @__PURE__ */ jsxRuntime.jsx(OrderTotals, { data: totals })
+      ]
+    }
+  );
+}
+function OrderTotals({ data, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-order-totals": true,
+      className: cn("px-[22px] py-4 bg-muted/30 border-t border-border/60", className),
+      children: [
+        data.rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between py-1 text-[13.5px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground/70", children: row.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums text-foreground", children: row.value })
+        ] }, row.label)),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between pt-3 mt-2 border-t border-border font-bold text-[15px]", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: data.grandLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums text-foreground", children: data.grandValue })
+        ] })
+      ]
+    }
+  );
+}
+function ContextCard({ rows, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-cimplify-context-card": true,
+      className: cn("bg-card border border-border rounded-[16px] overflow-hidden", className),
+      children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "grid grid-cols-[130px_1fr_auto] gap-5 px-[22px] py-4 border-b border-border/60 last:border-b-0 items-center",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12.5px] text-foreground/55 font-medium", children: row.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[13.5px] text-foreground leading-[1.5]", children: row.value }),
+            row.manageHref && /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                href: row.manageHref,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "text-[12px] text-foreground/55 no-underline hover:text-primary inline-flex items-center gap-1 transition-colors",
+                children: [
+                  row.manageLabel ?? "Manage",
+                  " ",
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: "\u2197" })
+                ]
+              }
+            )
+          ]
+        },
+        row.label
+      ))
+    }
+  );
+}
+function SubscriptionRow({
+  subscription,
+  onSelect,
+  iconTile,
+  className
+}) {
+  const Element = subscription.href ? "a" : "button";
+  const muted = subscription.cancelled;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Element,
+    {
+      "data-cimplify-subscription-row": true,
+      href: subscription.href,
+      type: subscription.href ? void 0 : "button",
+      onClick: () => onSelect?.(subscription.id),
+      className: cn(
+        "grid grid-cols-[56px_1fr_auto_auto] gap-5 items-center px-[22px] py-5",
+        "border-b border-border/60 last:border-b-0",
+        "text-left no-underline w-full bg-transparent",
+        "transition-colors hover:bg-muted/40 cursor-pointer",
+        muted && "opacity-60",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "size-14 rounded-[12px] grid place-items-center",
+              subscription.paused || muted ? "bg-muted/40 text-foreground/55" : "text-amber-700 bg-[linear-gradient(135deg,oklch(0.92_0.05_80),oklch(0.84_0.10_60))]"
+            ),
+            children: iconTile ?? /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "26", height: "26", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 7v5l3 2" })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[14.5px] font-semibold text-foreground", children: subscription.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12.5px] text-foreground/55 mt-0.5", children: subscription.meta })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Status, { status: subscription.status }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right tabular-nums", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "text-[14.5px] font-semibold",
+                muted ? "text-foreground/55" : "text-foreground"
+              ),
+              children: subscription.price
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-[11px] text-foreground/55 mt-0.5", children: subscription.unit })
+        ] })
+      ]
+    }
+  );
+}
+function SubscriptionList({
+  subscriptions,
+  onSelect,
+  renderIcon,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-cimplify-subscription-list": true,
+      className: cn("bg-card border border-border rounded-[16px] overflow-hidden", className),
+      children: subscriptions.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+        SubscriptionRow,
+        {
+          subscription: s,
+          onSelect,
+          iconTile: renderIcon?.(s)
+        },
+        s.id
+      ))
+    }
+  );
+}
+function NextDeliveryCard({
+  label,
+  date,
+  meta,
+  actions,
+  footnote,
+  rightFootnote,
+  paused,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-next-delivery": true,
+      "data-paused": paused || void 0,
+      className: cn(
+        "bg-card border border-border rounded-[16px] mb-6 overflow-hidden",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "px-8 py-7 grid grid-cols-1 md:grid-cols-[1fr_auto] gap-6 items-center",
+              paused && "opacity-85"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    className: cn(
+                      "inline-flex items-center gap-2 text-[11.5px] font-semibold tracking-[0.08em] uppercase",
+                      paused ? "text-foreground/55" : "text-emerald-600"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-current", "aria-hidden": true }),
+                      label
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "font-serif font-semibold text-[30px] tracking-[-0.025em] leading-[1.05]",
+                      paused ? "text-foreground/55" : "text-foreground"
+                    ),
+                    children: date
+                  }
+                ),
+                meta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[14px] text-foreground/70 mt-0.5", children: meta })
+              ] }),
+              actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2.5", children: actions })
+            ]
+          }
+        ),
+        (footnote || rightFootnote) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 py-3.5 border-t border-dashed border-border bg-muted/30 flex justify-between items-center text-[12px] text-foreground/55", children: [
+          footnote && /* @__PURE__ */ jsxRuntime.jsx("span", { children: footnote }),
+          rightFootnote && /* @__PURE__ */ jsxRuntime.jsx("span", { children: rightFootnote })
+        ] })
+      ]
+    }
+  );
+}
 var BASE_CLASSES = "inline-flex items-center justify-center gap-2 font-medium text-sm rounded-md transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed";
 var VARIANT_CLASSES = {
   primary: "bg-emerald-600 text-white hover:bg-emerald-700 px-4 py-2.5 border border-transparent",
@@ -1772,11 +2710,11 @@ function CimplifySignInButton({
   onError,
   ...signInOpts
 }) {
-  const [busy, setBusy] = React11.useState(false);
+  const [busy, setBusy] = React12.useState(false);
   const onClick = async () => {
     if (busy || disabled) return;
     setBusy(true);
-    await chunkJYPLT56O_js.startSignIn({
+    await chunkVV3GTDIP_js.startSignIn({
       ...signInOpts,
       onSuccess: () => {
         setBusy(false);
@@ -1806,11 +2744,591 @@ function CimplifySignInButton({
     }
   );
 }
+function AccountSignedOutPrompt({
+  eyebrow = "Sign in",
+  title = "Sign in to see your account",
+  description = "Your orders and subscriptions, all in one place.",
+  clientId,
+  redirectUri,
+  lastEmail,
+  onSuccess,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-cimplify-signed-out": true,
+      className: cn(
+        "min-h-[480px] px-6 pt-24 pb-32",
+        "bg-[radial-gradient(900px_480px_at_50%_0%,color-mix(in_oklch,var(--color-primary)_8%,transparent),transparent_70%),var(--color-background)]",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[420px] mx-auto p-10 bg-card border border-border rounded-[16px] text-center shadow-[0_1px_0_rgba(0,0,0,0.04),0_16px_48px_rgba(0,0,0,0.08)]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-semibold tracking-[0.16em] uppercase text-primary mb-2.5", children: eyebrow }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-serif text-[28px] font-semibold tracking-[-0.025em] leading-[1.15] m-0 mb-3 text-foreground", children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground/70 text-sm leading-[1.55] m-0 mb-7", children: description }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          CimplifySignInButton,
+          {
+            clientId,
+            redirectUri,
+            fullWidth: true,
+            onSuccess
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1.5 mt-5 text-[11.5px] text-foreground/55", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "7", width: "10", height: "7", rx: "1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
+          ] }),
+          "One identity for every Cimplify shop"
+        ] }),
+        lastEmail && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[12.5px] text-foreground/55 mt-4 pt-4 border-t border-border/60", children: [
+          "Returning? Last signed in as ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground font-semibold", children: lastEmail })
+        ] })
+      ] })
+    }
+  );
+}
+function MobileAccountShell({
+  storeName,
+  leading,
+  trailing,
+  tabBar,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-cimplify-mobile-shell": true,
+      className: cn(
+        "md:hidden flex flex-col min-h-screen bg-background",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between px-[18px] py-3.5 border-b border-border/60 flex-shrink-0", children: [
+          leading ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-serif font-semibold text-[17px] tracking-[-0.015em]", children: storeName }),
+          trailing ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-y-auto px-[18px] py-6", children }),
+        tabBar
+      ]
+    }
+  );
+}
+function MobileTabBar({ items, activeHref, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      "data-cimplify-mobile-tabbar": true,
+      "aria-label": "Account",
+      className: cn("grid grid-cols-3 border-t border-border bg-background flex-shrink-0", className),
+      children: items.map((item) => {
+        const active = item.href === activeHref;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: item.href,
+            "aria-current": active ? "page" : void 0,
+            className: cn(
+              "flex flex-col items-center gap-1 py-3 pb-3.5 no-underline text-[10.5px] font-medium",
+              active ? "text-primary" : "text-foreground/55"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-5", children: item.icon }),
+              item.label
+            ]
+          },
+          item.href
+        );
+      })
+    }
+  );
+}
+function MobileBackButton({ href, label = "Back" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href,
+      className: "inline-flex items-center gap-1 text-foreground/70 text-[13.5px] font-medium no-underline",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.5 2L3.5 6l4 4" }) }),
+        label
+      ]
+    }
+  );
+}
+function MobileMoreButton({ onClick }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": "Menu",
+      className: "size-9 rounded-[12px] bg-card border border-border grid place-items-center text-foreground/70",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "4", r: "1" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "1" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "12", r: "1" })
+      ] })
+    }
+  );
+}
+var I = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "none", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 16 16", ...props });
+var I20 = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "none", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 20 20", ...props });
+var DashboardIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(I, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "2", width: "5", height: "5", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "2", width: "5", height: "5", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "9", width: "5", height: "5", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "5", height: "5", rx: "1" })
+] });
+var OrdersIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(I, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 4l5-2 5 2v8l-5 2-5-2V4z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 4l5 2 5-2M8 6v8" })
+] });
+var SubscriptionsIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(I, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 6a5 5 0 1 0-1.5 3.5L13 11" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13 4v3h-3" })
+] });
+var IdentityIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(I, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "6", r: "2.5" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 13.5a4.5 4.5 0 0 1 9 0" })
+] });
+var SignOutIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(I, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.5 3.5h-3v9h3" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 5l3 3-3 3" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8H6" })
+] });
+var DashboardIcon20 = () => /* @__PURE__ */ jsxRuntime.jsxs(I20, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "6", height: "6", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "3", width: "6", height: "6", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "6", height: "6", rx: "1" }),
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "11", width: "6", height: "6", rx: "1" })
+] });
+var OrdersIcon20 = () => /* @__PURE__ */ jsxRuntime.jsxs(I20, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 5l6-2 6 2v10l-6 2-6-2V5z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 5l6 2 6-2M10 7v10" })
+] });
+var SubscriptionsIcon20 = () => /* @__PURE__ */ jsxRuntime.jsx(I20, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 8a6 6 0 1 0-1.5 4M16 5v3h-3" }) });
+var CheckIcon = () => /* @__PURE__ */ jsxRuntime.jsx(I, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeWidth: "2", d: "M3 8l3.5 3.5L13 5" }) });
+var OvenIcon = () => /* @__PURE__ */ jsxRuntime.jsx(I, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeWidth: "2", d: "M3 11h10M3 8l1.5-4.5h7L13 8M5 11v2M11 11v2" }) });
+var DeliveryTruckIcon = () => /* @__PURE__ */ jsxRuntime.jsx(I, { children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeWidth: "2", d: "M2 6h9v6H2zM11 9h2l1 2v1h-3M5 14v-1M11 14v-1" }) });
+var PackageIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(I, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { strokeWidth: "2", d: "M3 6l5-3 5 3v6l-5 3-5-3V6z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { strokeWidth: "2", d: "M3 6l5 3 5-3M8 9v6" })
+] });
+var BoxIcon24 = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 6l7-3 7 3v10l-7 3-7-3V6z" }),
+  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 6l7 3 7-3M12 9v10" })
+] });
+function defaultNavItems(opts) {
+  const items = [
+    { label: "Dashboard", href: "/account", icon: /* @__PURE__ */ jsxRuntime.jsx(DashboardIcon, {}) },
+    { label: opts.ordersLabel ?? "Orders", href: "/account/orders", icon: /* @__PURE__ */ jsxRuntime.jsx(OrdersIcon, {}) }
+  ];
+  if (opts.showSubscriptions !== false) {
+    items.push({
+      label: opts.subscriptionsLabel ?? "Subscriptions",
+      href: "/account/subscriptions",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(SubscriptionsIcon, {})
+    });
+  }
+  items.push({ label: "Cimplify identity", href: "https://link.cimplify.io", icon: /* @__PURE__ */ jsxRuntime.jsx(IdentityIcon, {}), external: true });
+  items.push({ label: "Sign out", href: "/auth/signout", icon: /* @__PURE__ */ jsxRuntime.jsx(SignOutIcon, {}) });
+  return items;
+}
+function timeOfDayGreeting(name) {
+  if (typeof window === "undefined") return `Hi, ${name}`;
+  const h = (/* @__PURE__ */ new Date()).getHours();
+  if (h < 5) return `Up late, ${name}`;
+  if (h < 12) return `Good morning, ${name}`;
+  if (h < 17) return `Good afternoon, ${name}`;
+  return `Good evening, ${name}`;
+}
+function AccountDashboardPage({
+  customerName,
+  customerEmail,
+  customerId,
+  merchantName,
+  nav,
+  activeHref = "/account",
+  scopeNote,
+  greeting,
+  activePane,
+  upcomingPane,
+  continuity,
+  recentOrders,
+  identitySummary,
+  welcomeCta
+}) {
+  const navItems = nav ?? defaultNavItems({});
+  const hasHero = !!activePane || !!upcomingPane;
+  const hasOrders = !!recentOrders && recentOrders.length > 0;
+  const isNewCustomer = !hasHero && !hasOrders;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccountShell,
+    {
+      sidebar: /* @__PURE__ */ jsxRuntime.jsxs(
+        AccountSidebar,
+        {
+          scopeNote: scopeNote ?? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "Your orders and subscriptions with ",
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground font-semibold", children: merchantName }),
+            "."
+          ] }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AccountIdentityStrip, { name: customerName, email: customerEmail, customerId }),
+            /* @__PURE__ */ jsxRuntime.jsx(AccountNav, { items: navItems, activeHref })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(AccountContent, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AccountHero, { title: greeting ?? timeOfDayGreeting(customerName.split(" ")[0] ?? customerName) }),
+        continuity && /* @__PURE__ */ jsxRuntime.jsx(
+          ContinuityCard,
+          {
+            glyph: continuity.glyph,
+            title: continuity.title,
+            description: continuity.description,
+            badge: continuity.badge
+          }
+        ),
+        isNewCustomer ? /* @__PURE__ */ jsxRuntime.jsx(
+          WelcomeCard,
+          {
+            title: `Welcome to ${merchantName}`,
+            description: "Your orders and subscriptions will appear here. Start with something fresh?",
+            action: welcomeCta ?? /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", children: "Browse" })
+          }
+        ) : hasHero && /* @__PURE__ */ jsxRuntime.jsx(
+          HappeningCard,
+          {
+            left: activePane ? { ...activePane, variant: "live" } : void 0,
+            right: upcomingPane ? { ...upcomingPane, variant: "next" } : void 0
+          }
+        ),
+        hasOrders && /* @__PURE__ */ jsxRuntime.jsx(
+          Section,
+          {
+            title: "Recent orders",
+            action: /* @__PURE__ */ jsxRuntime.jsx(SectionMore, { href: "/account/orders", children: "View all \u2192" }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(OrderList, { orders: recentOrders })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Identity", children: /* @__PURE__ */ jsxRuntime.jsx(IdentityOfframp, { summary: identitySummary }) })
+      ] })
+    }
+  );
+}
+function AccountOrdersPage({
+  customerName,
+  customerEmail,
+  customerId,
+  merchantName,
+  nav,
+  activeHref = "/account/orders",
+  scopeNote,
+  title = "Orders",
+  description,
+  orders,
+  filterTabs,
+  loadMore,
+  emptyAction,
+  emptyTitle = "No orders yet",
+  emptyDescription
+}) {
+  const navItems = nav ?? defaultNavItems({});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccountShell,
+    {
+      sidebar: /* @__PURE__ */ jsxRuntime.jsxs(
+        AccountSidebar,
+        {
+          scopeNote: scopeNote ?? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "Your activity with ",
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground font-semibold", children: merchantName }),
+            "."
+          ] }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AccountIdentityStrip, { name: customerName, email: customerEmail, customerId }),
+            /* @__PURE__ */ jsxRuntime.jsx(AccountNav, { items: navItems, activeHref })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(AccountContent, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AccountHero,
+          {
+            title,
+            subtitle: description ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              orders.length,
+              " orders with ",
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: merchantName }),
+              "."
+            ] })
+          }
+        ),
+        orders.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          filterTabs,
+          /* @__PURE__ */ jsxRuntime.jsx(OrderList, { orders }),
+          loadMore && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center mt-8", children: loadMore })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+          EmptyState,
+          {
+            glyph: /* @__PURE__ */ jsxRuntime.jsx(BoxIcon24, {}),
+            title: emptyTitle,
+            description: emptyDescription ?? `Your first order from ${merchantName} will show up here.`,
+            action: emptyAction
+          }
+        )
+      ] })
+    }
+  );
+}
+function AccountOrderDetailPage({
+  customerName,
+  customerEmail,
+  customerId,
+  merchantName,
+  nav,
+  activeHref = "/account/orders",
+  scopeNote,
+  title,
+  metaText,
+  orderId,
+  status,
+  timelineSteps,
+  itemsTitle = "Items",
+  itemsRightLabel,
+  items,
+  totals,
+  contextRows,
+  primaryAction,
+  secondaryAction,
+  continuity
+}) {
+  const navItems = nav ?? defaultNavItems({});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccountShell,
+    {
+      sidebar: /* @__PURE__ */ jsxRuntime.jsxs(
+        AccountSidebar,
+        {
+          scopeNote: scopeNote ?? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "Your activity with ",
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground font-semibold", children: merchantName }),
+            "."
+          ] }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AccountIdentityStrip, { name: customerName, email: customerEmail, customerId }),
+            /* @__PURE__ */ jsxRuntime.jsx(AccountNav, { items: navItems, activeHref })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(AccountContent, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/account/orders", className: "text-foreground/55 text-[13px] no-underline hover:text-primary inline-block mb-7", children: "\u2190 All orders" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          OrderDetailHeader,
+          {
+            title,
+            meta: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: metaText }),
+              /* @__PURE__ */ jsxRuntime.jsx(OrderDetailMetaPipe, {}),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-[11.5px]", children: [
+                "#",
+                orderId
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(OrderDetailMetaPipe, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(Status, { status })
+            ] })
+          }
+        ),
+        continuity && /* @__PURE__ */ jsxRuntime.jsx(
+          ContinuityCard,
+          {
+            glyph: continuity.glyph,
+            title: continuity.title,
+            description: continuity.description,
+            className: "mt-0 mb-6"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(OrderTimeline, { steps: timelineSteps }),
+        /* @__PURE__ */ jsxRuntime.jsx(ItemsCard, { title: itemsTitle, rightLabel: itemsRightLabel, items, totals, className: "mb-4" }),
+        contextRows && contextRows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          ContextCard,
+          {
+            rows: contextRows.map((r) => ({
+              label: r.label,
+              value: r.value,
+              manageHref: r.manageHref,
+              manageLabel: "Manage"
+            }))
+          }
+        ),
+        (primaryAction || secondaryAction) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 mt-8", children: [
+          primaryAction,
+          secondaryAction
+        ] })
+      ] })
+    }
+  );
+}
+function AccountSubscriptionsPage({
+  customerName,
+  customerEmail,
+  customerId,
+  merchantName,
+  nav,
+  activeHref = "/account/subscriptions",
+  scopeNote,
+  active,
+  paused,
+  past,
+  emptyAction,
+  emptyTitle = "No subscriptions yet",
+  emptyDescription
+}) {
+  const navItems = nav ?? defaultNavItems({});
+  const isEmpty = (!active || active.length === 0) && (!paused || paused.length === 0) && (!past || past.length === 0);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccountShell,
+    {
+      sidebar: /* @__PURE__ */ jsxRuntime.jsxs(
+        AccountSidebar,
+        {
+          scopeNote: scopeNote ?? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "Your activity with ",
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground font-semibold", children: merchantName }),
+            "."
+          ] }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AccountIdentityStrip, { name: customerName, email: customerEmail, customerId }),
+            /* @__PURE__ */ jsxRuntime.jsx(AccountNav, { items: navItems, activeHref })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(AccountContent, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AccountHero,
+          {
+            title: "Subscriptions",
+            subtitle: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              "Recurring orders from ",
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: merchantName }),
+              "."
+            ] })
+          }
+        ),
+        isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+          EmptyState,
+          {
+            title: emptyTitle,
+            description: emptyDescription ?? `Set up a recurring delivery from ${merchantName} and it'll show up here.`,
+            action: emptyAction
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          active && active.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Active", meta: `${active.length}`, children: /* @__PURE__ */ jsxRuntime.jsx(SubscriptionList, { subscriptions: active }) }),
+          paused && paused.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Paused", meta: `${paused.length}`, children: /* @__PURE__ */ jsxRuntime.jsx(SubscriptionList, { subscriptions: paused }) }),
+          past && past.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Past", meta: `${past.length}`, children: /* @__PURE__ */ jsxRuntime.jsx(SubscriptionList, { subscriptions: past }) })
+        ] })
+      ] })
+    }
+  );
+}
+function AccountSubscriptionDetailPage({
+  customerName,
+  customerEmail,
+  customerId,
+  merchantName,
+  nav,
+  activeHref = "/account/subscriptions",
+  scopeNote,
+  title,
+  metaText,
+  status,
+  paused,
+  nextDeliveryLabel,
+  nextDeliveryDate,
+  nextDeliveryMeta,
+  nextDeliveryActions,
+  nextDeliveryFootnote,
+  nextDeliveryRightFootnote,
+  itemsTitle = "What's in each delivery",
+  items,
+  totals,
+  contextRows,
+  toast,
+  cancelAction
+}) {
+  const navItems = nav ?? defaultNavItems({});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccountShell,
+    {
+      sidebar: /* @__PURE__ */ jsxRuntime.jsxs(
+        AccountSidebar,
+        {
+          scopeNote: scopeNote ?? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "Your activity with ",
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-foreground font-semibold", children: merchantName }),
+            "."
+          ] }),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AccountIdentityStrip, { name: customerName, email: customerEmail, customerId }),
+            /* @__PURE__ */ jsxRuntime.jsx(AccountNav, { items: navItems, activeHref })
+          ]
+        }
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(AccountContent, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/account/subscriptions", className: "text-foreground/55 text-[13px] no-underline hover:text-primary inline-block mb-7", children: "\u2190 All subscriptions" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          OrderDetailHeader,
+          {
+            title,
+            meta: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: metaText }),
+              /* @__PURE__ */ jsxRuntime.jsx(OrderDetailMetaPipe, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(Status, { status })
+            ] })
+          }
+        ),
+        toast,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          NextDeliveryCard,
+          {
+            label: nextDeliveryLabel,
+            date: nextDeliveryDate,
+            meta: nextDeliveryMeta,
+            actions: nextDeliveryActions,
+            footnote: nextDeliveryFootnote,
+            rightFootnote: nextDeliveryRightFootnote,
+            paused
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ItemsCard, { title: itemsTitle, items, totals, className: "mb-4" }),
+        contextRows && contextRows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          ContextCard,
+          {
+            rows: contextRows.map((r) => ({
+              label: r.label,
+              value: r.value,
+              manageHref: r.manageHref,
+              manageLabel: "Manage"
+            }))
+          }
+        ),
+        cancelAction && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-9 pt-7 border-t border-border", children: cancelAction })
+      ] })
+    }
+  );
+}
 function useCimplifySession(options) {
   const sessionUri = options?.sessionUri ?? "/auth/session";
-  const [session, setSession] = React11.useState(null);
-  const [loading, setLoading] = React11.useState(true);
-  const fetchSession = React11.useCallback(async () => {
+  const [session, setSession] = React12.useState(null);
+  const [loading, setLoading] = React12.useState(true);
+  const fetchSession = React12.useCallback(async () => {
     setLoading(true);
     try {
       const res = await fetch(sessionUri, { credentials: "include" });
@@ -1826,7 +3344,7 @@ function useCimplifySession(options) {
       setLoading(false);
     }
   }, [sessionUri]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     void fetchSession();
   }, [fetchSession]);
   return { session, loading, refresh: fetchSession };
@@ -1865,9 +3383,9 @@ function createCachedQuery(config) {
     }
     const enabled = options.enabled ?? true;
     const locationId = client.getLocationId();
-    const previousLocationRef = React11.useRef(locationId);
-    const requestIdRef = React11.useRef(0);
-    const optionsRef = React11.useRef(options);
+    const previousLocationRef = React12.useRef(locationId);
+    const requestIdRef = React12.useRef(0);
+    const optionsRef = React12.useRef(options);
     optionsRef.current = options;
     if (config.locationSensitive && previousLocationRef.current !== locationId) {
       cache.clear();
@@ -1877,10 +3395,10 @@ function createCachedQuery(config) {
     sweep();
     const cacheKey2 = config.key(client, options);
     const cached = cache.get(cacheKey2);
-    const [data, setData] = React11.useState(cached?.data ?? null);
-    const [isLoading, setIsLoading] = React11.useState(enabled && !cached);
-    const [error, setError] = React11.useState(null);
-    const load = React11.useCallback(
+    const [data, setData] = React12.useState(cached?.data ?? null);
+    const [isLoading, setIsLoading] = React12.useState(enabled && !cached);
+    const [error, setError] = React12.useState(null);
+    const load = React12.useCallback(
       async (force = false) => {
         if (!enabled) {
           setIsLoading(false);
@@ -1923,10 +3441,10 @@ function createCachedQuery(config) {
       },
       [cacheKey2, client, enabled]
     );
-    React11.useEffect(() => {
+    React12.useEffect(() => {
       void load(false);
     }, [load]);
-    const refetch = React11.useCallback(async () => {
+    const refetch = React12.useCallback(async () => {
       cache.delete(cacheKey2);
       await load(true);
     }, [cacheKey2, load]);
@@ -2056,25 +3574,25 @@ function useOrder(orderId, options = {}) {
   if (!client) {
     throw new Error("useOrder must be used within CimplifyProvider or passed { client }.");
   }
-  const normalizedOrderId = React11.useMemo(() => (orderId || "").trim(), [orderId]);
+  const normalizedOrderId = React12.useMemo(() => (orderId || "").trim(), [orderId]);
   const enabled = options.enabled ?? true;
   const poll = options.poll ?? false;
   const pollInterval = options.pollInterval ?? 5e3;
-  const requestIdRef = React11.useRef(0);
-  const previousStatusRef = React11.useRef(null);
-  const onStatusChangeRef = React11.useRef(options.onStatusChange);
+  const requestIdRef = React12.useRef(0);
+  const previousStatusRef = React12.useRef(null);
+  const onStatusChangeRef = React12.useRef(options.onStatusChange);
   onStatusChangeRef.current = options.onStatusChange;
-  const cacheKey2 = React11.useMemo(
+  const cacheKey2 = React12.useMemo(
     () => buildOrderCacheKey(client, normalizedOrderId),
     [client, normalizedOrderId]
   );
   const cached = orderCache.get(cacheKey2);
-  const [order, setOrder] = React11.useState(cached?.order ?? null);
-  const [isLoading, setIsLoading] = React11.useState(
+  const [order, setOrder] = React12.useState(cached?.order ?? null);
+  const [isLoading, setIsLoading] = React12.useState(
     enabled && normalizedOrderId.length > 0 && !cached
   );
-  const [error, setError] = React11.useState(null);
-  const load = React11.useCallback(
+  const [error, setError] = React12.useState(null);
+  const load = React12.useCallback(
     async (force = false) => {
       if (!enabled || normalizedOrderId.length === 0) {
         setOrder(null);
@@ -2133,11 +3651,11 @@ function useOrder(orderId, options = {}) {
     },
     [cacheKey2, client, enabled, normalizedOrderId]
   );
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     void load(false);
   }, [load]);
   const isTerminal = order ? TERMINAL_STATUSES.has(order.status) : false;
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!poll || !enabled || normalizedOrderId.length === 0 || isTerminal) {
       return;
     }
@@ -2148,7 +3666,7 @@ function useOrder(orderId, options = {}) {
       window.clearInterval(timer);
     };
   }, [enabled, isTerminal, load, normalizedOrderId, poll, pollInterval]);
-  const refetch = React11.useCallback(async () => {
+  const refetch = React12.useCallback(async () => {
     orderCache.delete(cacheKey2);
     await load(true);
   }, [cacheKey2, load]);
@@ -2199,10 +3717,10 @@ function useLocations(options = {}) {
     };
   }
   const client = options.client;
-  const [locations, setLocations] = React11.useState([]);
-  const [currentLocation, setCurrentLocationState] = React11.useState(null);
-  const [isLoading, setIsLoading] = React11.useState(true);
-  const setCurrentLocation = React11.useCallback(
+  const [locations, setLocations] = React12.useState([]);
+  const [currentLocation, setCurrentLocationState] = React12.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(true);
+  const setCurrentLocation = React12.useCallback(
     (location) => {
       setCurrentLocationState(location);
       if (client) {
@@ -2212,7 +3730,7 @@ function useLocations(options = {}) {
     },
     [client]
   );
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!client) {
       setLocations([]);
       setCurrentLocationState(null);
@@ -2316,14 +3834,14 @@ function useSearch(options = {}) {
   const minLength = Math.max(0, options.minLength ?? 2);
   const debounceMs = Math.max(0, options.debounceMs ?? 300);
   const limit = Math.max(1, options.limit ?? 20);
-  const [query, setQueryState] = React11.useState("");
-  const [results, setResults] = React11.useState([]);
-  const [isLoading, setIsLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const requestIdRef = React11.useRef(0);
-  const timerRef = React11.useRef(null);
+  const [query, setQueryState] = React12.useState("");
+  const [results, setResults] = React12.useState([]);
+  const [isLoading, setIsLoading] = React12.useState(false);
+  const [error, setError] = React12.useState(null);
+  const requestIdRef = React12.useRef(0);
+  const timerRef = React12.useRef(null);
   const tagsSignature = options.tags?.join(",") ?? "";
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (timerRef.current) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
@@ -2378,10 +3896,10 @@ function useSearch(options = {}) {
       }
     };
   }, [client, debounceMs, limit, minLength, options.category, options.taxonomy, tagsSignature, options.featured, options.in_stock, options.min_price, options.max_price, options.sort_by, options.sort_order, query]);
-  const setQuery = React11.useCallback((nextQuery) => {
+  const setQuery = React12.useCallback((nextQuery) => {
     setQueryState(nextQuery);
   }, []);
-  const clear = React11.useCallback(() => {
+  const clear = React12.useCallback(() => {
     requestIdRef.current += 1;
     if (timerRef.current) {
       clearTimeout(timerRef.current);
@@ -2472,34 +3990,34 @@ function useQuote(input, options = {}) {
   const autoRefresh = options.autoRefresh ?? true;
   const refreshBeforeExpiryMs = Math.max(0, options.refreshBeforeExpiryMs ?? 3e4);
   const locationId = client.getLocationId();
-  const requestIdRef = React11.useRef(0);
-  const debounceTimerRef = React11.useRef(null);
+  const requestIdRef = React12.useRef(0);
+  const debounceTimerRef = React12.useRef(null);
   const inputSignature = buildQuoteInputSignature(input);
-  const normalizedInput = React11.useMemo(() => {
+  const normalizedInput = React12.useMemo(() => {
     if (!input) {
       return null;
     }
     const normalized = normalizeInput(input, locationId);
     return normalized.product_id.length > 0 ? normalized : null;
   }, [inputSignature, locationId]);
-  const cacheKey2 = React11.useMemo(
+  const cacheKey2 = React12.useMemo(
     () => buildQuoteCacheKey(client, locationId, inputSignature),
     [client, inputSignature, locationId]
   );
   const cached = quoteCache.get(cacheKey2);
-  const [quote, setQuote] = React11.useState(cached?.quote ?? null);
-  const [isLoading, setIsLoading] = React11.useState(enabled && normalizedInput !== null && !cached);
-  const [error, setError] = React11.useState(null);
-  const [isExpired, setIsExpired] = React11.useState(isQuoteExpired(cached?.quote ?? null));
-  const [messages, setMessages] = React11.useState(cached?.quote?.ui_messages ?? []);
-  const quoteExpiryTimestamp = React11.useMemo(() => {
+  const [quote, setQuote] = React12.useState(cached?.quote ?? null);
+  const [isLoading, setIsLoading] = React12.useState(enabled && normalizedInput !== null && !cached);
+  const [error, setError] = React12.useState(null);
+  const [isExpired, setIsExpired] = React12.useState(isQuoteExpired(cached?.quote ?? null));
+  const [messages, setMessages] = React12.useState(cached?.quote?.ui_messages ?? []);
+  const quoteExpiryTimestamp = React12.useMemo(() => {
     if (!quote?.expires_at) {
       return Number.NaN;
     }
     const expiresAt = Date.parse(quote.expires_at);
     return Number.isFinite(expiresAt) ? expiresAt : Number.NaN;
   }, [quote?.expires_at]);
-  const load = React11.useCallback(
+  const load = React12.useCallback(
     async (force = false) => {
       if (!enabled || !normalizedInput) {
         setQuote(null);
@@ -2559,7 +4077,7 @@ function useQuote(input, options = {}) {
     },
     [cacheKey2, client, enabled, normalizedInput]
   );
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (debounceTimerRef.current) {
       clearTimeout(debounceTimerRef.current);
     }
@@ -2578,7 +4096,7 @@ function useQuote(input, options = {}) {
       }
     };
   }, [load, cacheKey2, enabled, normalizedInput]);
-  const refresh = React11.useCallback(async () => {
+  const refresh = React12.useCallback(async () => {
     if (!enabled || !normalizedInput) {
       return;
     }
@@ -2615,7 +4133,7 @@ function useQuote(input, options = {}) {
       }
     }
   }, [cacheKey2, client, enabled, load, normalizedInput, quote]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!Number.isFinite(quoteExpiryTimestamp)) {
       setIsExpired(false);
       return;
@@ -2791,9 +4309,9 @@ function useValidateDiscount(options = {}) {
   if (!client) {
     throw new Error("useValidateDiscount must be used within CimplifyProvider or passed { client }.");
   }
-  const [isValidating, setIsValidating] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const validate = React11.useCallback(
+  const [isValidating, setIsValidating] = React12.useState(false);
+  const [error, setError] = React12.useState(null);
+  const validate = React12.useCallback(
     async (code, orderSubtotal, locationId) => {
       setError(null);
       setIsValidating(true);
@@ -2840,7 +4358,7 @@ function useProductPrice(input) {
     compositePrice,
     bundleTotalPrice
   } = input;
-  return React11.useMemo(() => {
+  return React12.useMemo(() => {
     let unitPrice;
     if (bundleTotalPrice != null) {
       unitPrice = bundleTotalPrice;
@@ -2889,10 +4407,10 @@ function useOrders(options = {}) {
 function useSubscriptions(options = {}) {
   const { client } = useCimplifyClient();
   const { status, enabled = true } = options;
-  const [subscriptions, setSubscriptions] = React11.useState([]);
-  const [isLoading, setIsLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const fetch2 = React11.useCallback(async () => {
+  const [subscriptions, setSubscriptions] = React12.useState([]);
+  const [isLoading, setIsLoading] = React12.useState(false);
+  const [error, setError] = React12.useState(null);
+  const fetch2 = React12.useCallback(async () => {
     if (!enabled) return;
     setIsLoading(true);
     setError(null);
@@ -2910,7 +4428,7 @@ function useSubscriptions(options = {}) {
       setIsLoading(false);
     }
   }, [client, enabled, status]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     void fetch2();
   }, [fetch2]);
   return { subscriptions, isLoading, error, refetch: fetch2 };
@@ -2919,10 +4437,10 @@ function useSubscription(id, options = {}) {
   const { client } = useCimplifyClient();
   const { enabled = true } = options;
   const normalizedId = (id || "").trim();
-  const [subscription, setSubscription] = React11.useState(null);
-  const [isLoading, setIsLoading] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const fetch2 = React11.useCallback(async () => {
+  const [subscription, setSubscription] = React12.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(false);
+  const [error, setError] = React12.useState(null);
+  const fetch2 = React12.useCallback(async () => {
     if (!enabled || !normalizedId) return;
     setIsLoading(true);
     setError(null);
@@ -2939,25 +4457,25 @@ function useSubscription(id, options = {}) {
       setIsLoading(false);
     }
   }, [client, enabled, normalizedId]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     void fetch2();
   }, [fetch2]);
-  const cancel = React11.useCallback(async (reason) => {
+  const cancel = React12.useCallback(async (reason) => {
     if (!normalizedId) return;
     await client.subscriptions.cancel(normalizedId, reason);
     void fetch2();
   }, [client, normalizedId, fetch2]);
-  const pause = React11.useCallback(async () => {
+  const pause = React12.useCallback(async () => {
     if (!normalizedId) return;
     await client.subscriptions.pause(normalizedId);
     void fetch2();
   }, [client, normalizedId, fetch2]);
-  const resume = React11.useCallback(async () => {
+  const resume = React12.useCallback(async () => {
     if (!normalizedId) return;
     await client.subscriptions.resume(normalizedId);
     void fetch2();
   }, [client, normalizedId, fetch2]);
-  const skipNext = React11.useCallback(async () => {
+  const skipNext = React12.useCallback(async () => {
     if (!normalizedId) return;
     await client.subscriptions.skipNextRenewal(normalizedId);
     void fetch2();
@@ -3061,7 +4579,7 @@ function useBookings(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
   const { data, isLoading, error, refetch } = bookingsQuery(options);
-  const cancelBooking = React11.useCallback(
+  const cancelBooking = React12.useCallback(
     async (bookingId, reason) => {
       if (!client) throw new Error("useBookings must be used within CimplifyProvider or passed { client }.");
       const result = await client.scheduling.cancelBooking({
@@ -3117,14 +4635,14 @@ function useBillingPlans(productId, options = {}) {
     throw new Error("useBillingPlans must be used within CimplifyProvider or passed { client }.");
   }
   const enabled = options.enabled ?? true;
-  const requestIdRef = React11.useRef(0);
-  const [plans, setPlans] = React11.useState([]);
-  const [isLoading, setIsLoading] = React11.useState(enabled && !!productId);
-  const [error, setError] = React11.useState(null);
+  const requestIdRef = React12.useRef(0);
+  const [plans, setPlans] = React12.useState([]);
+  const [isLoading, setIsLoading] = React12.useState(enabled && !!productId);
+  const [error, setError] = React12.useState(null);
   const customerId = options.customerId;
   const quantity = options.quantity;
   const orderValue = options.orderValue;
-  const load = React11.useCallback(
+  const load = React12.useCallback(
     async (force = false) => {
       if (!enabled || !productId) {
         setPlans([]);
@@ -3159,17 +4677,17 @@ function useBillingPlans(productId, options = {}) {
     },
     [client, enabled, productId, customerId, quantity, orderValue]
   );
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     void load(false);
   }, [load]);
-  const refetch = React11.useCallback(async () => {
+  const refetch = React12.useCallback(async () => {
     await load(true);
   }, [load]);
-  const subscriptionPlans = React11.useMemo(
+  const subscriptionPlans = React12.useMemo(
     () => plans.filter((p) => p.plan_type === "subscription"),
     [plans]
   );
-  const installmentPlans = React11.useMemo(
+  const installmentPlans = React12.useMemo(
     () => plans.filter((p) => p.plan_type === "installment"),
     [plans]
   );
@@ -3204,8 +4722,8 @@ function computeAvailableValues(variants, axes, selections) {
 }
 function useVariantSelector(options) {
   const { variants, axes } = options;
-  const [selectedValues, setSelectedValues] = React11.useState({});
-  const selectValue = React11.useCallback(
+  const [selectedValues, setSelectedValues] = React12.useState({});
+  const selectValue = React12.useCallback(
     (axisId, valueId) => {
       setSelectedValues((prev) => {
         if (prev[axisId] === valueId) {
@@ -3218,16 +4736,16 @@ function useVariantSelector(options) {
     },
     []
   );
-  const reset = React11.useCallback(() => setSelectedValues({}), []);
-  const selectedVariant = React11.useMemo(
+  const reset = React12.useCallback(() => setSelectedValues({}), []);
+  const selectedVariant = React12.useMemo(
     () => findMatchingVariant(variants, selectedValues),
     [variants, selectedValues]
   );
-  const variantImage = React11.useMemo(
+  const variantImage = React12.useMemo(
     () => selectedVariant?.images?.[0] ?? null,
     [selectedVariant]
   );
-  const availableValues = React11.useMemo(
+  const availableValues = React12.useMemo(
     () => computeAvailableValues(variants, axes, selectedValues),
     [variants, axes, selectedValues]
   );
@@ -3253,7 +4771,7 @@ function useActivityState(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
   const { data, isLoading, error, refetch } = activityStateQuery(options);
-  const dismissMessage = React11.useCallback(
+  const dismissMessage = React12.useCallback(
     async (code) => {
       if (!client) return;
       const result = await client.activity.dismissMessage(code);
@@ -3355,31 +4873,31 @@ var WS_PATH = "/api/v1/support/conversation/ws";
 function useChat(options = {}) {
   const context = useOptionalCimplifyClient();
   const client = options.client ?? context?.client;
-  const [messages, setMessages] = React11.useState([]);
-  const [isLoading, setIsLoading] = React11.useState(false);
-  const [isSending, setIsSending] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
-  const [conversationOpened, setConversationOpened] = React11.useState(false);
-  const pollRef = React11.useRef(null);
-  const lastActivityRef = React11.useRef(Date.now());
-  const openedRef = React11.useRef(false);
-  const messagesRef = React11.useRef([]);
-  const clientRef = React11.useRef(client);
-  const wsRef = React11.useRef(null);
-  const wsReconnectAttemptRef = React11.useRef(0);
-  const wsReconnectTimerRef = React11.useRef(null);
+  const [messages, setMessages] = React12.useState([]);
+  const [isLoading, setIsLoading] = React12.useState(false);
+  const [isSending, setIsSending] = React12.useState(false);
+  const [error, setError] = React12.useState(null);
+  const [conversationOpened, setConversationOpened] = React12.useState(false);
+  const pollRef = React12.useRef(null);
+  const lastActivityRef = React12.useRef(Date.now());
+  const openedRef = React12.useRef(false);
+  const messagesRef = React12.useRef([]);
+  const clientRef = React12.useRef(client);
+  const wsRef = React12.useRef(null);
+  const wsReconnectAttemptRef = React12.useRef(0);
+  const wsReconnectTimerRef = React12.useRef(null);
   messagesRef.current = messages;
   clientRef.current = client;
   const pollInterval = options.pollInterval ?? POLL_INTERVAL_MS;
   const pollIdleInterval = options.pollIdleInterval ?? POLL_IDLE_INTERVAL_MS;
-  const appendMessages = React11.useCallback((incoming) => {
+  const appendMessages = React12.useCallback((incoming) => {
     setMessages((prev) => {
       const ids = new Set(prev.map((m) => m.id));
       const fresh = incoming.filter((m) => !ids.has(m.id));
       return fresh.length > 0 ? [...prev, ...fresh] : prev;
     });
   }, []);
-  const pollMessages = React11.useCallback(async () => {
+  const pollMessages = React12.useCallback(async () => {
     const c = clientRef.current;
     if (!c) return;
     if (Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS) return;
@@ -3392,18 +4910,18 @@ function useChat(options = {}) {
       appendMessages(result.value);
     }
   }, [appendMessages]);
-  const startPolling = React11.useCallback(() => {
+  const startPolling = React12.useCallback(() => {
     if (pollRef.current) clearInterval(pollRef.current);
     const interval = Date.now() - lastActivityRef.current > IDLE_TIMEOUT_MS ? pollIdleInterval : pollInterval;
     pollRef.current = setInterval(pollMessages, interval);
   }, [pollMessages, pollInterval, pollIdleInterval]);
-  const stopPolling = React11.useCallback(() => {
+  const stopPolling = React12.useCallback(() => {
     if (pollRef.current) {
       clearInterval(pollRef.current);
       pollRef.current = null;
     }
   }, []);
-  const connectWebSocket = React11.useCallback(() => {
+  const connectWebSocket = React12.useCallback(() => {
     const c = clientRef.current;
     if (!c || typeof WebSocket === "undefined") {
       startPolling();
@@ -3444,7 +4962,7 @@ function useChat(options = {}) {
     };
     wsRef.current = ws;
   }, [appendMessages, startPolling, stopPolling, pollMessages]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     return () => {
       if (pollRef.current) clearInterval(pollRef.current);
       if (wsReconnectTimerRef.current) clearTimeout(wsReconnectTimerRef.current);
@@ -3454,7 +4972,7 @@ function useChat(options = {}) {
       }
     };
   }, []);
-  const openConversation = React11.useCallback(async () => {
+  const openConversation = React12.useCallback(async () => {
     if (openedRef.current || !client) return;
     openedRef.current = true;
     setIsLoading(true);
@@ -3470,7 +4988,7 @@ function useChat(options = {}) {
     }
     setIsLoading(false);
   }, [client, connectWebSocket]);
-  const send = React11.useCallback(
+  const send = React12.useCallback(
     async (content) => {
       if (!client || !content.trim()) return;
       setError(null);
@@ -3504,7 +5022,7 @@ function useChat(options = {}) {
     },
     [client, openConversation]
   );
-  const startConversation = React11.useCallback(
+  const startConversation = React12.useCallback(
     async (starterText) => {
       await openConversation();
       if (starterText) {
@@ -3523,15 +5041,15 @@ function useChat(options = {}) {
     startConversation
   };
 }
-var ElementsContext = React11.createContext({
+var ElementsContext = React12.createContext({
   elements: null,
   isReady: false
 });
 function useElements() {
-  return React11.useContext(ElementsContext).elements;
+  return React12.useContext(ElementsContext).elements;
 }
 function useElementsReady() {
-  return React11.useContext(ElementsContext).isReady;
+  return React12.useContext(ElementsContext).isReady;
 }
 function ElementsProvider({
   client,
@@ -3539,10 +5057,10 @@ function ElementsProvider({
   options,
   children
 }) {
-  const [elements, setElements] = React11.useState(null);
-  const [isReady, setIsReady] = React11.useState(false);
-  const initialOptionsRef = React11.useRef(options);
-  React11.useEffect(() => {
+  const [elements, setElements] = React12.useState(null);
+  const [isReady, setIsReady] = React12.useState(false);
+  const initialOptionsRef = React12.useRef(options);
+  React12.useEffect(() => {
     let cancelled = false;
     let instance = null;
     setIsReady(false);
@@ -3583,20 +5101,20 @@ function AuthElement({
   onRequiresOtp,
   onError
 }) {
-  const containerRef = React11.useRef(null);
-  const elementRef = React11.useRef(null);
+  const containerRef = React12.useRef(null);
+  const elementRef = React12.useRef(null);
   const elements = useElements();
-  const onReadyRef = React11.useRef(onReady);
-  const onAuthenticatedRef = React11.useRef(onAuthenticated);
-  const onRequiresOtpRef = React11.useRef(onRequiresOtp);
-  const onErrorRef = React11.useRef(onError);
-  React11.useEffect(() => {
+  const onReadyRef = React12.useRef(onReady);
+  const onAuthenticatedRef = React12.useRef(onAuthenticated);
+  const onRequiresOtpRef = React12.useRef(onRequiresOtp);
+  const onErrorRef = React12.useRef(onError);
+  React12.useEffect(() => {
     onReadyRef.current = onReady;
     onAuthenticatedRef.current = onAuthenticated;
     onRequiresOtpRef.current = onRequiresOtp;
     onErrorRef.current = onError;
   }, [onReady, onAuthenticated, onRequiresOtp, onError]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!elements || !containerRef.current) return;
     const element = elements.create(chunkJGBDWEPJ_js.ELEMENT_TYPES.AUTH, { prefillEmail });
     elementRef.current = element;
@@ -3626,18 +5144,18 @@ function AddressElement({
   onChange,
   onError
 }) {
-  const containerRef = React11.useRef(null);
-  const elementRef = React11.useRef(null);
+  const containerRef = React12.useRef(null);
+  const elementRef = React12.useRef(null);
   const elements = useElements();
-  const onReadyRef = React11.useRef(onReady);
-  const onChangeRef = React11.useRef(onChange);
-  const onErrorRef = React11.useRef(onError);
-  React11.useEffect(() => {
+  const onReadyRef = React12.useRef(onReady);
+  const onChangeRef = React12.useRef(onChange);
+  const onErrorRef = React12.useRef(onError);
+  React12.useEffect(() => {
     onReadyRef.current = onReady;
     onChangeRef.current = onChange;
     onErrorRef.current = onError;
   }, [onReady, onChange, onError]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!elements || !containerRef.current) return;
     const element = elements.create(chunkJGBDWEPJ_js.ELEMENT_TYPES.ADDRESS, { mode });
     elementRef.current = element;
@@ -3664,18 +5182,18 @@ function PaymentElement({
   onChange,
   onError
 }) {
-  const containerRef = React11.useRef(null);
-  const elementRef = React11.useRef(null);
+  const containerRef = React12.useRef(null);
+  const elementRef = React12.useRef(null);
   const elements = useElements();
-  const onReadyRef = React11.useRef(onReady);
-  const onChangeRef = React11.useRef(onChange);
-  const onErrorRef = React11.useRef(onError);
-  React11.useEffect(() => {
+  const onReadyRef = React12.useRef(onReady);
+  const onChangeRef = React12.useRef(onChange);
+  const onErrorRef = React12.useRef(onError);
+  React12.useEffect(() => {
     onReadyRef.current = onReady;
     onChangeRef.current = onChange;
     onErrorRef.current = onError;
   }, [onReady, onChange, onError]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!elements || !containerRef.current) return;
     const element = elements.create(chunkJGBDWEPJ_js.ELEMENT_TYPES.PAYMENT, { amount, currency });
     elementRef.current = element;
@@ -3695,8 +5213,8 @@ function PaymentElement({
 }
 function useCheckout() {
   const elements = useElements();
-  const [isLoading, setIsLoading] = React11.useState(false);
-  const submit = React11.useCallback(
+  const [isLoading, setIsLoading] = React12.useState(false);
+  const submit = React12.useCallback(
     async (data) => {
       if (!elements) {
         return { success: false, error: { code: "NO_ELEMENTS", message: "Elements not initialized" } };
@@ -3710,7 +5228,7 @@ function useCheckout() {
     },
     [elements]
   );
-  const process = React11.useCallback(
+  const process = React12.useCallback(
     async (options) => {
       if (!elements) {
         return {
@@ -3804,13 +5322,13 @@ function VariantSelector({
   className,
   classNames
 }) {
-  const [axisSelections, setAxisSelections] = React11.useState({});
-  const initialized = React11.useRef(false);
-  const idPrefix = React11.useId();
-  React11.useEffect(() => {
+  const [axisSelections, setAxisSelections] = React12.useState({});
+  const initialized = React12.useRef(false);
+  const idPrefix = React12.useId();
+  React12.useEffect(() => {
     initialized.current = false;
   }, [variants]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (initialized.current) return;
     if (!variants || variants.length === 0) return;
     const defaultVariant = variants.find((v) => v.is_default) || variants[0];
@@ -3825,7 +5343,7 @@ function VariantSelector({
       setAxisSelections(initial);
     }
   }, [variants, onVariantChange]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!initialized.current) return;
     if (!variantAxes || variantAxes.length === 0) return;
     const match = variants.find((v) => {
@@ -3945,7 +5463,7 @@ function VariantSelector({
                   {
                     "data-cimplify-variant-name": true,
                     className: cn("flex-1 min-w-0 text-sm", classNames?.name),
-                    children: chunkJYPLT56O_js.getVariantDisplayName(variant, productName)
+                    children: chunkVV3GTDIP_js.getVariantDisplayName(variant, productName)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-variant-pricing": true, className: cn("text-sm text-muted-foreground", classNames?.pricing), children: [
@@ -3968,12 +5486,12 @@ function AddOnSelector({
   className,
   classNames
 }) {
-  const selectedSet = React11.useMemo(() => new Set(selectedOptions), [selectedOptions]);
-  const isOptionSelected = React11.useCallback(
+  const selectedSet = React12.useMemo(() => new Set(selectedOptions), [selectedOptions]);
+  const isOptionSelected = React12.useCallback(
     (optionId) => selectedSet.has(optionId),
     [selectedSet]
   );
-  const handleCheckedChange = React11.useCallback(
+  const handleCheckedChange = React12.useCallback(
     (addOn, optionId, checked) => {
       const isSelected = selectedSet.has(optionId);
       if (addOn.is_mutually_exclusive || !addOn.is_multiple_allowed) {
@@ -4149,9 +5667,9 @@ function BundleSelector({
   className,
   classNames
 }) {
-  const [variantChoices, setVariantChoices] = React11.useState({});
-  const lastComponentIds = React11.useRef("");
-  React11.useEffect(() => {
+  const [variantChoices, setVariantChoices] = React12.useState({});
+  const lastComponentIds = React12.useRef("");
+  React12.useEffect(() => {
     const ids = components.map((c) => c.id).sort().join();
     if (ids === lastComponentIds.current) return;
     lastComponentIds.current = ids;
@@ -4168,20 +5686,20 @@ function BundleSelector({
     }
     setVariantChoices(defaults);
   }, [components]);
-  const selections = React11.useMemo(() => {
+  const selections = React12.useMemo(() => {
     return components.map((comp) => ({
       component_id: comp.id,
       variant_id: variantChoices[comp.id],
       quantity: comp.quantity
     }));
   }, [components, variantChoices]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     onSelectionsChange(selections);
   }, [selections, onSelectionsChange]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     onReady?.(components.length > 0 && selections.length > 0);
   }, [components, selections, onReady]);
-  const totalPrice = React11.useMemo(() => {
+  const totalPrice = React12.useMemo(() => {
     if (pricingType === "fixed" && bundlePrice) {
       return chunk7Y2O3E4D_js.parsePrice(bundlePrice);
     }
@@ -4196,10 +5714,10 @@ function BundleSelector({
     }
     return componentsTotal;
   }, [components, variantChoices, pricingType, bundlePrice, discountValue]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     onPriceChange?.(totalPrice);
   }, [totalPrice, onPriceChange]);
-  const handleVariantChange = React11.useCallback(
+  const handleVariantChange = React12.useCallback(
     (componentId, variantId) => {
       setVariantChoices((prev) => ({ ...prev, [componentId]: variantId }));
     },
@@ -4280,9 +5798,9 @@ function BundleComponentCard({
   onVariantChange,
   classNames
 }) {
-  const idPrefix = React11.useId();
+  const idPrefix = React12.useId();
   const showVariantPicker = component.allow_variant_choice && component.available_variants.length > 1;
-  const displayPrice = React11.useMemo(
+  const displayPrice = React12.useMemo(
     () => getComponentPrice(component, selectedVariantId),
     [component, selectedVariantId]
   );
@@ -4430,11 +5948,11 @@ function CompositeSelector({
   classNames
 }) {
   const { client } = useCimplifyClient();
-  const [groupSelections, setGroupSelections] = React11.useState({});
-  const [priceResult, setPriceResult] = React11.useState(null);
-  const [isPriceLoading, setIsPriceLoading] = React11.useState(false);
-  const [priceError, setPriceError] = React11.useState(false);
-  const selections = React11.useMemo(() => {
+  const [groupSelections, setGroupSelections] = React12.useState({});
+  const [priceResult, setPriceResult] = React12.useState(null);
+  const [isPriceLoading, setIsPriceLoading] = React12.useState(false);
+  const [priceError, setPriceError] = React12.useState(false);
+  const selections = React12.useMemo(() => {
     const result = [];
     for (const groupSels of Object.values(groupSelections)) {
       for (const [componentId, qty] of Object.entries(groupSels)) {
@@ -4445,13 +5963,13 @@ function CompositeSelector({
     }
     return result;
   }, [groupSelections]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     onSelectionsChange(selections);
   }, [selections, onSelectionsChange]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     onPriceChange?.(priceResult);
   }, [priceResult, onPriceChange]);
-  const allGroupsSatisfied = React11.useMemo(() => {
+  const allGroupsSatisfied = React12.useMemo(() => {
     for (const group of groups) {
       const groupSels = groupSelections[group.id] || {};
       const totalSelected = Object.values(groupSels).reduce((sum, q) => sum + q, 0);
@@ -4459,17 +5977,17 @@ function CompositeSelector({
     }
     return true;
   }, [groups, groupSelections]);
-  const sortedGroups = React11.useMemo(
+  const sortedGroups = React12.useMemo(
     () => [...groups].sort((a, b) => a.display_order - b.display_order).map((group) => ({
       ...group,
       _sortedComponents: group.components.filter((component) => component.is_available && !component.is_archived).sort((a, b) => a.display_order - b.display_order)
     })),
     [groups]
   );
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     onReady?.(allGroupsSatisfied);
   }, [allGroupsSatisfied, onReady]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (skipPriceFetch || !allGroupsSatisfied || selections.length === 0) return;
     let cancelled = false;
     const timer = setTimeout(() => {
@@ -4496,7 +6014,7 @@ function CompositeSelector({
       clearTimeout(timer);
     };
   }, [selections, allGroupsSatisfied, compositeId, client, skipPriceFetch]);
-  const toggleComponent = React11.useCallback(
+  const toggleComponent = React12.useCallback(
     (group, component) => {
       setGroupSelections((prev) => {
         const groupSels = { ...prev[group.id] || {} };
@@ -4524,7 +6042,7 @@ function CompositeSelector({
     },
     []
   );
-  const updateQuantity = React11.useCallback(
+  const updateQuantity = React12.useCallback(
     (group, componentId, newValue) => {
       setGroupSelections((prev) => {
         const groupSels = { ...prev[group.id] || {} };
@@ -5103,7 +6621,7 @@ function DatePicker({
   classNames,
   "aria-label": ariaLabel
 }) {
-  const [open, setOpen] = React11.useState(false);
+  const [open, setOpen] = React12.useState(false);
   const selected = parseValue(value);
   const disabledMatchers = [];
   if (minDate) disabledMatchers.push({ before: minDate });
@@ -5257,9 +6775,9 @@ function TimePicker({
   classNames,
   "aria-label": ariaLabel
 }) {
-  const [open, setOpen] = React11.useState(false);
+  const [open, setOpen] = React12.useState(false);
   const parsed = parseHHmm(value);
-  const options = React11.useMemo(
+  const options = React12.useMemo(
     () => buildOptions(minTime, maxTime, stepMinutes),
     [minTime, maxTime, stepMinutes]
   );
@@ -5348,13 +6866,13 @@ function CustomerInputFields({
   const clientContext = useOptionalCimplifyClient();
   if (fields.length === 0) return null;
   const sorted = [...fields].sort((a, b) => a.display_order - b.display_order);
-  const setValue = React11.useCallback(
+  const setValue = React12.useCallback(
     (fieldId, value) => {
       onChange({ ...values, [fieldId]: value });
     },
     [values, onChange]
   );
-  const defaultFileUpload = React11.useCallback(
+  const defaultFileUpload = React12.useCallback(
     async (file) => {
       if (onFileUpload) return onFileUpload(file, {});
       if (!clientContext?.client) throw new Error("No upload provider available");
@@ -5418,12 +6936,12 @@ function FieldInput({
     classNames?.input
   );
   switch (field.field_type) {
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Text:
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Url:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Text:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Url:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          type: field.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
+          type: field.field_type === chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Url ? "url" : "text",
           value: typeof value === "string" ? value : "",
           onChange: (e) => onValueChange(e.target.value),
           placeholder: field.placeholder,
@@ -5432,7 +6950,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Textarea:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Textarea:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
@@ -5445,7 +6963,7 @@ function FieldInput({
           className: cn(inputClass, "resize-none", classNames?.textarea)
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Number:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Number:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -5459,7 +6977,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Select:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Select:
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "select",
         {
@@ -5473,7 +6991,7 @@ function FieldInput({
           ]
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Radio:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Radio:
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.radioGroup), children: (field.options || []).map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
         "label",
         {
@@ -5498,7 +7016,7 @@ function FieldInput({
         },
         opt
       )) });
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Checkbox:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Checkbox:
       return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cn("flex items-center gap-2 text-sm cursor-pointer", classNames?.checkboxLabel), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
@@ -5511,7 +7029,7 @@ function FieldInput({
         ),
         field.placeholder || field.name
       ] });
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Color:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Color:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -5521,7 +7039,7 @@ function FieldInput({
           className: cn("w-12 h-10 rounded-md border border-input cursor-pointer", classNames?.colorInput)
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Date:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Date:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DatePicker,
         {
@@ -5532,8 +7050,8 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.File:
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.File:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Image:
       return /* @__PURE__ */ jsxRuntime.jsx(
         FileUploadInput,
         {
@@ -5544,7 +7062,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Email:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Email:
       return /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -5556,7 +7074,7 @@ function FieldInput({
           className: inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.DateTime: {
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.DateTime: {
       const stringValue = typeof value === "string" ? value : "";
       const [datePart, timePartRaw] = stringValue.includes("T") ? stringValue.split("T", 2) : [stringValue, ""];
       const timePart = (timePartRaw ?? "").slice(0, 5);
@@ -5595,7 +7113,7 @@ function FieldInput({
         )
       ] });
     }
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Time:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Time:
       return /* @__PURE__ */ jsxRuntime.jsx(
         TimePicker,
         {
@@ -5606,7 +7124,7 @@ function FieldInput({
           "aria-label": field.name
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.MultiSelect:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.MultiSelect:
       return /* @__PURE__ */ jsxRuntime.jsx(
         MultiSelectInput,
         {
@@ -5616,7 +7134,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.DateRange:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.DateRange:
       return /* @__PURE__ */ jsxRuntime.jsx(
         DateRangeInput,
         {
@@ -5626,7 +7144,7 @@ function FieldInput({
           classNames
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Address:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Address:
       return /* @__PURE__ */ jsxRuntime.jsx(
         AddressInput,
         {
@@ -5637,7 +7155,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Location:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Location:
       return /* @__PURE__ */ jsxRuntime.jsx(
         LocationInput,
         {
@@ -5648,7 +7166,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Phone:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Phone:
       return /* @__PURE__ */ jsxRuntime.jsx(
         PhoneInput,
         {
@@ -5659,7 +7177,7 @@ function FieldInput({
           inputClass
         }
       );
-    case chunkJYPLT56O_js.INPUT_FIELD_TYPE.Signature:
+    case chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Signature:
       return /* @__PURE__ */ jsxRuntime.jsx(
         SignatureInput,
         {
@@ -5689,10 +7207,10 @@ function FileUploadInput({
   onFileUpload,
   classNames
 }) {
-  const [isUploading, setIsUploading] = React11__default.default.useState(false);
+  const [isUploading, setIsUploading] = React12__default.default.useState(false);
   const fileUrl = typeof value === "string" ? value : void 0;
   const acceptedFormats = field.validation?.accepted_formats;
-  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
+  const accept = acceptedFormats ? acceptedFormats.map((f) => `.${f}`).join(",") : field.field_type === chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Image ? "image/*" : void 0;
   const handleFile = async (file) => {
     if (!onFileUpload) return;
     if (field.validation?.max_size_mb) {
@@ -5710,7 +7228,7 @@ function FileUploadInput({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", classNames?.fileInput), children: fileUrl ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-    field.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
+    field.field_type === chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: fileUrl, alt: "Uploaded", className: "w-16 h-16 object-cover rounded-md border border-border" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground truncate", children: fileUrl.split("/").pop() }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -5736,7 +7254,7 @@ function FileUploadInput({
       }
     ),
     isUploading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Uploading..." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: field.placeholder || `Upload ${field.field_type === chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Image ? "image" : "file"}` }),
       acceptedFormats && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground/60 mt-1", children: [
         acceptedFormats.map((f) => f.toUpperCase()).join(", "),
         field.validation?.max_size_mb && ` \xB7 Max ${field.validation.max_size_mb}MB`
@@ -5839,22 +7357,22 @@ function AddressInput({
 }) {
   const clientContext = useOptionalCimplifyClient();
   const addr = value && typeof value === "object" ? value : null;
-  const [inputText, setInputText] = React11__default.default.useState(addr?.formatted_address ?? "");
-  const [suggestions, setSuggestions] = React11__default.default.useState([]);
-  const [isOpen, setIsOpen] = React11__default.default.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React11__default.default.useState(-1);
-  const debounceRef = React11__default.default.useRef(null);
-  const seqRef = React11__default.default.useRef(0);
-  const sessionTokenRef = React11__default.default.useRef(createSessionToken());
-  const blurTimeoutRef = React11__default.default.useRef(null);
-  React11__default.default.useEffect(() => {
+  const [inputText, setInputText] = React12__default.default.useState(addr?.formatted_address ?? "");
+  const [suggestions, setSuggestions] = React12__default.default.useState([]);
+  const [isOpen, setIsOpen] = React12__default.default.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React12__default.default.useState(-1);
+  const debounceRef = React12__default.default.useRef(null);
+  const seqRef = React12__default.default.useRef(0);
+  const sessionTokenRef = React12__default.default.useRef(createSessionToken());
+  const blurTimeoutRef = React12__default.default.useRef(null);
+  React12__default.default.useEffect(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
       if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
       seqRef.current += 1;
     };
   }, []);
-  const fetchSuggestions = React11__default.default.useCallback(async (query) => {
+  const fetchSuggestions = React12__default.default.useCallback(async (query) => {
     const client = clientContext?.client;
     if (!client || query.length < 3) {
       setSuggestions([]);
@@ -5878,7 +7396,7 @@ function AddressInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
   };
-  const selectSuggestion = React11__default.default.useCallback(async (suggestion) => {
+  const selectSuggestion = React12__default.default.useCallback(async (suggestion) => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
     const fallback = suggestion.description.split(",")[0]?.trim() || suggestion.description;
@@ -5981,22 +7499,22 @@ function LocationInput({
 }) {
   const clientContext = useOptionalCimplifyClient();
   const loc = value && typeof value === "object" ? value : null;
-  const [inputText, setInputText] = React11__default.default.useState(loc?.label ?? "");
-  const [suggestions, setSuggestions] = React11__default.default.useState([]);
-  const [isOpen, setIsOpen] = React11__default.default.useState(false);
-  const [highlightedIndex, setHighlightedIndex] = React11__default.default.useState(-1);
-  const debounceRef = React11__default.default.useRef(null);
-  const seqRef = React11__default.default.useRef(0);
-  const sessionTokenRef = React11__default.default.useRef(createSessionToken());
-  const blurTimeoutRef = React11__default.default.useRef(null);
-  React11__default.default.useEffect(() => {
+  const [inputText, setInputText] = React12__default.default.useState(loc?.label ?? "");
+  const [suggestions, setSuggestions] = React12__default.default.useState([]);
+  const [isOpen, setIsOpen] = React12__default.default.useState(false);
+  const [highlightedIndex, setHighlightedIndex] = React12__default.default.useState(-1);
+  const debounceRef = React12__default.default.useRef(null);
+  const seqRef = React12__default.default.useRef(0);
+  const sessionTokenRef = React12__default.default.useRef(createSessionToken());
+  const blurTimeoutRef = React12__default.default.useRef(null);
+  React12__default.default.useEffect(() => {
     return () => {
       if (debounceRef.current) clearTimeout(debounceRef.current);
       if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
       seqRef.current += 1;
     };
   }, []);
-  const fetchSuggestions = React11__default.default.useCallback(async (query) => {
+  const fetchSuggestions = React12__default.default.useCallback(async (query) => {
     const client = clientContext?.client;
     if (!client || query.length < 3) {
       setSuggestions([]);
@@ -6020,7 +7538,7 @@ function LocationInput({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => void fetchSuggestions(nextValue.trim()), 300);
   };
-  const selectSuggestion = React11__default.default.useCallback(async (suggestion) => {
+  const selectSuggestion = React12__default.default.useCallback(async (suggestion) => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
     if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
     const label = suggestion.description.split(",")[0]?.trim() || suggestion.description;
@@ -6109,8 +7627,8 @@ function PhoneInput({
   inputClass
 }) {
   const phone = value && typeof value === "object" ? value : null;
-  const [code, setCode] = React11__default.default.useState(phone?.country_code ?? "+1");
-  const [number, setNumber] = React11__default.default.useState(phone?.number ?? "");
+  const [code, setCode] = React12__default.default.useState(phone?.country_code ?? "+1");
+  const [number, setNumber] = React12__default.default.useState(phone?.number ?? "");
   const update = (nextCode, nextNumber) => {
     setCode(nextCode);
     setNumber(nextNumber);
@@ -6155,8 +7673,8 @@ function SignatureInput({
   classNames
 }) {
   const sig = value && typeof value === "object" ? value : null;
-  const canvasRef = React11__default.default.useRef(null);
-  const isDrawing = React11__default.default.useRef(false);
+  const canvasRef = React12__default.default.useRef(null);
+  const isDrawing = React12__default.default.useRef(false);
   const getCtx = () => canvasRef.current?.getContext("2d") ?? null;
   const startDraw = (e) => {
     const ctx = getCtx();
@@ -6332,7 +7850,7 @@ function SlotPicker({
     }
   );
   const rawSlots = slotsProp ?? fetched;
-  const slots = React11.useMemo(() => {
+  const slots = React12.useMemo(() => {
     if (!hideElapsedSlots) return rawSlots;
     const cutoff = Date.now() + minLeadMinutes * 6e4;
     return rawSlots.filter((slot) => {
@@ -6470,9 +7988,9 @@ function DateSlotPicker({
   className,
   classNames
 }) {
-  const [offset, setOffset] = React11.useState(0);
-  const [selectedDate, setSelectedDate] = React11.useState(toDateString(/* @__PURE__ */ new Date()));
-  const dateRange = React11.useMemo(() => {
+  const [offset, setOffset] = React12.useState(0);
+  const [selectedDate, setSelectedDate] = React12.useState(toDateString(/* @__PURE__ */ new Date()));
+  const dateRange = React12.useMemo(() => {
     const today = /* @__PURE__ */ new Date();
     const start = addDays(today, offset);
     const dates = [];
@@ -6495,25 +8013,25 @@ function DateSlotPicker({
     }
   );
   const days = availabilityProp ?? fetchedDays;
-  const availabilityMap = React11.useMemo(() => {
+  const availabilityMap = React12.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const day of days) {
       map.set(day.date, day);
     }
     return map;
   }, [days]);
-  const handlePrev = React11.useCallback(() => {
+  const handlePrev = React12.useCallback(() => {
     setOffset((prev) => Math.max(0, prev - daysToShow));
   }, [daysToShow]);
-  const handleNext = React11.useCallback(() => {
+  const handleNext = React12.useCallback(() => {
     setOffset((prev) => prev + daysToShow);
   }, [daysToShow]);
-  const handleDateChange = React11.useCallback((value) => {
+  const handleDateChange = React12.useCallback((value) => {
     if (typeof value === "string") {
       setSelectedDate(value);
     }
   }, []);
-  const handleSlotSelect = React11.useCallback(
+  const handleSlotSelect = React12.useCallback(
     (slot) => {
       onSlotSelect?.(slot, selectedDate);
     },
@@ -6629,22 +8147,22 @@ function ProductCustomizer({
   className,
   classNames
 }) {
-  const [quantity, setQuantity] = React11.useState(product.min_order_quantity ?? 1);
-  const [isAdded, setIsAdded] = React11.useState(false);
-  const [isSubmitting, setIsSubmitting] = React11.useState(false);
-  const [selectedVariantId, setSelectedVariantId] = React11.useState();
-  const [selectedVariant, setSelectedVariant] = React11.useState();
-  const [selectedAddOnOptionIds, setSelectedAddOnOptionIds] = React11.useState([]);
-  const [compositeSelections, setCompositeSelections] = React11.useState([]);
-  const [compositePrice, setCompositePrice] = React11.useState(null);
-  const [compositeReady, setCompositeReady] = React11.useState(false);
-  const [bundleSelections, setBundleSelections] = React11.useState([]);
-  const [bundleTotalPrice, setBundleTotalPrice] = React11.useState(null);
-  const [bundleReady, setBundleReady] = React11.useState(false);
-  const [selectedBillingPlan, setSelectedBillingPlan] = React11.useState(null);
-  const [customerInputValues, setCustomerInputValues] = React11.useState({});
-  const [specialInstructions, setSpecialInstructions] = React11.useState("");
-  const [selectedSlot, setSelectedSlot] = React11.useState(null);
+  const [quantity, setQuantity] = React12.useState(product.min_order_quantity ?? 1);
+  const [isAdded, setIsAdded] = React12.useState(false);
+  const [isSubmitting, setIsSubmitting] = React12.useState(false);
+  const [selectedVariantId, setSelectedVariantId] = React12.useState();
+  const [selectedVariant, setSelectedVariant] = React12.useState();
+  const [selectedAddOnOptionIds, setSelectedAddOnOptionIds] = React12.useState([]);
+  const [compositeSelections, setCompositeSelections] = React12.useState([]);
+  const [compositePrice, setCompositePrice] = React12.useState(null);
+  const [compositeReady, setCompositeReady] = React12.useState(false);
+  const [bundleSelections, setBundleSelections] = React12.useState([]);
+  const [bundleTotalPrice, setBundleTotalPrice] = React12.useState(null);
+  const [bundleReady, setBundleReady] = React12.useState(false);
+  const [selectedBillingPlan, setSelectedBillingPlan] = React12.useState(null);
+  const [customerInputValues, setCustomerInputValues] = React12.useState({});
+  const [specialInstructions, setSpecialInstructions] = React12.useState("");
+  const [selectedSlot, setSelectedSlot] = React12.useState(null);
   const cart = useCart();
   const productType = product.type || "product";
   const isComposite = productType === "composite";
@@ -6654,7 +8172,7 @@ function ProductCustomizer({
   const isStandard = !isComposite && !isBundle;
   const hasVariants = isStandard && product.variants && product.variants.length > 0;
   const hasAddOns = isStandard && product.add_ons && product.add_ons.length > 0;
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     setQuantity(product.min_order_quantity ?? 1);
     setIsAdded(false);
     setIsSubmitting(false);
@@ -6672,7 +8190,7 @@ function ProductCustomizer({
     setSpecialInstructions("");
     setSelectedSlot(null);
   }, [product.id, product.min_order_quantity]);
-  const selectedAddOnOptions = React11.useMemo(() => {
+  const selectedAddOnOptions = React12.useMemo(() => {
     if (!product.add_ons) return [];
     const options = [];
     for (const addOn of product.add_ons) {
@@ -6684,11 +8202,11 @@ function ProductCustomizer({
     }
     return options;
   }, [product.add_ons, selectedAddOnOptionIds]);
-  const normalizedAddOnOptionIds = React11.useMemo(() => {
+  const normalizedAddOnOptionIds = React12.useMemo(() => {
     if (selectedAddOnOptionIds.length === 0) return [];
     return Array.from(new Set(selectedAddOnOptionIds.map((id) => id.trim()).filter(Boolean))).sort();
   }, [selectedAddOnOptionIds]);
-  const localTotalPrice = React11.useMemo(() => {
+  const localTotalPrice = React12.useMemo(() => {
     if (isComposite && compositePrice) {
       return chunk7Y2O3E4D_js.parsePrice(compositePrice.final_price) * quantity;
     }
@@ -6706,7 +8224,7 @@ function ProductCustomizer({
     }
     return price * quantity;
   }, [product.default_price, selectedVariant, selectedAddOnOptions, quantity, isComposite, compositePrice, isBundle, bundleTotalPrice]);
-  const requiredAddOnsSatisfied = React11.useMemo(() => {
+  const requiredAddOnsSatisfied = React12.useMemo(() => {
     if (!product.add_ons) return true;
     for (const addOn of product.add_ons) {
       if (addOn.is_required) {
@@ -6721,7 +8239,7 @@ function ProductCustomizer({
     }
     return true;
   }, [product.add_ons, selectedAddOnOptionIds]);
-  const quoteInput = React11.useMemo(
+  const quoteInput = React12.useMemo(
     () => ({
       productId: product.id,
       quantity,
@@ -6732,7 +8250,7 @@ function ProductCustomizer({
     }),
     [product.id, quantity, selectedVariantId, normalizedAddOnOptionIds, isBundle, bundleSelections, isComposite, compositeSelections]
   );
-  const requiredInputsSatisfied = React11.useMemo(() => {
+  const requiredInputsSatisfied = React12.useMemo(() => {
     if (!product.input_fields || product.input_fields.length === 0) return true;
     return product.input_fields.every((field) => {
       if (!field.is_required) return true;
@@ -6745,7 +8263,7 @@ function ProductCustomizer({
     enabled: quoteEnabled
   });
   const quoteId = quote?.quote_id;
-  const quotedTotalPrice = React11.useMemo(() => {
+  const quotedTotalPrice = React12.useMemo(() => {
     if (!quote) return void 0;
     const priceInfo = quote.quoted_total_price_info ?? quote.final_price_info;
     const perUnit = priceInfo.pre_tax_price;
@@ -6753,7 +8271,7 @@ function ProductCustomizer({
     return chunk7Y2O3E4D_js.parsePrice(perUnit) * quantity;
   }, [quote, quantity]);
   const displayTotalPrice = quotedTotalPrice ?? localTotalPrice;
-  const handleVariantChange = React11.useCallback(
+  const handleVariantChange = React12.useCallback(
     (variantId, variant) => {
       setSelectedVariantId(variantId);
       setSelectedVariant(variant);
@@ -6761,9 +8279,9 @@ function ProductCustomizer({
     },
     [onVariantChange]
   );
-  const addedTimerRef = React11.useRef(void 0);
-  React11.useEffect(() => () => clearTimeout(addedTimerRef.current), []);
-  const handleAddToCart = React11.useCallback(async () => {
+  const addedTimerRef = React12.useRef(void 0);
+  React12.useEffect(() => () => clearTimeout(addedTimerRef.current), []);
+  const handleAddToCart = React12.useCallback(async () => {
     if (isSubmitting) return;
     setIsSubmitting(true);
     const options = {
@@ -6988,14 +8506,14 @@ function ProductImageGallery({
   aspectRatio = "4/3",
   className
 }) {
-  const normalizedImages = React11.useMemo(
+  const normalizedImages = React12.useMemo(
     () => images.filter(
       (image) => typeof image === "string" && image.trim().length > 0
     ),
     [images]
   );
-  const [selectedImage, setSelectedImage] = React11.useState(0);
-  React11.useEffect(() => {
+  const [selectedImage, setSelectedImage] = React12.useState(0);
+  React12.useEffect(() => {
     setSelectedImage(0);
   }, [normalizedImages.length, productName]);
   if (normalizedImages.length === 0) {
@@ -7078,9 +8596,9 @@ function StoreVideo({
   lazy = true,
   className
 }) {
-  const ref = React11.useRef(null);
-  const [inView, setInView] = React11.useState(!lazy);
-  React11.useEffect(() => {
+  const ref = React12.useRef(null);
+  const [inView, setInView] = React12.useState(!lazy);
+  React12.useEffect(() => {
     if (!lazy || inView) return;
     const node = ref.current;
     if (!node || typeof IntersectionObserver === "undefined") {
@@ -7168,8 +8686,8 @@ function ProductModel3D({
   cameraControls = true,
   className
 }) {
-  const [ready, setReady] = React11.useState(false);
-  React11.useEffect(() => {
+  const [ready, setReady] = React12.useState(false);
+  React12.useEffect(() => {
     let cancelled = false;
     ensureModelViewer().then(
       () => {
@@ -7188,7 +8706,7 @@ function ProductModel3D({
       "data-cimplify-product-model-3d": true,
       className,
       style: { position: "relative", overflow: "hidden", ...ASPECT_STYLES3[aspectRatio] },
-      children: ready ? React11__default.default.createElement("model-viewer", {
+      children: ready ? React12__default.default.createElement("model-viewer", {
         src,
         "ios-src": iosSrc,
         alt,
@@ -7199,12 +8717,12 @@ function ProductModel3D({
         "auto-rotate": autoRotate || void 0,
         "shadow-intensity": "1",
         style: { width: "100%", height: "100%", backgroundColor: "transparent" }
-      }) : poster ? React11__default.default.createElement("img", {
+      }) : poster ? React12__default.default.createElement("img", {
         src: poster,
         alt: alt ?? "",
         "data-cimplify-product-model-3d-loading": true,
         style: { width: "100%", height: "100%", objectFit: "cover" }
-      }) : React11__default.default.createElement("div", {
+      }) : React12__default.default.createElement("div", {
         "data-cimplify-product-model-3d-loading": true,
         style: { width: "100%", height: "100%", backgroundColor: "var(--muted, #f3f4f6)" }
       })
@@ -7232,12 +8750,12 @@ function MediaGallery({
   aspectRatio = "4/3",
   className
 }) {
-  const validItems = React11.useMemo(
+  const validItems = React12.useMemo(
     () => items.filter((i) => typeof i.src === "string" && i.src.trim().length > 0),
     [items]
   );
-  const [selected, setSelected] = React11.useState(0);
-  React11.useEffect(() => {
+  const [selected, setSelected] = React12.useState(0);
+  React12.useEffect(() => {
     setSelected(0);
   }, [validItems.length, productName]);
   if (validItems.length === 0) return null;
@@ -7358,7 +8876,7 @@ function CartLineItemRow({
   const isOptimistic = item.isOptimistic === true;
   const lineTotal = chunk7Y2O3E4D_js.parsePrice(unitPrice) * item.quantity;
   const imageUrl = item.product.image_url;
-  const variantLabel = item.variant ? chunkJYPLT56O_js.getVariantDisplayName(item.variant, item.product.name) : null;
+  const variantLabel = item.variant ? chunkVV3GTDIP_js.getVariantDisplayName(item.variant, item.product.name) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -7458,7 +8976,7 @@ function CartLineItemRow({
               input.field_name,
               ":"
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.File || input.field_type === chunkJYPLT56O_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { "data-cimplify-cart-input-value": true, className: "text-foreground m-0 truncate", children: input.field_type === chunkVV3GTDIP_js.INPUT_FIELD_TYPE.File || input.field_type === chunkVV3GTDIP_js.INPUT_FIELD_TYPE.Image ? String(input.value).split("/").pop() || "Uploaded file" : String(input.value) })
           ] }, input.field_id)) }),
           (item.lineType === "service" || item.product.type === "service") && item.scheduledStart && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-cart-service-info": true, className: cn("mt-1.5 flex items-center gap-1.5 text-xs text-muted-foreground", classNames?.serviceInfo), children: [
             /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5 shrink-0", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", 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" }) }),
@@ -7802,7 +9320,7 @@ function ProductSheet({
       }
     );
   }
-  const [selectedVariant, setSelectedVariant] = React11.useState(
+  const [selectedVariant, setSelectedVariant] = React12.useState(
     void 0
   );
   const variantImages = selectedVariant?.images?.filter(Boolean) ?? [];
@@ -8014,7 +9532,7 @@ function FoodProductCard({
   const tags = product.tags || [];
   const isSignature = product.metadata?.is_signature === true;
   const isNew = product.metadata?.is_new === true;
-  const isComposite = product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Composite;
+  const isComposite = product.type === chunkVV3GTDIP_js.PRODUCT_TYPE.Composite;
   return /* @__PURE__ */ jsxRuntime.jsxs(CardShell, { product, renderLink, className, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(CardImage, { src: image, alt: product.name, aspectRatio: "square", renderImage, children: [
       isSignature && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute top-3 left-3 inline-flex items-center gap-1 text-[11px] font-semibold tracking-wide bg-amber-50 text-amber-700 border border-amber-200/60 px-2 py-0.5 rounded-md", children: [
@@ -8767,26 +10285,26 @@ var BUILT_IN_CARDS = {
   ["composite" /* Composite */]: CompositeProductCard,
   ["subscription" /* Subscription */]: SubscriptionCard
 };
-var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkJYPLT56O_js.DURATION_UNIT.Days, chunkJYPLT56O_js.DURATION_UNIT.Hours]);
-var LEASE_UNITS = /* @__PURE__ */ new Set([chunkJYPLT56O_js.DURATION_UNIT.Weeks, chunkJYPLT56O_js.DURATION_UNIT.Months, chunkJYPLT56O_js.DURATION_UNIT.Years]);
+var RENTAL_UNITS = /* @__PURE__ */ new Set([chunkVV3GTDIP_js.DURATION_UNIT.Days, chunkVV3GTDIP_js.DURATION_UNIT.Hours]);
+var LEASE_UNITS = /* @__PURE__ */ new Set([chunkVV3GTDIP_js.DURATION_UNIT.Weeks, chunkVV3GTDIP_js.DURATION_UNIT.Months, chunkVV3GTDIP_js.DURATION_UNIT.Years]);
 function resolveCardVariant(product) {
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkVV3GTDIP_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkVV3GTDIP_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkVV3GTDIP_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkVV3GTDIP_js.PRODUCT_TYPE.Service) {
     if (product.duration_unit && RENTAL_UNITS.has(product.duration_unit)) {
       return "rental" /* Rental */;
     }
-    if (product.duration_unit === chunkJYPLT56O_js.DURATION_UNIT.Nights) {
+    if (product.duration_unit === chunkVV3GTDIP_js.DURATION_UNIT.Nights) {
       return "accommodation" /* Accommodation */;
     }
     if (product.duration_unit && LEASE_UNITS.has(product.duration_unit)) {
@@ -8797,10 +10315,10 @@ function resolveCardVariant(product) {
     }
     return "standard" /* Standard */;
   }
-  if (product.render_hint === chunkJYPLT56O_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkVV3GTDIP_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkJYPLT56O_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkVV3GTDIP_js.RENDER_HINT.Physical) {
     return "retail" /* Retail */;
   }
   return "retail" /* Retail */;
@@ -8821,22 +10339,22 @@ function ProductCard({
   classNames
 }) {
   const mode = displayMode ?? product.display_mode ?? "card";
-  const [isOpen, setIsOpen] = React11.useState(false);
-  const [shouldFetch, setShouldFetch] = React11.useState(false);
+  const [isOpen, setIsOpen] = React12.useState(false);
+  const [shouldFetch, setShouldFetch] = React12.useState(false);
   const { product: productDetails } = useProduct(
     product.slug ?? product.id,
     { enabled: shouldFetch || isOpen }
   );
-  const handlePrefetch = React11.useCallback(() => {
+  const handlePrefetch = React12.useCallback(() => {
     setShouldFetch(true);
   }, []);
-  const handleOpenChange = React11.useCallback((open) => {
+  const handleOpenChange = React12.useCallback((open) => {
     setIsOpen(open);
     if (open) {
       setShouldFetch(true);
     }
   }, []);
-  const handleClose = React11.useCallback(() => {
+  const handleClose = React12.useCallback(() => {
     setIsOpen(false);
   }, []);
   const imageUrl = product.image_url || product.images?.[0];
@@ -8965,13 +10483,13 @@ function ProductGrid({
   className,
   classNames
 }) {
-  const rawId = React11__default.default.useId();
+  const rawId = React12__default.default.useId();
   const gridId = `cimplify-grid-${rawId.replace(/:/g, "")}`;
   const sm = columns?.sm ?? 1;
   const md = columns?.md ?? 2;
   const lg = columns?.lg ?? 3;
   const xl = columns?.xl ?? 4;
-  const css = React11__default.default.useMemo(
+  const css = React12__default.default.useMemo(
     () => [
       `#${gridId}{display:grid;grid-template-columns:repeat(${sm},1fr);gap:1rem}`,
       `@media(min-width:768px){#${gridId}{grid-template-columns:repeat(${md},1fr)}}`,
@@ -9049,12 +10567,12 @@ function SearchInput({
   className,
   classNames
 }) {
-  const mergedOptions = React11.useMemo(
+  const mergedOptions = React12.useMemo(
     () => categoryId ? { ...searchOptions, category: categoryId } : searchOptions ?? {},
     [searchOptions, categoryId]
   );
   const { results, isLoading, query, setQuery, clear } = useSearch(mergedOptions);
-  const handleValueChange = React11.useCallback(
+  const handleValueChange = React12.useCallback(
     (value) => {
       setQuery(value);
     },
@@ -9153,7 +10671,7 @@ function CategoryFilter({
   classNames
 }) {
   const { categories, isLoading } = useCategories();
-  const handleValueChange = React11.useCallback(
+  const handleValueChange = React12.useCallback(
     (value) => {
       onSelect(value === ALL_VALUE ? null : String(value));
     },
@@ -9220,10 +10738,10 @@ function DiscountInput({
   className,
   classNames
 }) {
-  const [code, setCode] = React11.useState("");
-  const [appliedValidation, setAppliedValidation] = React11.useState(null);
+  const [code, setCode] = React12.useState("");
+  const [appliedValidation, setAppliedValidation] = React12.useState(null);
   const { validate, isValidating, error } = useValidateDiscount();
-  const handleApply = React11.useCallback(async () => {
+  const handleApply = React12.useCallback(async () => {
     const trimmed = code.trim();
     if (!trimmed) return;
     const result = await validate(trimmed, orderSubtotal, locationId);
@@ -9236,12 +10754,12 @@ function DiscountInput({
       }
     }
   }, [code, validate, orderSubtotal, locationId, onApply]);
-  const handleClear = React11.useCallback(() => {
+  const handleClear = React12.useCallback(() => {
     setCode("");
     setAppliedValidation(null);
     onClear?.();
   }, [onClear]);
-  const handleKeyDown = React11.useCallback(
+  const handleKeyDown = React12.useCallback(
     (e) => {
       if (e.key === "Enter") {
         void handleApply();
@@ -9332,7 +10850,7 @@ function CategoryGrid({
     enabled: categoriesProp === void 0
   });
   const categories = categoriesProp ?? fetched;
-  const rawId = React11__default.default.useId();
+  const rawId = React12__default.default.useId();
   const gridId = `cimplify-cat-grid-${rawId.replace(/:/g, "")}`;
   const sm = columns?.sm ?? 2;
   const md = columns?.md ?? 3;
@@ -9558,7 +11076,7 @@ function OrderSummary({
       /* @__PURE__ */ jsxRuntime.jsx("p", { children: order.delivery_address })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-order-items": true, className: classNames?.items, children: order.items.map(
-      (item) => renderLineItem ? /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: renderLineItem(item) }, item.id) : /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-line-item": true, className: classNames?.lineItem, children: [
+      (item) => renderLineItem ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderLineItem(item) }, item.id) : /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-line-item": true, className: classNames?.lineItem, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-cimplify-order-line-info": true, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-order-line-qty": true, children: [
             item.quantity,
@@ -10216,13 +11734,13 @@ function BookingPage({
   const { addItem } = useCart();
   const { client } = useCimplifyClient();
   const isReschedule = existingBooking !== void 0;
-  const [step, setStep] = React11.useState(STEP.SELECT_SLOT);
-  const [selectedSlot, setSelectedSlot] = React11.useState(null);
-  const [selectedDate, setSelectedDate] = React11.useState(null);
-  const [selectedStaffId, setSelectedStaffId] = React11.useState(null);
-  const [selectedResourceId, setSelectedResourceId] = React11.useState(null);
-  const [isSubmitting, setIsSubmitting] = React11.useState(false);
-  const [error, setError] = React11.useState(null);
+  const [step, setStep] = React12.useState(STEP.SELECT_SLOT);
+  const [selectedSlot, setSelectedSlot] = React12.useState(null);
+  const [selectedDate, setSelectedDate] = React12.useState(null);
+  const [selectedStaffId, setSelectedStaffId] = React12.useState(null);
+  const [selectedResourceId, setSelectedResourceId] = React12.useState(null);
+  const [isSubmitting, setIsSubmitting] = React12.useState(false);
+  const [error, setError] = React12.useState(null);
   const hasResourceStep = resources && resources.length > 0;
   const hasStaffStep = staff && staff.length > 0;
   const depositType = product?.deposit_type;
@@ -10230,7 +11748,7 @@ function BookingPage({
   const hasDeposit = depositType !== void 0 && depositType !== "none" && depositAmount !== void 0 && chunk7Y2O3E4D_js.parsePrice(depositAmount) !== 0;
   const cancellationMinutes = product?.cancellation_window_minutes;
   const noShowFee = product?.no_show_fee;
-  const handleSlotSelect = React11.useCallback(
+  const handleSlotSelect = React12.useCallback(
     (slot, date) => {
       setSelectedSlot(slot);
       setSelectedDate(date);
@@ -10245,7 +11763,7 @@ function BookingPage({
     },
     [hasResourceStep, hasStaffStep]
   );
-  const handleResourceSelect = React11.useCallback(
+  const handleResourceSelect = React12.useCallback(
     (resourceId) => {
       setSelectedResourceId(resourceId);
       if (hasStaffStep) {
@@ -10256,11 +11774,11 @@ function BookingPage({
     },
     [hasStaffStep]
   );
-  const handleStaffSelect = React11.useCallback((staffId) => {
+  const handleStaffSelect = React12.useCallback((staffId) => {
     setSelectedStaffId(staffId);
     setStep(STEP.CONFIRM);
   }, []);
-  const handleBack = React11.useCallback(() => {
+  const handleBack = React12.useCallback(() => {
     setError(null);
     if (step === STEP.CONFIRM && hasStaffStep) {
       setStep(STEP.SELECT_STAFF);
@@ -10274,7 +11792,7 @@ function BookingPage({
       onBack?.();
     }
   }, [step, hasStaffStep, hasResourceStep, onBack]);
-  const handleConfirm = React11.useCallback(async () => {
+  const handleConfirm = React12.useCallback(async () => {
     if (!selectedSlot || !selectedDate) return;
     setIsSubmitting(true);
     setError(null);
@@ -10476,9 +11994,9 @@ function BookingsPage({
   className,
   classNames
 }) {
-  const [filter, setFilter] = React11.useState("all");
-  const [selectedBooking, setSelectedBooking] = React11.useState(null);
-  const handleBookingClick = React11.useCallback(
+  const [filter, setFilter] = React12.useState("all");
+  const [selectedBooking, setSelectedBooking] = React12.useState(null);
+  const handleBookingClick = React12.useCallback(
     (booking) => {
       if (onBookingNavigate) {
         onBookingNavigate(booking);
@@ -10488,7 +12006,7 @@ function BookingsPage({
     },
     [onBookingNavigate]
   );
-  const handleBack = React11.useCallback(() => {
+  const handleBack = React12.useCallback(() => {
     setSelectedBooking(null);
   }, []);
   if (selectedBooking && !onBookingNavigate) {
@@ -10718,7 +12236,7 @@ function DefaultCatalogueLayout({
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium", children: "No products found" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try adjusting your filters" })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: products.map(
-          (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+          (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
             ProductCard,
             {
               product,
@@ -10825,7 +12343,7 @@ function CompactCatalogueLayout({
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium", children: "No items found" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different category or search" })
     ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 lg:grid-cols-3 gap-5", children: products.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -10848,8 +12366,8 @@ var BUILT_IN_LAYOUTS = {
   ["compact" /* Compact */]: CompactCatalogueLayout
 };
 function useDebounce(value, delay) {
-  const [debounced, setDebounced] = React11__default.default.useState(value);
-  React11__default.default.useEffect(() => {
+  const [debounced, setDebounced] = React12__default.default.useState(value);
+  React12__default.default.useEffect(() => {
     const timer = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(timer);
   }, [value, delay]);
@@ -10873,15 +12391,15 @@ function CataloguePage({
   className,
   classNames
 }) {
-  const [selectedCategory, setSelectedCategory] = React11.useState(null);
-  const [searchQuery, setSearchQuery] = React11.useState("");
-  const [sortBy, setSortBy] = React11.useState(defaultSort?.by ?? "created_at");
-  const [sortOrder, setSortOrder] = React11.useState(defaultSort?.order ?? "desc");
-  const [inStockOnly, setInStockOnly] = React11.useState(false);
-  const [selectedTags, setSelectedTags] = React11.useState([]);
-  const [minPrice, setMinPrice] = React11.useState("");
-  const [maxPrice, setMaxPrice] = React11.useState("");
-  const [page, setPage] = React11.useState(1);
+  const [selectedCategory, setSelectedCategory] = React12.useState(null);
+  const [searchQuery, setSearchQuery] = React12.useState("");
+  const [sortBy, setSortBy] = React12.useState(defaultSort?.by ?? "created_at");
+  const [sortOrder, setSortOrder] = React12.useState(defaultSort?.order ?? "desc");
+  const [inStockOnly, setInStockOnly] = React12.useState(false);
+  const [selectedTags, setSelectedTags] = React12.useState([]);
+  const [minPrice, setMinPrice] = React12.useState("");
+  const [maxPrice, setMaxPrice] = React12.useState("");
+  const [page, setPage] = React12.useState(1);
   const debouncedSearch = useDebounce(searchQuery, 300);
   const { products: fetchedProducts, isLoading, pagination } = useProducts({
     enabled: productsProp === void 0,
@@ -10902,22 +12420,22 @@ function CataloguePage({
   const products = productsProp ?? fetchedProducts;
   const categories = categoriesProp ?? fetchedCategories;
   const totalPages = pagination?.total_pages ?? 1;
-  const handleCategoryChange = React11.useCallback((id) => {
+  const handleCategoryChange = React12.useCallback((id) => {
     setSelectedCategory(id);
     setPage(1);
   }, []);
-  const handleSortChange = React11.useCallback((by, order) => {
+  const handleSortChange = React12.useCallback((by, order) => {
     setSortBy(by);
     setSortOrder(order);
     setPage(1);
   }, []);
-  const handleTagToggle = React11.useCallback((tag) => {
+  const handleTagToggle = React12.useCallback((tag) => {
     setSelectedTags(
       (prev) => prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag]
     );
     setPage(1);
   }, []);
-  const handlePriceRangeChange = React11.useCallback((min, max) => {
+  const handlePriceRangeChange = React12.useCallback((min, max) => {
     setMinPrice(min);
     setMaxPrice(max);
     setPage(1);
@@ -11105,7 +12623,8 @@ function DefaultProductLayout({
   showRelated = true,
   className
 }) {
-  const images = product.images || (product.image_url ? [product.image_url] : []);
+  const [selectedVariantId, setSelectedVariantId] = React12__default.default.useState();
+  const images = chunkVV3GTDIP_js.resolveGallery(product, selectedVariantId);
   const hasRange = product.quantity_pricing && product.quantity_pricing.length > 1 || product.variants && product.variants.length > 1;
   const onSale = chunk7Y2O3E4D_js.isOnSale(product);
   const hasPhysicalDetails = product.sku || product.vendor || product.material;
@@ -11170,7 +12689,8 @@ function DefaultProductLayout({
             ProductCustomizer,
             {
               product,
-              onAddToCart
+              onAddToCart,
+              onVariantChange: (variantId) => setSelectedVariantId(variantId)
             }
           )
         ] })
@@ -11740,25 +13260,25 @@ function resolveTemplateKey(product) {
   if (typeof metaTemplate === "string" && metaTemplate.trim()) {
     return metaTemplate.trim();
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Bundle) {
+  if (product.type === chunkVV3GTDIP_js.PRODUCT_TYPE.Bundle) {
     return "bundle" /* Bundle */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Composite) {
+  if (product.type === chunkVV3GTDIP_js.PRODUCT_TYPE.Composite) {
     return "composite" /* Composite */;
   }
   if (product.quantity_pricing && product.quantity_pricing.length > 1) {
     return "wholesale" /* Wholesale */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Service) {
+  if (product.type === chunkVV3GTDIP_js.PRODUCT_TYPE.Service) {
     return "service" /* Service */;
   }
-  if (product.type === chunkJYPLT56O_js.PRODUCT_TYPE.Digital) {
+  if (product.type === chunkVV3GTDIP_js.PRODUCT_TYPE.Digital) {
     return "digital" /* Digital */;
   }
-  if (product.render_hint === chunkJYPLT56O_js.RENDER_HINT.Food) {
+  if (product.render_hint === chunkVV3GTDIP_js.RENDER_HINT.Food) {
     return "food" /* Food */;
   }
-  if (product.render_hint === chunkJYPLT56O_js.RENDER_HINT.Physical) {
+  if (product.render_hint === chunkVV3GTDIP_js.RENDER_HINT.Physical) {
     return "physical" /* Physical */;
   }
   return "default" /* Default */;
@@ -12021,36 +13541,36 @@ function CartPage({
     }
   ) });
 }
-var CartDrawerContext = React11.createContext(null);
+var CartDrawerContext = React12.createContext(null);
 function useCartDrawer() {
-  const ctx = React11.useContext(CartDrawerContext);
+  const ctx = React12.useContext(CartDrawerContext);
   if (!ctx) {
     throw new Error("useCartDrawer must be used within <CartDrawerProvider>");
   }
   return ctx;
 }
 function CartDrawerProvider({ children, openOnAdd = true }) {
-  const [isOpen, setIsOpen] = React11.useState(false);
+  const [isOpen, setIsOpen] = React12.useState(false);
   const cart = useCart();
-  const lastPendingRef = React11.useRef(0);
-  const open = React11.useCallback(() => setIsOpen(true), []);
-  const close = React11.useCallback(() => setIsOpen(false), []);
-  const toggle = React11.useCallback(() => setIsOpen((v) => !v), []);
-  React11.useEffect(() => {
+  const lastPendingRef = React12.useRef(0);
+  const open = React12.useCallback(() => setIsOpen(true), []);
+  const close = React12.useCallback(() => setIsOpen(false), []);
+  const toggle = React12.useCallback(() => setIsOpen((v) => !v), []);
+  React12.useEffect(() => {
     if (!openOnAdd) return;
     if (cart.pendingOpCount > lastPendingRef.current && cart.pendingOpCount > 0) {
       setIsOpen(true);
     }
     lastPendingRef.current = cart.pendingOpCount;
   }, [cart.pendingOpCount, openOnAdd]);
-  const value = React11.useMemo(() => ({ isOpen, open, close, toggle }), [isOpen, open, close, toggle]);
+  const value = React12.useMemo(() => ({ isOpen, open, close, toggle }), [isOpen, open, close, toggle]);
   return /* @__PURE__ */ jsxRuntime.jsx(CartDrawerContext.Provider, { value, children });
 }
 function useAnimatedNumber(target, durationMs = 250) {
-  const [value, setValue] = React11.useState(target);
-  const fromRef = React11.useRef(target);
-  const startRef = React11.useRef(null);
-  React11.useEffect(() => {
+  const [value, setValue] = React12.useState(target);
+  const fromRef = React12.useRef(target);
+  const startRef = React12.useRef(null);
+  React12.useEffect(() => {
     fromRef.current = value;
     startRef.current = null;
     let raf = 0;
@@ -12078,7 +13598,7 @@ function CartDrawer({
   const cart = useCart();
   const subtotalNum = chunk7Y2O3E4D_js.parsePrice(cart.subtotal);
   const animatedSubtotal = useAnimatedNumber(subtotalNum);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     if (!isOpen) return;
     const original = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -12176,7 +13696,7 @@ function CartDrawer({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-6", children: cart.isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { onShop: handleShop }) : /* @__PURE__ */ jsxRuntime.jsx(CartSummary, { showTotals: false, showCheckoutButton: false }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-6", children: cart.isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(EmptyState2, { onShop: handleShop }) : /* @__PURE__ */ jsxRuntime.jsx(CartSummary, { showTotals: false, showCheckoutButton: false }) }),
               !cart.isEmpty && /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "border-t border-border px-6 py-5 shrink-0 space-y-3 bg-background", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Subtotal" }),
@@ -12216,7 +13736,7 @@ function CartDrawer({
     }
   );
 }
-function EmptyState({ onShop }) {
+function EmptyState2({ onShop }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-cimplify-cart-empty": true, className: "h-full grid place-items-center text-center py-16", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5 max-w-[260px]", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-20 h-20 mx-auto", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 rounded-full bg-muted" }),
@@ -12283,9 +13803,9 @@ function DefaultCollectionLayout({
   onQuickAdd,
   className
 }) {
-  const [searchQuery, setSearchQuery] = React11.useState("");
-  const [activeTag, setActiveTag] = React11.useState(null);
-  const collectionTags = React11.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React12.useState("");
+  const [activeTag, setActiveTag] = React12.useState(null);
+  const collectionTags = React12.useMemo(() => {
     const tagSet = /* @__PURE__ */ new Set();
     for (const p of products) {
       if (p.tags) {
@@ -12294,7 +13814,7 @@ function DefaultCollectionLayout({
     }
     return Array.from(tagSet).slice(0, 6);
   }, [products]);
-  const filtered = React11.useMemo(() => {
+  const filtered = React12.useMemo(() => {
     let result = products;
     if (searchQuery.trim().length >= 2) {
       const q = searchQuery.toLowerCase();
@@ -12369,7 +13889,7 @@ function DefaultCollectionLayout({
       ] })
     ] }),
     filtered.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: filtered.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -12422,7 +13942,7 @@ function FeaturedCollectionLayout({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: products.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -12444,10 +13964,10 @@ function CatalogueCollectionLayout({
   onQuickAdd,
   className
 }) {
-  const [searchQuery, setSearchQuery] = React11.useState("");
-  const [activeCategory, setActiveCategory] = React11.useState(null);
-  const [sortBy, setSortBy] = React11.useState("default");
-  const categories = React11.useMemo(() => {
+  const [searchQuery, setSearchQuery] = React12.useState("");
+  const [activeCategory, setActiveCategory] = React12.useState(null);
+  const [sortBy, setSortBy] = React12.useState("default");
+  const categories = React12.useMemo(() => {
     const cats = /* @__PURE__ */ new Map();
     for (const p of products) {
       if (p.category_id && p.tags) {
@@ -12458,7 +13978,7 @@ function CatalogueCollectionLayout({
     }
     return Array.from(cats.values()).slice(0, 8);
   }, [products]);
-  const filtered = React11.useMemo(() => {
+  const filtered = React12.useMemo(() => {
     let result = products;
     if (searchQuery.trim().length >= 2) {
       const q = searchQuery.toLowerCase();
@@ -12546,7 +14066,7 @@ function CatalogueCollectionLayout({
       ] })
     ] }),
     filtered.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: filtered.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -12725,13 +14245,13 @@ function OrderHistoryPage({
   className,
   classNames
 }) {
-  const [statusFilter, setStatusFilter] = React11.useState(void 0);
-  const [selectedOrder, setSelectedOrder] = React11.useState(null);
-  const handleTabChange = React11.useCallback((value) => {
+  const [statusFilter, setStatusFilter] = React12.useState(void 0);
+  const [selectedOrder, setSelectedOrder] = React12.useState(null);
+  const handleTabChange = React12.useCallback((value) => {
     const filter = STATUS_FILTERS.find((f) => f.tabValue === value);
     setStatusFilter(filter?.value);
   }, []);
-  const handleOrderClick = React11.useCallback(
+  const handleOrderClick = React12.useCallback(
     (order) => {
       if (onOrderNavigate) {
         onOrderNavigate(order);
@@ -12741,7 +14261,7 @@ function OrderHistoryPage({
     },
     [onOrderNavigate]
   );
-  const handleBack = React11.useCallback(() => {
+  const handleBack = React12.useCallback(() => {
     setSelectedOrder(null);
   }, []);
   const activeTabValue = STATUS_FILTERS.find((f) => f.value === statusFilter)?.tabValue ?? "all";
@@ -12926,7 +14446,7 @@ function DefaultSearchLayout({
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different search term" }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: clear, className: "text-sm font-medium text-primary mt-4 hover:underline", children: "Clear search" })
       ] }) : results.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4", children: results.map(
-        (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+        (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
           ProductCard,
           {
             product,
@@ -13028,7 +14548,7 @@ function CompactSearchLayout({
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Try a different search term" }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: clear, className: "text-sm font-medium text-primary mt-4 hover:underline", children: "Clear search" })
     ] }) : results.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 lg:grid-cols-3 gap-5", children: results.map(
-      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React11__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
+      (product) => renderCard ? /* @__PURE__ */ jsxRuntime.jsx(React12__default.default.Fragment, { children: renderCard(product) }, product.id) : /* @__PURE__ */ jsxRuntime.jsx(
         ProductCard,
         {
           product,
@@ -13359,11 +14879,11 @@ function DeliveryEstimate({
 }) {
   const context = useOptionalCimplifyClient();
   const client = context?.client ?? null;
-  const [result, setResult] = React11.useState(null);
-  const [isLoading, setIsLoading] = React11.useState(true);
-  const [error, setError] = React11.useState(null);
-  const requestIdRef = React11.useRef(0);
-  React11.useEffect(() => {
+  const [result, setResult] = React12.useState(null);
+  const [isLoading, setIsLoading] = React12.useState(true);
+  const [error, setError] = React12.useState(null);
+  const requestIdRef = React12.useRef(0);
+  React12.useEffect(() => {
     if (!client) return;
     const nextRequestId = ++requestIdRef.current;
     setIsLoading(true);
@@ -13444,10 +14964,10 @@ function CurrencySelector({
 }) {
   const context = useOptionalCimplifyClient();
   const client = context?.client ?? null;
-  const [rates, setRates] = React11.useState({});
-  const [isLoadingRates, setIsLoadingRates] = React11.useState(false);
-  const requestIdRef = React11.useRef(0);
-  React11.useEffect(() => {
+  const [rates, setRates] = React12.useState({});
+  const [isLoadingRates, setIsLoadingRates] = React12.useState(false);
+  const requestIdRef = React12.useRef(0);
+  React12.useEffect(() => {
     if (!showRate || !baseCurrency || !client) return;
     const targets = currencies.filter((c) => c !== baseCurrency);
     if (targets.length === 0) return;
@@ -13510,11 +15030,11 @@ function ChatWidget({
 }) {
   const context = useOptionalCimplifyClient();
   const client = clientProp ?? context?.client;
-  const [open, setOpen] = React11.useState(defaultOpen);
-  const [unread, setUnread] = React11.useState(0);
+  const [open, setOpen] = React12.useState(defaultOpen);
+  const [unread, setUnread] = React12.useState(0);
   const { messages, isLoading, isSending, error, isActive, send, startConversation } = useChat({ client, pollInterval });
-  const prevCountRef = React11.useRef(messages.length);
-  React11.useEffect(() => {
+  const prevCountRef = React12.useRef(messages.length);
+  React12.useEffect(() => {
     if (!open && messages.length > prevCountRef.current) {
       const newMessages = messages.slice(prevCountRef.current);
       const incomingCount = newMessages.filter(
@@ -13524,11 +15044,11 @@ function ChatWidget({
     }
     prevCountRef.current = messages.length;
   }, [messages, open]);
-  const handleOpen = React11.useCallback(() => {
+  const handleOpen = React12.useCallback(() => {
     setOpen(true);
     setUnread(0);
   }, []);
-  const handleClose = React11.useCallback(() => setOpen(false), []);
+  const handleClose = React12.useCallback(() => setOpen(false), []);
   const isLeft = position === "bottom-left";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -13770,8 +15290,8 @@ function MessageList({
   isSending,
   className
 }) {
-  const bottomRef = React11.useRef(null);
-  React11.useEffect(() => {
+  const bottomRef = React12.useRef(null);
+  React12.useEffect(() => {
     bottomRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages.length, isSending]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -13831,9 +15351,9 @@ function ChatInput({
   onSend,
   className
 }) {
-  const [value, setValue] = React11.useState("");
-  const textareaRef = React11.useRef(null);
-  const handleSend = React11.useCallback(() => {
+  const [value, setValue] = React12.useState("");
+  const textareaRef = React12.useRef(null);
+  const handleSend = React12.useCallback(() => {
     const trimmed = value.trim();
     if (!trimmed || isSending) return;
     setValue("");
@@ -13842,7 +15362,7 @@ function ChatInput({
     }
     onSend(trimmed);
   }, [value, isSending, onSend]);
-  const handleKeyDown = React11.useCallback(
+  const handleKeyDown = React12.useCallback(
     (e) => {
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
@@ -13851,7 +15371,7 @@ function ChatInput({
     },
     [handleSend]
   );
-  const handleInput = React11.useCallback(() => {
+  const handleInput = React12.useCallback(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
@@ -13984,23 +15504,38 @@ function SparkleIcon({ className }) {
 
 Object.defineProperty(exports, "getVariantDisplayName", {
   enumerable: true,
-  get: function () { return chunkJYPLT56O_js.getVariantDisplayName; }
+  get: function () { return chunkVV3GTDIP_js.getVariantDisplayName; }
 });
 exports.AccommodationCard = AccommodationCard;
+exports.AccountContent = AccountContent;
+exports.AccountDashboardPage = AccountDashboardPage;
+exports.AccountHero = AccountHero;
+exports.AccountIdentityStrip = AccountIdentityStrip;
+exports.AccountNav = AccountNav;
+exports.AccountOrderDetailPage = AccountOrderDetailPage;
+exports.AccountOrdersPage = AccountOrdersPage;
+exports.AccountShell = AccountShell;
+exports.AccountSidebar = AccountSidebar;
+exports.AccountSignedOutPrompt = AccountSignedOutPrompt;
+exports.AccountSubscriptionDetailPage = AccountSubscriptionDetailPage;
+exports.AccountSubscriptionsPage = AccountSubscriptionsPage;
 exports.Ad = Ad;
 exports.AdProvider = AdProvider;
 exports.AddOnSelector = AddOnSelector;
 exports.AddressElement = AddressElement;
 exports.AuthElement = AuthElement;
 exports.AvailabilityBadge = AvailabilityBadge;
+exports.BackLink = BackLink;
 exports.BillingPlanSelector = BillingPlanSelector;
 exports.BookingCard = BookingCard;
 exports.BookingList = BookingList;
 exports.BookingPage = BookingPage;
 exports.BookingsPage = BookingsPage;
+exports.BoxIcon24 = BoxIcon24;
 exports.BundleProductCard = BundleProductCard;
 exports.BundleProductLayout = BundleProductLayout;
 exports.BundleSelector = BundleSelector;
+exports.Button = Button;
 exports.CardImage = CardImage;
 exports.CardShell = CardShell;
 exports.CardVariant = CardVariant;
@@ -14015,6 +15550,7 @@ exports.CatalogueTemplate = CatalogueTemplate;
 exports.CategoryFilter = CategoryFilter;
 exports.CategoryGrid = CategoryGrid;
 exports.ChatWidget = ChatWidget;
+exports.CheckIcon = CheckIcon;
 exports.CheckoutPage = CheckoutPage;
 exports.CimplifyAccount = CimplifyAccount;
 exports.CimplifyCheckout = CimplifyCheckout;
@@ -14029,9 +15565,13 @@ exports.CompactServiceCard = CompactServiceCard;
 exports.CompositeProductCard = CompositeProductCard;
 exports.CompositeProductLayout = CompositeProductLayout;
 exports.CompositeSelector = CompositeSelector;
+exports.ContextCard = ContextCard;
+exports.ContinuityCard = ContinuityCard;
 exports.CurrencySelector = CurrencySelector;
 exports.CustomAttributesTable = CustomAttributesTable;
 exports.CustomerInputFields = CustomerInputFields;
+exports.DashboardIcon = DashboardIcon;
+exports.DashboardIcon20 = DashboardIcon20;
 exports.DatePicker = DatePicker;
 exports.DateSlotPicker = DateSlotPicker;
 exports.DealBanner = DealBanner;
@@ -14042,22 +15582,45 @@ exports.DefaultCollectionLayout = DefaultCollectionLayout;
 exports.DefaultProductLayout = DefaultProductLayout;
 exports.DefaultSearchLayout = DefaultSearchLayout;
 exports.DeliveryEstimate = DeliveryEstimate;
+exports.DeliveryTruckIcon = DeliveryTruckIcon;
 exports.DigitalProductCard = DigitalProductCard;
 exports.DigitalProductLayout = DigitalProductLayout;
 exports.DiscountInput = DiscountInput;
 exports.ElementsProvider = ElementsProvider;
+exports.EmptyState = EmptyState;
+exports.ErrorState = ErrorState;
 exports.FeaturedCollectionLayout = FeaturedCollectionLayout;
+exports.FilterTabs = FilterTabs;
 exports.FoodProductCard = FoodProductCard;
 exports.FoodProductLayout = FoodProductLayout;
+exports.HappeningCard = HappeningCard;
+exports.IdentityIcon = IdentityIcon;
+exports.IdentityOfframp = IdentityOfframp;
 exports.InventoryBadge = InventoryBadge;
+exports.ItemsCard = ItemsCard;
 exports.LeaseServiceCard = LeaseServiceCard;
 exports.LocationPicker = LocationPicker;
 exports.MediaGallery = MediaGallery;
 exports.MetadataStringList = MetadataStringList;
+exports.MobileAccountShell = MobileAccountShell;
+exports.MobileBackButton = MobileBackButton;
+exports.MobileMoreButton = MobileMoreButton;
+exports.MobileTabBar = MobileTabBar;
+exports.NextDeliveryCard = NextDeliveryCard;
+exports.OrderDetailHeader = OrderDetailHeader;
+exports.OrderDetailMetaPipe = OrderDetailMetaPipe;
 exports.OrderDetailPage = OrderDetailPage;
 exports.OrderHistory = OrderHistory;
 exports.OrderHistoryPage = OrderHistoryPage;
+exports.OrderList = OrderList;
+exports.OrderRow = OrderRow;
 exports.OrderSummary = OrderSummary;
+exports.OrderTimeline = OrderTimeline;
+exports.OrderTotals = OrderTotals;
+exports.OrdersIcon = OrdersIcon;
+exports.OrdersIcon20 = OrdersIcon20;
+exports.OvenIcon = OvenIcon;
+exports.PackageIcon = PackageIcon;
 exports.PaymentElement = PaymentElement;
 exports.Price = Price;
 exports.PriceRange = PriceRange;
@@ -14083,20 +15646,31 @@ exports.ScheduleServiceCard = ScheduleServiceCard;
 exports.SearchInput = SearchInput;
 exports.SearchPage = SearchPage;
 exports.SearchTemplate = SearchTemplate;
+exports.Section = Section;
+exports.SectionMore = SectionMore;
 exports.ServiceProductLayout = ServiceProductLayout;
 exports.SessionMessageBanner = SessionMessageBanner;
+exports.SignOutIcon = SignOutIcon;
+exports.Skeleton = Skeleton;
 exports.SlotPicker = SlotPicker;
 exports.SoldOutOverlay = SoldOutOverlay;
 exports.StaffPicker = StaffPicker;
 exports.StandardServiceCard = StandardServiceCard;
+exports.Status = Status;
 exports.StoreNav = StoreNav;
 exports.StoreVideo = StoreVideo;
 exports.SubscriptionCard = SubscriptionCard;
+exports.SubscriptionList = SubscriptionList;
+exports.SubscriptionRow = SubscriptionRow;
+exports.SubscriptionsIcon = SubscriptionsIcon;
+exports.SubscriptionsIcon20 = SubscriptionsIcon20;
 exports.TagPills = TagPills;
 exports.TimePicker = TimePicker;
+exports.Toast = Toast;
 exports.TwoColumnGrid = TwoColumnGrid;
 exports.VariantSelector = VariantSelector;
 exports.VolumePricing = VolumePricing;
+exports.WelcomeCard = WelcomeCard;
 exports.WholesaleProductCard = WholesaleProductCard;
 exports.WholesaleProductLayout = WholesaleProductLayout;
 exports.WishlistButton = WishlistButton;