@anpayeras/agnostic-checkout 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -1,1622 +1,157 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Checkout: () => Checkout,
-  checkoutThemes: () => checkoutThemes,
-  cn: () => cn,
-  createCartEditPlugin: () => createCartEditPlugin,
-  createCssVars: () => createCssVars,
-  createDiscountPlugin: () => createDiscountPlugin,
-  darken: () => darken,
-  defaultTheme: () => defaultTheme,
-  formatNumber: () => formatNumber,
-  generateBrandTheme: () => generateBrandTheme,
-  getContrastColor: () => getContrastColor,
-  getLuminance: () => getLuminance,
-  hexToRgb: () => hexToRgb,
-  isDark: () => isDark,
-  isPaymentStep: () => isPaymentStep,
-  isReviewStep: () => isReviewStep,
-  lighten: () => lighten,
-  mergeTheme: () => mergeTheme,
-  mix: () => mix,
-  resolveTheme: () => resolveTheme,
-  rgbToHex: () => rgbToHex,
-  useCheckout: () => useCheckout
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/theme/color-utils.ts
-function hexToRgb(hex) {
-  const clean = hex.replace("#", "");
-  const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
-  return {
-    r: parseInt(full.slice(0, 2), 16),
-    g: parseInt(full.slice(2, 4), 16),
-    b: parseInt(full.slice(4, 6), 16)
-  };
-}
-function rgbToHex({ r, g, b }) {
-  const toHex = (n) => Math.max(0, Math.min(255, Math.round(n))).toString(16).padStart(2, "0");
-  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-}
-function getLuminance(hex) {
-  const { r, g, b } = hexToRgb(hex);
-  const [rs, gs, bs] = [r / 255, g / 255, b / 255].map(
-    (c) => c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4)
-  );
-  return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
-}
-function getContrastColor(hex) {
-  return getLuminance(hex) > 0.179 ? "#000000" : "#FFFFFF";
-}
-function isDark(hex) {
-  return getLuminance(hex) < 0.179;
-}
-function darken(hex, amount) {
-  const rgb = hexToRgb(hex);
-  const factor = 1 - amount / 100;
-  return rgbToHex({
-    r: rgb.r * factor,
-    g: rgb.g * factor,
-    b: rgb.b * factor
-  });
-}
-function lighten(hex, amount) {
-  const rgb = hexToRgb(hex);
-  const factor = amount / 100;
-  return rgbToHex({
-    r: rgb.r + (255 - rgb.r) * factor,
-    g: rgb.g + (255 - rgb.g) * factor,
-    b: rgb.b + (255 - rgb.b) * factor
-  });
-}
-function mix(hex1, hex2, ratio) {
-  const c1 = hexToRgb(hex1);
-  const c2 = hexToRgb(hex2);
-  return rgbToHex({
-    r: c1.r + (c2.r - c1.r) * ratio,
-    g: c1.g + (c2.g - c1.g) * ratio,
-    b: c1.b + (c2.b - c1.b) * ratio
-  });
-}
-
-// src/theme/tokens.ts
-var light = {
-  colors: {
-    primary: "#6366f1",
-    background: "#f8fafc",
-    surface: "#ffffff",
-    text: "#0f172a",
-    border: "#e2e8f0",
-    success: "#22c55e",
-    error: "#ef4444"
-  },
-  radius: "0.75rem",
-  fontFamily: "Inter, system-ui, sans-serif"
-};
-var dark = {
-  colors: {
-    primary: "#818cf8",
-    background: "#0f172a",
-    surface: "#1e293b",
-    text: "#f1f5f9",
-    border: "#334155",
-    success: "#34d399",
-    error: "#fb7185"
-  },
-  radius: "0.75rem",
-  fontFamily: "Inter, system-ui, sans-serif"
-};
-var minimal = {
-  colors: {
-    primary: "#0f172a",
-    background: "#ffffff",
-    surface: "#ffffff",
-    text: "#0f172a",
-    border: "#e5e7eb",
-    success: "#059669",
-    error: "#dc2626"
-  },
-  radius: "0.375rem",
-  fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif"
-};
-var corporate = {
-  colors: {
-    primary: "#1d4ed8",
-    background: "#f0f4f8",
-    surface: "#ffffff",
-    text: "#1e293b",
-    border: "#cbd5e1",
-    success: "#16a34a",
-    error: "#dc2626"
-  },
-  radius: "0.5rem",
-  fontFamily: "'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"
-};
-var neon = {
-  colors: {
-    primary: "#a855f7",
-    background: "#0a0a0a",
-    surface: "#171717",
-    text: "#fafafa",
-    border: "#2e2e2e",
-    success: "#22d3ee",
-    error: "#f43f5e"
-  },
-  radius: "1rem",
-  fontFamily: "'Space Grotesk', system-ui, sans-serif"
-};
-var checkoutThemes = {
-  light,
-  dark,
-  minimal,
-  corporate,
-  neon
-};
-var defaultTheme = light;
-function mergeTheme(base, overrides) {
-  if (!overrides) return base;
-  return {
-    colors: { ...base.colors, ...overrides.colors },
-    radius: overrides.radius ?? base.radius,
-    fontFamily: overrides.fontFamily ?? base.fontFamily
-  };
-}
-function createCssVars(theme) {
-  return {
-    "--color-primary": theme.colors.primary,
-    "--color-background": theme.colors.background,
-    "--color-surface": theme.colors.surface,
-    "--color-text": theme.colors.text,
-    "--color-border": theme.colors.border,
-    "--color-success": theme.colors.success,
-    "--color-error": theme.colors.error,
-    "--theme-radius": theme.radius,
-    "--theme-font": theme.fontFamily
-  };
-}
-function generateBrandTheme(brandColor) {
-  const background = "#FFFFFF";
-  const text = getContrastColor(background);
-  return {
-    colors: {
-      primary: brandColor,
-      background,
-      surface: "#F9FAFB",
-      text,
-      border: "#E5E7EB",
-      success: "#16A34A",
-      error: "#DC2626"
-    },
-    radius: "0.75rem",
-    fontFamily: "Inter, system-ui, sans-serif"
-  };
-}
-function resolveTheme(theme, brandColor, customTheme) {
-  let base;
-  if (brandColor) {
-    base = generateBrandTheme(brandColor);
-  } else if (typeof theme === "string") {
-    base = checkoutThemes[theme] ?? defaultTheme;
-  } else {
-    base = mergeTheme(defaultTheme, theme);
-  }
-  return mergeTheme(base, customTheme);
-}
-
-// src/plugins/discount-plugin.tsx
-var import_react = require("react");
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CouponInput = ({ onApply, t, compact }) => {
-  const [code, setCode] = (0, import_react.useState)("");
-  const [status, setStatus] = (0, import_react.useState)("idle");
-  const handleApply = () => {
-    if (!code.trim()) return;
-    setStatus("loading");
-    onApply(code.trim());
-    setCode("");
-    setTimeout(() => setStatus("idle"), 500);
-  };
-  const isBtnDisabled = status === "loading" || !code.trim();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 flex items-center gap-2 border border-border/60 focus-within:border-primary/50 focus-within:ring-2 focus-within:ring-primary/5 rounded-xs px-3 py-2 transition-all bg-white", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Tag, { className: `${compact ? "w-3 h-3" : "w-3.5 h-3.5"} text-text/30 shrink-0` }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "input",
-        {
-          type: "text",
-          value: code,
-          onChange: (e) => setCode(e.target.value),
-          onKeyDown: (e) => e.key === "Enter" && handleApply(),
-          placeholder: t.couponPlaceholder,
-          className: `bg-transparent outline-none w-full placeholder:text-text/30 text-text font-semibold ${compact ? "text-xs" : "text-sm"}`
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: handleApply,
-        disabled: isBtnDisabled,
-        className: `font-bold bg-primary text-surface rounded-xs hover:brightness-110 disabled:opacity-40 transition-all ${compact ? "px-3 py-2 text-xs" : "px-4 py-2 text-sm"} ${isBtnDisabled ? "cursor-not-allowed" : "cursor-pointer"}`,
-        children: status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { className: "w-3.5 h-3.5 animate-spin" }) : t.couponApply
-      }
-    )
-  ] });
-};
-var RemoveCouponButton = ({ onRemove, t }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      type: "button",
-      onClick: onRemove,
-      className: "p-0.5 rounded text-error hover:text-error hover:bg-error/10 transition-colors",
-      "aria-label": t.couponRemove,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Trash2, { className: "w-3 h-3" })
-    }
-  );
-};
-function createDiscountPlugin(emit) {
-  return {
-    id: "discount",
-    slots: {
-      sidebarBeforeTotals: ({ step, t }) => {
-        if (step !== "review") return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          CouponInput,
-          {
-            onApply: (code) => emit({ type: "COUPON_APPLY_REQUESTED", code }),
-            t,
-            compact: true
-          }
-        ) });
-      },
-      mobileBarExpanded: ({ step, t }) => {
-        if (step !== "review") return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-3 pb-3 border-b border-border/40", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          CouponInput,
-          {
-            onApply: (code) => emit({ type: "COUPON_APPLY_REQUESTED", code }),
-            t
-          }
-        ) });
-      },
-      totalsDiscountAction: ({ step, t }) => {
-        if (step !== "review") return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          RemoveCouponButton,
-          {
-            onRemove: () => emit({ type: "COUPON_REMOVE_REQUESTED" }),
-            t
-          }
-        );
-      }
-    }
-  };
-}
-
-// src/plugins/cart-edit-plugin.tsx
-var import_react2 = require("react");
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var QuantityStepper = ({ quantity, min, max, loading, onChange }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center border border-border/60 rounded-xl bg-background/30 p-0.5 overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: () => onChange(quantity - 1),
-          disabled: loading || quantity <= min,
-          className: "w-8 h-8 flex items-center justify-center text-text/60 hover:bg-border/30 rounded-lg transition-colors disabled:opacity-30",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Minus, { className: "w-3.5 h-3.5" })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-sm font-bold w-7 text-center select-none", children: quantity }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: () => onChange(quantity + 1),
-          disabled: loading || quantity >= max,
-          className: "w-8 h-8 flex items-center justify-center text-text/60 hover:bg-border/30 rounded-lg transition-colors disabled:opacity-30",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Plus, { className: "w-3.5 h-3.5" })
-        }
-      )
-    ] }),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Loader2, { className: "w-4 h-4 animate-spin text-primary" })
-  ] });
-};
-var RemoveButton = ({ loading, onRemove, label }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "button",
-    {
-      type: "button",
-      onClick: onRemove,
-      disabled: loading,
-      className: "p-2 -mr-1 rounded-full text-text/20 hover:text-error hover:bg-error/10 transition-all disabled:opacity-50",
-      "aria-label": label,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Trash2, { className: "w-5 h-5" })
-    }
-  );
-};
-var CartEditItemActions = ({
-  props,
-  emit,
-  options
-}) => {
-  const [loading, setLoading] = (0, import_react2.useState)(false);
-  const { item, t } = props;
-  const handleQtyChange = (qty) => {
-    if (qty < options.minQuantity || qty > options.maxQuantity) return;
-    setLoading(true);
-    emit({ type: "ITEM_QUANTITY_UPDATE_REQUESTED", itemId: item.id, quantity: qty });
-    setTimeout(() => setLoading(false), 2e3);
-  };
-  if (!options.allowQuantityEdit) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "text-sm text-text/40 mt-1 block font-semibold uppercase tracking-wider", children: [
-      t.quantityShort,
-      ": ",
-      item.quantity
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    QuantityStepper,
-    {
-      quantity: item.quantity,
-      min: options.minQuantity,
-      max: options.maxQuantity,
-      loading,
-      onChange: handleQtyChange
-    }
-  ) });
-};
-var CartEditItemEnd = ({
-  props,
-  emit,
-  options
-}) => {
-  const [loading, setLoading] = (0, import_react2.useState)(false);
-  const { item, t } = props;
-  if (!options.allowRemove) return null;
-  const handleRemove = () => {
-    setLoading(true);
-    emit({ type: "ITEM_REMOVE_REQUESTED", itemId: item.id });
-    setTimeout(() => setLoading(false), 2e3);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    RemoveButton,
-    {
-      loading,
-      onRemove: handleRemove,
-      label: t.removeItem
-    }
-  );
-};
-function createCartEditPlugin(emit, options) {
-  const opts = {
-    allowRemove: !!options?.allowRemove,
-    allowQuantityEdit: !!options?.allowQuantityEdit,
-    minQuantity: options?.minQuantity ?? 1,
-    maxQuantity: options?.maxQuantity ?? 99
-  };
-  return {
-    id: "cart-edit",
-    slots: {
-      orderItemActions: (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CartEditItemActions, { props, emit, options: opts }),
-      orderItemEnd: (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CartEditItemEnd, { props, emit, options: opts })
-    }
-  };
-}
-
-// src/core/checkout-context.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var CheckoutContext = (0, import_react3.createContext)(null);
-var checkoutReducer = (state, action) => {
-  switch (action.type) {
-    case "SET_STEP":
-      return { ...state, step: action.step };
-    case "SELECT_METHOD":
-      return { ...state, selectedMethodId: action.methodId };
-    case "SET_ERROR":
-      return { ...state, error: action.error };
-    case "SET_CART":
-      return { ...state, items: action.cartState.items, totals: action.cartState.totals };
-    case "SYNC_PROPS":
-      return { ...state, items: action.items, totals: action.totals };
-    case "SET_PAYMENT_RESULT":
-      return { ...state, paymentResult: action.result };
-    default:
-      return state;
-  }
-};
-var CheckoutProvider = ({
-  children,
-  config,
-  initialStatus,
-  onEvent
-}) => {
-  const [state, dispatch] = (0, import_react3.useReducer)(checkoutReducer, {
-    ...config,
-    step: initialStatus ? initialStatus.status : "review",
-    selectedMethodId: null,
-    error: null,
-    paymentResult: initialStatus
-  });
-  (0, import_react3.useEffect)(() => {
-    dispatch({ type: "SYNC_PROPS", items: config.items, totals: config.totals });
-  }, [config.items, config.totals]);
-  const [eventLog, setEventLog] = import_react3.default.useState([]);
-  const emitEvent = (0, import_react3.useCallback)(
-    (event) => {
-      onEvent?.(event);
-      setEventLog(
-        (prev) => [`[${(/* @__PURE__ */ new Date()).toLocaleTimeString()}] ${event.type}`, ...prev].slice(0, 20)
-      );
-    },
-    [onEvent]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckoutContext.Provider, { value: { state, dispatch, emitEvent, eventLog }, children });
-};
-var useCheckoutContext = () => {
-  const context = (0, import_react3.useContext)(CheckoutContext);
-  if (!context) {
-    throw new Error("useCheckoutContext must be used within a CheckoutProvider");
-  }
-  return context;
-};
-
-// src/hooks/useCheckout.ts
-var useCheckout = () => {
-  const { state, dispatch, emitEvent } = useCheckoutContext();
-  const setStep = (step) => {
-    dispatch({ type: "SET_STEP", step });
-    emitEvent({ type: "STEP_CHANGED", step });
-  };
-  const selectMethod = (methodId) => {
-    dispatch({ type: "SELECT_METHOD", methodId });
-    emitEvent({ type: "PAYMENT_METHOD_SELECTED", methodId });
-  };
-  const submitPayment = async (data) => {
-    if (!state.selectedMethodId) return;
-    emitEvent({ type: "PAYMENT_SUBMITTED" });
-    setStep("processing");
-    dispatch({ type: "SET_ERROR", error: null });
-    try {
-      const result = await state.provider.createPayment(data);
-      dispatch({ type: "SET_PAYMENT_RESULT", result });
-      console.log(result);
-      switch (result.status) {
-        case "success":
-          emitEvent({ type: "PAYMENT_SUCCESS", transactionId: "unknown" });
-          setStep("success");
-          break;
-        case "pending":
-          emitEvent({ type: "STEP_CHANGED", step: "pending" });
-          setStep("pending");
-          break;
-        case "redirect":
-          emitEvent({ type: "STEP_CHANGED", step: "redirect" });
-          setStep("redirect");
-          break;
-        case "error": {
-          const errMsg = result.feedback?.description ?? "Payment failed";
-          dispatch({ type: "SET_ERROR", error: errMsg });
-          emitEvent({ type: "PAYMENT_ERROR", error: errMsg });
-          setStep("error");
-          break;
-        }
-      }
-    } catch (error) {
-      const message = error instanceof Error ? error.message : "Unknown error";
-      dispatch({ type: "SET_ERROR", error: message });
-      emitEvent({ type: "PAYMENT_ERROR", error: message });
-      setStep("error");
-    }
-  };
-  const setError = (error) => {
-    dispatch({ type: "SET_ERROR", error });
-    emitEvent({ type: "PAYMENT_ERROR", error });
-  };
-  const updateQuantity = async (id, qty) => {
-    if (!state.cartController) return;
-    const cartState = await state.cartController.updateQuantity(id, qty);
-    dispatch({ type: "SET_CART", cartState });
-  };
-  const removeItem = async (id) => {
-    if (!state.cartController) return;
-    const cartState = await state.cartController.removeItem(id);
-    dispatch({ type: "SET_CART", cartState });
-  };
-  const applyCoupon = async (code) => {
-    if (!state.cartController) return false;
-    try {
-      const cartState = await state.cartController.applyCoupon(code);
-      dispatch({ type: "SET_CART", cartState });
-      return true;
-    } catch {
-      return false;
-    }
-  };
-  const removeCoupon = async () => {
-    if (!state.cartController?.removeCoupon) return false;
-    try {
-      const cartState = await state.cartController.removeCoupon();
-      dispatch({ type: "SET_CART", cartState });
-      return true;
-    } catch {
-      return false;
-    }
-  };
-  return {
-    ...state,
-    setStep,
-    selectMethod,
-    submitPayment,
-    setError,
-    updateQuantity,
-    removeItem,
-    applyCoupon,
-    removeCoupon,
-    hasCartController: !!state.cartController,
-    hasRemoveCoupon: !!state.cartController?.removeCoupon
-  };
-};
-
-// src/utils/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-var isPaymentStep = (step) => step === "payment_method" || step === "payment_details";
-var isReviewStep = (step) => step === "review";
-var formatNumber = (n, currency) => new Intl.NumberFormat("en-US", { style: "currency", currency }).format(n);
-
-// src/components/Checkout.tsx
-var import_react11 = require("react");
-
-// src/theme/theme-provider.tsx
-var import_react4 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var ThemeProvider = ({ theme, brandColor, customTheme, children }) => {
-  const resolved = resolveTheme(theme, brandColor, customTheme);
-  const cssVars = createCssVars(resolved);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      style: cssVars,
-      className: "bg-background text-text font-(--theme-font) h-full w-full",
-      children
-    }
-  );
-};
-
-// src/core/i18n-context.tsx
-var import_react5 = require("react");
-
-// src/locales/en.ts
-var en = {
-  // Order Summary
-  orderSummary: "Order Summary",
-  quantity: "Qty",
-  quantityShort: "Qty",
-  removeItem: "Remove item",
-  // Totals
-  subtotal: "Subtotal",
-  discount: "Discount",
-  shipping: "Shipping",
-  shippingFree: "Free",
-  taxes: "Taxes",
-  total: "Total",
-  // Coupon
-  couponPlaceholder: "Promo code",
-  couponApply: "Apply",
-  couponApplied: "\u2713 Coupon applied",
-  couponInvalid: "\u2717 Invalid code",
-  couponRemove: "Remove coupon",
-  // Sidebar
-  orderSummaryTitle: "Order summary",
-  securePayment: "SECURE SSL PAYMENT",
-  // Actions
-  continueToPay: "Continue to payment",
-  payNow: "Pay now",
-  pay: "Pay",
-  processing: "Processing\u2026",
-  continueNow: "Continue now",
-  // Payment Methods
-  paymentMethod: "Payment method",
-  back: "Back",
-  completeDetails: "Complete details",
-  selectMethod: "Select a method",
-  // Processing
-  processingPayment: "Processing payment\u2026",
-  processingDescription: "Don't close or reload this window.",
-  // Redirect
-  redirecting: "Redirecting\u2026",
-  redirectDescription: "You will be redirected to complete your payment securely.",
-  // Mobile bar
-  showOrderDetails: "Show order details",
-  hideOrderDetails: "Hide order details",
-  continue: "Continue"
-};
-
-// src/locales/es.ts
-var es = {
-  // Order Summary
-  orderSummary: "Resumen del pedido",
-  quantity: "Cant",
-  quantityShort: "Cant",
-  removeItem: "Eliminar item",
-  // Totals
-  subtotal: "Subtotal",
-  discount: "Descuento",
-  shipping: "Env\xEDo",
-  shippingFree: "Gratis",
-  taxes: "Impuestos",
-  total: "Total",
-  // Coupon
-  couponPlaceholder: "C\xF3digo promo",
-  couponApply: "Aplicar",
-  couponApplied: "\u2713 Cup\xF3n aplicado",
-  couponInvalid: "\u2717 C\xF3digo inv\xE1lido",
-  couponRemove: "Eliminar cup\xF3n",
-  // Sidebar
-  orderSummaryTitle: "Resumen del pedido",
-  securePayment: "PAGO SEGURO SSL",
-  // Actions
-  continueToPay: "Continuar al pago",
-  payNow: "Pagar ahora",
-  pay: "Pagar",
-  processing: "Procesando\u2026",
-  continueNow: "Continuar ahora",
-  // Payment Methods
-  paymentMethod: "M\xE9todo de pago",
-  back: "Volver",
-  completeDetails: "Completa los datos",
-  selectMethod: "Selecciona un m\xE9todo",
-  // Processing
-  processingPayment: "Procesando pago\u2026",
-  processingDescription: "No cierres ni recargues esta ventana.",
-  // Redirect
-  redirecting: "Redirigiendo\u2026",
-  redirectDescription: "Ser\xE1s redirigido para completar tu pago de forma segura.",
-  // Mobile bar
-  showOrderDetails: "Ver detalle del pedido",
-  hideOrderDetails: "Ocultar detalle del pedido",
-  continue: "Continuar"
-};
-
-// src/locales/pt-BR.ts
-var ptBR = {
-  // Order Summary
-  orderSummary: "Resumo do pedido",
-  quantity: "Qtd",
-  quantityShort: "Qtd",
-  removeItem: "Remover item",
-  // Totals
-  subtotal: "Subtotal",
-  discount: "Desconto",
-  shipping: "Frete",
-  shippingFree: "Gr\xE1tis",
-  taxes: "Impostos",
-  total: "Total",
-  // Coupon
-  couponPlaceholder: "C\xF3digo promocional",
-  couponApply: "Aplicar",
-  couponApplied: "\u2713 Cupom aplicado",
-  couponInvalid: "\u2717 C\xF3digo inv\xE1lido",
-  couponRemove: "Remover cupom",
-  // Sidebar
-  orderSummaryTitle: "Resumo do pedido",
-  securePayment: "PAGAMENTO SEGURO SSL",
-  // Actions
-  continueToPay: "Continuar para pagamento",
-  payNow: "Pagar agora",
-  pay: "Pagar",
-  processing: "Processando\u2026",
-  continueNow: "Continuar agora",
-  // Payment Methods
-  paymentMethod: "M\xE9todo de pagamento",
-  back: "Voltar",
-  completeDetails: "Complete os dados",
-  selectMethod: "Selecione um m\xE9todo",
-  // Processing
-  processingPayment: "Processando pagamento\u2026",
-  processingDescription: "N\xE3o feche nem recarregue esta janela.",
-  // Redirect
-  redirecting: "Redirecionando\u2026",
-  redirectDescription: "Voc\xEA ser\xE1 redirecionado para completar seu pagamento com seguran\xE7a.",
-  // Mobile bar
-  showOrderDetails: "Ver detalhes do pedido",
-  hideOrderDetails: "Ocultar detalhes do pedido",
-  continue: "Continuar"
-};
-
-// src/locales/index.ts
-var localeMap = {
-  en,
-  es,
-  "pt-BR": ptBR
-};
-var SUPPORTED_LOCALES = Object.keys(localeMap);
-function detectLocale() {
-  if (typeof navigator === "undefined") return "en";
-  const languages = navigator.languages ?? [navigator.language];
-  for (const lang of languages) {
-    if (SUPPORTED_LOCALES.includes(lang)) return lang;
-    const base = lang.split("-")[0];
-    if (SUPPORTED_LOCALES.includes(base)) return base;
-    if (base === "pt") return "pt-BR";
-  }
-  return "en";
-}
-function resolveLocale(locale) {
-  return locale === "auto" ? detectLocale() : locale;
-}
-function getMessages(locale) {
-  const resolved = resolveLocale(locale);
-  return localeMap[resolved] ?? en;
-}
-function resolveMessages(locale, overrides) {
-  const base = getMessages(locale);
-  if (!overrides) return base;
-  return { ...base, ...overrides };
-}
-
-// src/core/i18n-context.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var I18nContext = (0, import_react5.createContext)(null);
-var I18nProvider = ({ locale, currency, messages, formatters, children }) => {
-  const t = resolveMessages(locale, messages);
-  const fmt = formatters?.currency ? formatters.currency : (amount) => formatNumber(amount, currency);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(I18nContext.Provider, { value: { t, fmt }, children });
-};
-var useI18n = () => {
-  const ctx = (0, import_react5.useContext)(I18nContext);
-  if (!ctx) {
-    throw new Error("useI18n must be used within an I18nProvider");
-  }
-  return ctx;
-};
-
-// src/plugins/plugin-context.tsx
-var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var PluginContext = (0, import_react6.createContext)({ plugins: [] });
-var PluginProvider = ({ plugins, children }) => {
-  const value = (0, import_react6.useMemo)(() => ({ plugins }), [plugins]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PluginContext.Provider, { value, children });
-};
-var usePlugins = () => (0, import_react6.useContext)(PluginContext);
-function renderSlot(plugins, slotName, props) {
-  return plugins.filter((p) => p.slots[slotName]).map((p) => {
-    const Slot = p.slots[slotName];
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react6.Fragment, { children: Slot(props) }, p.id);
-  });
-}
-function renderItemSlot(plugins, slotName, props) {
-  return plugins.filter((p) => p.slots[slotName]).map((p) => {
-    const Slot = p.slots[slotName];
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react6.Fragment, { children: Slot(props) }, p.id);
-  });
-}
-
-// src/components/checkout-content.tsx
-var import_lucide_react8 = require("lucide-react");
-
-// src/components/OrderSummary.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var OrderSummary = () => {
-  const { items, step } = useCheckout();
-  const { t, fmt } = useI18n();
-  const { plugins } = usePlugins();
-  const hasItemActions = plugins.some((p) => p.slots.orderItemActions);
-  const hasItemEnd = plugins.some((p) => p.slots.orderItemEnd);
-  const slotProps = { items, totals: { subtotal: 0, total: 0 }, step, t, fmt };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col h-full animate-in fade-in slide-in-from-bottom-4 duration-500 overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "text-xl font-bold mb-6 shrink-0", children: t.orderSummary }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex-1 overflow-y-auto pr-3 custom-scrollbar flex flex-col divide-y divide-border/30", children: items.map((item) => {
-      const discountedRow = !!item.discount;
-      const itemSlotProps = { ...slotProps, item };
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-        "div",
-        {
-          className: "py-5 flex items-start gap-5 transition-opacity",
-          children: [
-            item.image && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              "img",
-              {
-                src: item.image,
-                alt: item.name,
-                className: "w-20 h-20 rounded-2xl object-cover border border-border/40 shrink-0 shadow-sm transition-transform hover:scale-105 duration-300"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-bold text-lg text-text/90 block truncate leading-tight mb-1", children: item.name }),
-              hasItemActions ? renderItemSlot(plugins, "orderItemActions", itemSlotProps) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "text-sm text-text/40 mt-1 block font-semibold uppercase tracking-wider", children: [
-                t.quantityShort,
-                ": ",
-                item.quantity
-              ] }),
-              discountedRow && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2 mt-3 flex-wrap", children: [
-                item.discount.label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[10px] font-black uppercase tracking-widest bg-success/10 text-success px-2 py-1 rounded-md border border-success/20", children: item.discount.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-xs text-success font-black", children: item.discount.type === "percentage" ? `-${item.discount.value}%` : `-${fmt(item.discount.value)}` })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col items-end gap-2 shrink-0", children: [
-              hasItemEnd && renderItemSlot(plugins, "orderItemEnd", itemSlotProps),
-              discountedRow ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn("flex flex-col items-end", hasItemEnd ? "" : "mt-1"), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-xs line-through text-text/30 font-medium tracking-tight", children: fmt(item.unitPrice * item.quantity) }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-lg font-black text-success tracking-tight", children: fmt(item.total) })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: cn("text-lg font-bold text-text/80 tracking-tight", hasItemEnd ? "" : "mt-1"), children: fmt(item.total) })
-            ] })
-          ]
-        },
-        item.id
-      );
-    }) })
-  ] });
-};
-
-// src/components/PaymentMethods.tsx
-var import_react7 = require("react");
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var getDefaultIcon = (type) => {
-  switch (type) {
-    case "card":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.CreditCard, { className: "w-5 h-5" });
-    case "wallet":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Wallet, { className: "w-5 h-5" });
-    case "bank":
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Landmark, { className: "w-5 h-5" });
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Wallet, { className: "w-5 h-5" });
-  }
-};
-var PaymentMethods = () => {
-  const { paymentMethods, selectedMethodId, selectMethod, setStep, submitPayment, totals, error } = useCheckout();
-  const { t, fmt } = useI18n();
-  const [isSubmitting, setIsSubmitting] = (0, import_react7.useState)(false);
-  const [readyMap, setReadyMap] = (0, import_react7.useState)({});
-  const selectedMethod = paymentMethods.find((m) => m.id === selectedMethodId);
-  const isReady = selectedMethod ? selectedMethod.renderComponent ? !!readyMap[selectedMethod.id] : true : false;
-  const handleSelectMethod = (id) => {
-    selectMethod(id);
-  };
-  const makeReadyCallback = (0, import_react7.useCallback)(
-    (methodId) => (ready) => {
-      setReadyMap((prev) => ({ ...prev, [methodId]: ready }));
-    },
-    []
-  );
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!selectedMethodId || !isReady) return;
-    setIsSubmitting(true);
-    await submitPayment({ methodId: selectedMethodId });
-    setIsSubmitting(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    "form",
-    {
-      id: "checkout-payment-form",
-      onSubmit: handleSubmit,
-      className: "flex flex-col gap-3 animate-in fade-in slide-in-from-right-4 duration-500",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => setStep("review"),
-              className: "p-1 hover:bg-border/50 rounded-full transition-colors text-text/80",
-              "aria-label": t.back,
-              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.ChevronLeft, { className: "w-5 h-5" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "text-xl font-semibold", children: t.paymentMethod })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 overflow-y-auto pr-1 custom-scrollbar flex flex-col gap-2", children: paymentMethods.map((method) => {
-          const isSelected = selectedMethodId === method.id;
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-              "button",
-              {
-                type: "button",
-                onClick: () => handleSelectMethod(method.id),
-                disabled: isSubmitting,
-                className: cn(
-                  "flex items-center gap-3 p-3.5 border transition-all duration-200 text-left",
-                  isSelected ? "border-primary bg-primary/5 ring-1 ring-primary shadow-sm" : "border-border/60 hover:border-primary/50 bg-background/50 hover:bg-background",
-                  isSelected && method.renderComponent ? "rounded-t-[var(--radius-DEFAULT)]" : "rounded-[var(--radius-DEFAULT)]"
-                ),
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("p-1.5 rounded-lg shrink-0", isSelected ? "text-primary" : "text-text/50"), children: getDefaultIcon(method.type) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "flex-1 font-bold text-sm tracking-tight", children: method.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    "div",
-                    {
-                      className: cn(
-                        "w-5 h-5 rounded-full border-2 flex items-center justify-center transition-all shrink-0",
-                        isSelected ? "border-primary bg-primary/10" : "border-text/20"
-                      ),
-                      children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-2.5 h-2.5 rounded-full bg-primary shadow-sm" })
-                    }
-                  )
-                ]
-              }
-            ),
-            isSelected && method.renderComponent && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "border border-t-0 border-primary/20 bg-background/50 rounded-b-[var(--radius-DEFAULT)] px-5 pt-5 pb-5 animate-in fade-in slide-in-from-top-2 duration-300", children: method.renderComponent({ onReadyChange: makeReadyCallback(method.id) }) })
-          ] }, method.id);
-        }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "button",
-          {
-            type: "submit",
-            disabled: !isReady || isSubmitting,
-            className: cn(
-              "md:hidden flex w-full py-4 px-4 rounded-[var(--radius-DEFAULT)] mt-2 font-black uppercase tracking-widest justify-center items-center gap-2 transition-all shadow-lg active:scale-[0.98]",
-              !isReady || isSubmitting ? "bg-primary/40 text-surface cursor-not-allowed" : "bg-primary text-surface hover:brightness-110 shadow-primary/20"
-            ),
-            children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Loader2, { className: "w-5 h-5 animate-spin" }),
-              t.processing
-            ] }) : isReady ? `${t.pay} ${fmt(totals.total)}` : selectedMethod ? t.completeDetails : t.selectMethod
-          }
-        ),
-        error && !isSubmitting && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-error text-center font-medium animate-in fade-in duration-300 -mt-1", children: error })
-      ]
-    }
-  );
-};
-
-// src/components/FeedbackScreen.tsx
-var import_react8 = require("react");
-var import_lucide_react4 = require("lucide-react");
-
-// src/components/button.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Button = ({
-  label,
-  onPress,
-  variant = "solid",
-  icon,
-  disabled,
-  className,
-  type = "button"
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    "button",
-    {
-      type,
-      onClick: onPress,
-      disabled,
-      className: cn(
-        "flex items-center justify-center gap-2 px-5 py-2.5 rounded-[var(--radius-DEFAULT)] font-medium text-sm transition-all active:scale-[0.98]",
-        variant === "solid" && "bg-primary text-surface hover:opacity-90 disabled:opacity-40 disabled:cursor-not-allowed",
-        variant === "outline" && "border border-primary text-primary hover:bg-primary/5 disabled:opacity-40 disabled:cursor-not-allowed",
-        variant === "ghost" && "text-text/70 hover:bg-border/50 hover:text-text disabled:opacity-40 disabled:cursor-not-allowed",
-        className
-      ),
-      children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "shrink-0", children: icon }),
-        label
-      ]
-    }
-  );
-};
-
-// src/components/FeedbackScreen.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var REDIRECT_DELAY = 2;
-var variantConfig = {
-  success: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.CheckCircle2, { className: "w-10 h-10" }),
-    iconBg: "bg-success/10",
-    iconColor: "text-success"
-  },
-  pending: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.Clock, { className: "w-10 h-10" }),
-    iconBg: "bg-orange-500/10",
-    iconColor: "text-orange-500"
-  },
-  error: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.XCircle, { className: "w-10 h-10" }),
-    iconBg: "bg-error/10",
-    iconColor: "text-error"
-  },
-  redirect: {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ExternalLink, { className: "w-10 h-10" }),
-    iconBg: "bg-primary/10",
-    iconColor: "text-primary"
-  }
-};
-var FeedbackScreen = ({
-  title,
-  description,
-  actions = [],
-  variant = "success",
-  children
-}) => {
-  const config = variantConfig[variant];
-  const [countdown, setCountdown] = (0, import_react8.useState)(variant === "redirect" ? REDIRECT_DELAY : 0);
-  (0, import_react8.useEffect)(() => {
-    if (variant !== "redirect") return;
-    if (countdown <= 0) {
-      const primaryAction = actions.find((a) => !a.variant || a.variant === "solid");
-      primaryAction?.onPress();
-      return;
-    }
-    const timer = setInterval(() => setCountdown((c) => c - 1), 1e3);
-    return () => clearInterval(timer);
-  }, [countdown, variant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col items-center justify-center py-8 gap-5 animate-in zoom-in-95 fade-in duration-500", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "div",
-      {
-        className: cn(
-          "w-20 h-20 rounded-full flex items-center justify-center",
-          config.iconBg,
-          config.iconColor
-        ),
-        children: config.icon
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "text-2xl font-bold mb-1", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-text/60 text-sm max-w-[280px] mx-auto leading-relaxed", children: description })
-    ] }),
-    variant === "redirect" && countdown > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative w-14 h-14", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("svg", { className: "w-14 h-14 -rotate-90", viewBox: "0 0 56 56", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "circle",
-            {
-              cx: "28",
-              cy: "28",
-              r: "24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "4",
-              className: "text-border"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "circle",
-            {
-              cx: "28",
-              cy: "28",
-              r: "24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "4",
-              strokeLinecap: "round",
-              strokeDasharray: `${2 * Math.PI * 24}`,
-              strokeDashoffset: `${2 * Math.PI * 24 * (1 - countdown / REDIRECT_DELAY)}`,
-              className: "text-primary transition-all duration-1000"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "absolute inset-0 flex items-center justify-center text-xl font-bold text-primary", children: countdown })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "text-xs text-text/50", children: [
-        "Redirigiendo en ",
-        countdown,
-        "s\u2026"
-      ] })
-    ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "w-full", children }),
-    actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-wrap gap-3 justify-center w-full mt-1", children: actions.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      Button,
-      {
-        label: action.label,
-        onPress: action.onPress,
-        variant: action.variant ?? "solid",
-        icon: action.icon,
-        className: action.variant === "solid" ? "flex-1" : void 0
-      },
-      i
-    )) })
-  ] });
-};
-
-// src/components/CheckoutLayout.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var CheckoutLayout = ({ children, sidebar, className, ...props }) => {
-  const hasSidebar = !!sidebar;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    "div",
-    {
-      className: cn(
-        "w-full h-full bg-surface text-text rounded-(--theme-radius) shadow-2xl border border-border",
-        "overflow-hidden flex flex-col md:flex-row",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          "div",
-          {
-            className: cn(
-              "flex-1 min-w-0 min-h-0 flex flex-col overflow-hidden p-4"
-            ),
-            children
-          }
-        ),
-        hasSidebar && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "hidden md:block w-px bg-border/60 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "hidden md:flex w-[320px] shrink-0 flex-col overflow-y-auto p-4 bg-background/60", children: sidebar })
-        ] })
-      ]
-    }
-  );
-};
-
-// src/components/dev-tools.tsx
-var import_react9 = require("react");
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var SCENARIOS = ["success", "pending", "error", "redirect"];
-var SCENARIO_LABELS = {
-  success: "\u2705 \xC9xito",
-  pending: "\u23F3 Pendiente",
-  error: "\u274C Error",
-  redirect: "\u2197\uFE0F Redirect"
-};
-var DevTools = () => {
-  const { state, eventLog } = useCheckoutContext();
-  const [showDevTools, setShowDevTools] = (0, import_react9.useState)(false);
-  const [scenario, setScenario] = (0, import_react9.useState)("success");
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      "button",
-      {
-        onClick: () => setShowDevTools(true),
-        className: "fixed top-4 right-4 z-40 bg-surface text-text/50 hover:text-primary p-3 rounded-full shadow-md border border-border transition-all hover:scale-105",
-        "aria-label": "Open Dev Tools",
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Code2, { className: "w-5 h-5" })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-      "div",
-      {
-        className: `fixed top-0 right-0 h-full w-80 bg-surface shadow-2xl z-50 p-6 flex flex-col gap-6 overflow-y-auto transition-transform duration-300 ${showDevTools ? "translate-x-0" : "translate-x-full"}`,
-        style: { colorScheme: "light" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between pb-4 border-b border-border", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("h2", { className: "text-lg font-bold text-text flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Code2, { className: "w-5 h-5 text-primary" }),
-              "Dev Tools"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              "button",
-              {
-                onClick: () => setShowDevTools(false),
-                className: "text-text/50 hover:text-text p-1 bg-surface hover:bg-border/50 rounded-full transition-colors",
-                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.X, { className: "w-5 h-5" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "text-sm font-bold mb-3 text-slate-500 uppercase tracking-wider", children: "Escenario de pago" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col gap-1", children: SCENARIOS.map((s) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "flex items-center gap-2 cursor-pointer p-2 hover:bg-slate-50 rounded-lg", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                "input",
-                {
-                  type: "radio",
-                  name: "scenario",
-                  checked: scenario === s,
-                  onChange: () => setScenario(s),
-                  className: "accent-indigo-500 w-4 h-4"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm", children: SCENARIO_LABELS[s] })
-            ] }, s)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "text-[11px] text-slate-400 mt-2 p-2 bg-slate-50 rounded leading-relaxed", children: [
-              "Cup\xF3n de prueba: ",
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("code", { className: "font-mono font-bold text-slate-600", children: "SAVE10" })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("h2", { className: "text-sm font-bold mb-3 text-slate-500 uppercase tracking-wider flex items-center gap-2", children: [
-              "Event Logger ",
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-[10px] bg-indigo-100 text-indigo-700 px-2 py-0.5 rounded-full font-semibold", children: "Live" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "bg-slate-900 text-emerald-400 font-mono text-[10px] p-3 rounded-xl h-56 overflow-y-auto flex flex-col gap-1", children: eventLog.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-slate-500 italic", children: "Sin eventos a\xFAn\u2026" }) : eventLog.map((log, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "border-b border-white/10 pb-1", children: log }, i)) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "text-sm font-bold text-slate-500 uppercase tracking-wider", children: "Estado interno" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("pre", { className: "text-[10px] bg-slate-900 text-emerald-400 p-3 rounded-xl overflow-x-auto", children: JSON.stringify({ ...state, provider: "PaymentProvider instance" }, null, 2) })
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-var dev_tools_default = DevTools;
-
-// src/components/OrderSidebarSummary.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var OrderSidebarSummary = ({ showItems: propShowItems, isLoading }) => {
-  const { items, totals, step, setStep, selectedMethodId } = useCheckout();
-  const { t, fmt } = useI18n();
-  const { plugins } = usePlugins();
-  const showItems = propShowItems ?? step !== "review";
-  const handleAction = () => {
-    if (step === "review") {
-      setStep("payment_method");
-    } else {
-      const form = document.getElementById("checkout-payment-form");
-      form?.requestSubmit();
-    }
-  };
-  const actionLabel = step === "review" ? t.continueToPay : t.payNow;
-  const isReady = step === "review" || !!selectedMethodId;
-  const slotProps = { items, totals, step, t, fmt };
-  const hasDiscountAction = plugins.some((p) => p.slots.totalsDiscountAction);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col h-full animate-in fade-in duration-500", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "text-xs font-bold text-text/40 uppercase tracking-widest mb-6", children: t.orderSummaryTitle }),
-    showItems && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col gap-4 overflow-y-auto pr-2 custom-scrollbar", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-start gap-3", children: [
-      item.image && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        "img",
-        {
-          src: item.image,
-          alt: item.name,
-          className: "w-10 h-10 rounded-lg object-cover border border-border/40 shrink-0 shadow-sm"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-[13px] font-semibold leading-tight truncate text-text/80", children: item.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "text-[11px] text-text/40 mt-0.5 font-medium", children: [
-          t.quantityShort,
-          ": ",
-          item.quantity
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-right shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[13px] font-bold text-text/80", children: fmt(item.total) }) })
-    ] }, item.id)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      renderSlot(plugins, "sidebarBeforeTotals", slotProps),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex  border-t border-border/50 justify-between text-sm text-text/60 font-medium", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.subtotal }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: fmt(totals.subtotal) })
-      ] }),
-      totals.discount !== void 0 && totals.discount > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between items-center text-sm font-semibold text-success", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.discount }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-          "-",
-          fmt(totals.discount),
-          hasDiscountAction && renderSlot(plugins, "totalsDiscountAction", slotProps)
-        ] })
-      ] }),
-      totals.shipping !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between text-sm text-text/60 font-medium", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.shipping }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: totals.shipping === 0 ? t.shippingFree : fmt(totals.shipping) })
-      ] }),
-      totals.taxes !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between text-sm text-text/60 font-medium", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.taxes }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: fmt(totals.taxes) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-between items-center pt-4 border-t border-border/50 mt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "font-bold text-base text-text/90", children: t.total }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-2xl font-black text-primary tracking-tight", children: fmt(totals.total) })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-2 mt-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        "button",
-        {
-          onClick: handleAction,
-          disabled: !isReady || isLoading,
-          className: cn(
-            "w-full mt-6 py-4 px-6 rounded-xs font-bold flex items-center justify-center gap-2 transition-all duration-300 shadow-lg active:scale-[0.98]",
-            isReady && !isLoading ? "bg-primary text-surface hover:brightness-110 shadow-primary/20 cursor-pointer" : "bg-primary/40 text-surface/60 cursor-not-allowed shadow-none"
-          ),
-          children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.Loader2, { className: "w-5 h-5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-            actionLabel,
-            step === "review" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.ChevronRight, { className: "w-5 h-5" })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-center gap-2 mt-4 text-[11px] text-text/30 font-semibold tracking-wide", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.ShieldCheck, { className: "w-4 h-4 opacity-50" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: t.securePayment })
-      ] })
-    ] })
-  ] });
-};
-
-// src/components/MobileOrderBar.tsx
-var import_react10 = require("react");
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var MobileOrderBar = ({
-  onAction,
-  actionLabel,
-  actionDisabled,
-  isSubmitting,
-  showItems = false
-}) => {
-  const { totals, items, step } = useCheckout();
-  const { t, fmt } = useI18n();
-  const { plugins } = usePlugins();
-  const [expanded, setExpanded] = (0, import_react10.useState)(false);
-  const slotProps = { items, totals, step, t, fmt };
-  const hasDiscountAction = plugins.some((p) => p.slots.totalsDiscountAction);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 z-30 md:hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      "div",
-      {
-        className: `bg-surface border-t border-border overflow-hidden transition-all duration-300 ease-in-out ${expanded ? "max-h-[70vh] opacity-100" : "max-h-0 opacity-0 pointer-events-none"}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "px-4 pt-4 pb-2 flex flex-col gap-0", children: [
-          showItems && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "overflow-y-auto max-h-52 divide-y divide-border/40 mb-3", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3 py-2.5", children: [
-            item.image && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              "img",
-              {
-                src: item.image,
-                alt: item.name,
-                className: "w-10 h-10 rounded-lg object-cover border border-border/30 shrink-0"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm font-medium truncate", children: item.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "text-xs text-text/50", children: [
-                t.quantityShort,
-                ": ",
-                item.quantity
-              ] }),
-              item.discount && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "text-[10px] text-success font-medium", children: [
-                item.discount.label && `${item.discount.label} \xB7 `,
-                item.discount.type === "percentage" ? `-${item.discount.value}%` : `-${fmt(item.discount.value)}`
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-right shrink-0", children: item.discount ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col items-end", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[11px] line-through text-text/40", children: fmt(item.unitPrice * item.quantity) }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-semibold text-success", children: fmt(item.total) })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium", children: fmt(item.total) }) })
-          ] }, item.id)) }),
-          renderSlot(plugins, "mobileBarExpanded", slotProps),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `flex flex-col gap-1.5 text-sm pb-3 ${showItems ? "border-t border-border/50 pt-3" : "pt-1"}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between text-text/60", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.subtotal }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: fmt(totals.subtotal) })
-            ] }),
-            totals.discount !== void 0 && totals.discount > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between items-center text-success font-medium", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.discount }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-                "-",
-                fmt(totals.discount),
-                hasDiscountAction && renderSlot(plugins, "totalsDiscountAction", slotProps)
-              ] })
-            ] }),
-            totals.shipping !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between text-text/60", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.shipping }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: totals.shipping === 0 ? t.shippingFree : fmt(totals.shipping) })
-            ] }),
-            totals.taxes !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between text-text/60", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: t.taxes }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: fmt(totals.taxes) })
-            ] })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "bg-surface border-t border-border shadow-[0_-4px_20px_rgba(0,0,0,0.1)] px-4 pt-3 pb-4 flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-        "button",
-        {
-          type: "button",
-          onClick: () => setExpanded((v) => !v),
-          className: "flex items-center justify-between w-full",
-          "aria-label": expanded ? t.hideOrderDetails : t.showOrderDetails,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium text-text/60", children: t.total }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-lg font-bold text-primary", children: fmt(totals.total) }),
-              expanded ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.ChevronDown, { className: "w-4 h-4 text-text/40" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.ChevronUp, { className: "w-4 h-4 text-text/40" })
-            ] })
-          ]
-        }
-      ),
-      onAction && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: onAction,
-          disabled: actionDisabled || isSubmitting,
-          className: `w-full py-3 rounded-[var(--radius-DEFAULT)] font-medium text-sm flex items-center justify-center gap-2 transition-all active:scale-[0.98] ${actionDisabled || isSubmitting ? "bg-primary/40 text-surface cursor-not-allowed" : "bg-primary text-surface hover:opacity-90"}`,
-          children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Loader2, { className: "w-4 h-4 animate-spin" }),
-            t.processing
-          ] }) : actionLabel ?? t.continue
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/components/mobile-bar.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var MobileBar = ({ step }) => {
-  const { setStep } = useCheckout();
-  const { t } = useI18n();
-  if (isReviewStep(step)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      MobileOrderBar,
-      {
-        onAction: () => setStep("payment_method"),
-        actionLabel: `${t.continueToPay} \u2192`,
-        showItems: false
-      }
-    );
-  }
-  if (isPaymentStep(step)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      MobileOrderBar,
-      {
-        onAction: () => {
-          const form = document.getElementById("checkout-payment-form");
-          form?.requestSubmit();
-        },
-        actionLabel: t.pay,
-        showItems: true
-      }
-    );
-  }
-  return null;
-};
-
-// src/components/checkout-content.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var CheckoutContent = ({ devTools }) => {
-  const { state } = useCheckoutContext();
-  const { t } = useI18n();
-  const { step, paymentResult } = state;
-  const renderStep = () => {
-    switch (step) {
-      case "review":
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(OrderSummary, {});
-      case "payment_method":
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PaymentMethods, {});
-      case "processing":
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col items-center justify-center py-16 gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.Loader2, { className: "w-12 h-12 animate-spin text-primary" }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "font-medium text-lg animate-pulse", children: t.processingPayment }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-text/50", children: t.processingDescription })
-        ] });
-      case "success":
-      case "pending":
-      case "error":
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          FeedbackScreen,
-          {
-            variant: paymentResult?.status,
-            title: paymentResult?.feedback?.title ?? "",
-            description: paymentResult?.feedback?.title,
-            actions: paymentResult?.feedback?.actions
-          }
-        );
-      case "redirect": {
-        const result = paymentResult?.status === "redirect" ? paymentResult : void 0;
-        const fb = result?.feedback;
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          FeedbackScreen,
-          {
-            variant: "redirect",
-            title: fb?.title ?? t.redirecting,
-            description: fb?.description ?? t.redirectDescription,
-            actions: fb?.actions ?? [
-              {
-                label: t.continueNow,
-                variant: "solid",
-                onPress: () => {
-                  if (result?.url) window.location.href = result.url;
-                }
-              }
-            ]
-          }
-        );
-      }
-      default:
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(OrderSummary, {});
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "h-[80vh] md:h-full w-full flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CheckoutLayout, { sidebar: isReviewStep(step) || isPaymentStep(step) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(OrderSidebarSummary, {}) : void 0, children: renderStep() }),
-    (isReviewStep(step) || isPaymentStep(step)) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MobileBar, { step }),
-    devTools && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(dev_tools_default, {})
-  ] });
-};
-
-// src/components/Checkout.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var Checkout = ({
-  items,
-  totals,
-  paymentMethods,
-  provider,
-  currency,
-  locale = "es",
-  theme = "light",
-  brandColor,
-  customTheme,
-  onEvent,
-  cartController,
-  initialState,
-  devTools,
-  messages,
-  formatters,
-  plugins = []
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ThemeProvider, { theme, brandColor, customTheme, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(I18nProvider, { locale, currency, messages, formatters, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PluginProvider, { plugins, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    CheckoutProvider,
-    {
-      config: { items, totals, paymentMethods, provider, currency, locale, cartController },
-      initialStatus: initialState,
-      onEvent,
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CheckoutContent, { devTools })
-    }
-  ) }) }) });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Checkout,
-  checkoutThemes,
-  cn,
-  createCartEditPlugin,
-  createCssVars,
-  createDiscountPlugin,
-  darken,
-  defaultTheme,
-  formatNumber,
-  generateBrandTheme,
-  getContrastColor,
-  getLuminance,
-  hexToRgb,
-  isDark,
-  isPaymentStep,
-  isReviewStep,
-  lighten,
-  mergeTheme,
-  mix,
-  resolveTheme,
-  rgbToHex,
-  useCheckout
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react");function oe(e){const t=e.replace("#",""),s=t.length===3?t.split("").map(r=>r+r).join(""):t;return{r:parseInt(s.slice(0,2),16),g:parseInt(s.slice(2,4),16),b:parseInt(s.slice(4,6),16)}}function je({r:e,g:t,b:s}){const r=n=>Math.max(0,Math.min(255,Math.round(n))).toString(16).padStart(2,"0");return`#${r(e)}${r(t)}${r(s)}`}function _e(e){const{r:t,g:s,b:r}=oe(e),[n,i,l]=[t/255,s/255,r/255].map(d=>d<=.03928?d/12.92:Math.pow((d+.055)/1.055,2.4));return .2126*n+.7152*i+.0722*l}function Ke(e){return _e(e)>.179?"#000000":"#FFFFFF"}function Tt(e){return _e(e)<.179}function Rt(e,t){const s=oe(e),r=1-t/100;return je({r:s.r*r,g:s.g*r,b:s.b*r})}function _t(e,t){const s=oe(e),r=t/100;return je({r:s.r+(255-s.r)*r,g:s.g+(255-s.g)*r,b:s.b+(255-s.b)*r})}function Pt(e,t,s){const r=oe(e),n=oe(t);return je({r:r.r+(n.r-r.r)*s,g:r.g+(n.g-r.g)*s,b:r.b+(n.b-r.b)*s})}const et={colors:{primary:"#6366f1",background:"#f8fafc",surface:"#ffffff",text:"#0f172a",border:"#e2e8f0",success:"#22c55e",error:"#ef4444"},radius:"0.75rem",fontFamily:"Inter, system-ui, sans-serif"},At={colors:{primary:"#818cf8",background:"#0f172a",surface:"#1e293b",text:"#f1f5f9",border:"#334155",success:"#34d399",error:"#fb7185"},radius:"0.75rem",fontFamily:"Inter, system-ui, sans-serif"},Mt={colors:{primary:"#0f172a",background:"#ffffff",surface:"#ffffff",text:"#0f172a",border:"#e5e7eb",success:"#059669",error:"#dc2626"},radius:"0.375rem",fontFamily:"'Helvetica Neue', Helvetica, Arial, sans-serif"},It={colors:{primary:"#1d4ed8",background:"#f0f4f8",surface:"#ffffff",text:"#1e293b",border:"#cbd5e1",success:"#16a34a",error:"#dc2626"},radius:"0.5rem",fontFamily:"'Segoe UI', Roboto, 'Helvetica Neue', sans-serif"},Ot={colors:{primary:"#a855f7",background:"#0a0a0a",surface:"#171717",text:"#fafafa",border:"#2e2e2e",success:"#22d3ee",error:"#f43f5e"},radius:"1rem",fontFamily:"'Space Grotesk', system-ui, sans-serif"},tt={light:et,dark:At,minimal:Mt,corporate:It,neon:Ot},Ee=et;function Se(e,t){return t?{colors:{...e.colors,...t.colors},radius:t.radius??e.radius,fontFamily:t.fontFamily??e.fontFamily}:e}function rt(e){return{"--color-primary":e.colors.primary,"--color-background":e.colors.background,"--color-surface":e.colors.surface,"--color-text":e.colors.text,"--color-border":e.colors.border,"--color-success":e.colors.success,"--color-error":e.colors.error,"--theme-radius":e.radius,"--theme-font":e.fontFamily}}function ot(e){const t="#FFFFFF",s=Ke(t);return{colors:{primary:e,background:t,surface:"#F9FAFB",text:s,border:"#E5E7EB",success:"#16A34A",error:"#DC2626"},radius:"0.75rem",fontFamily:"Inter, system-ui, sans-serif"}}function st(e,t,s){let r;return t?r=ot(t):typeof e=="string"?r=tt[e]??Ee:r=Se(Ee,e),Se(r,s)}var Te={exports:{}},le={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Oe;function zt(){if(Oe)return le;Oe=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function s(r,n,i){var l=null;if(i!==void 0&&(l=""+i),n.key!==void 0&&(l=""+n.key),"key"in n){i={};for(var d in n)d!=="key"&&(i[d]=n[d])}else i=n;return n=i.ref,{$$typeof:e,type:r,key:l,ref:n!==void 0?n:null,props:i}}return le.Fragment=t,le.jsx=s,le.jsxs=s,le}var ce={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var ze;function Dt(){return ze||(ze=1,process.env.NODE_ENV!=="production"&&function(){function e(c){if(c==null)return null;if(typeof c=="function")return c.$$typeof===me?null:c.displayName||c.name||null;if(typeof c=="string")return c;switch(c){case k:return"Fragment";case S:return"Profiler";case F:return"StrictMode";case B:return"Suspense";case J:return"SuspenseList";case ue:return"Activity"}if(typeof c=="object")switch(typeof c.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),c.$$typeof){case b:return"Portal";case $:return c.displayName||"Context";case z:return(c._context.displayName||"Context")+".Consumer";case q:var y=c.render;return c=c.displayName,c||(c=y.displayName||y.name||"",c=c!==""?"ForwardRef("+c+")":"ForwardRef"),c;case x:return y=c.displayName||null,y!==null?y:e(c.type)||"Memo";case O:y=c._payload,c=c._init;try{return e(c(y))}catch{}}return null}function t(c){return""+c}function s(c){try{t(c);var y=!1}catch{y=!0}if(y){y=console;var E=y.error,R=typeof Symbol=="function"&&Symbol.toStringTag&&c[Symbol.toStringTag]||c.constructor.name||"Object";return E.call(y,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",R),t(c)}}function r(c){if(c===k)return"<>";if(typeof c=="object"&&c!==null&&c.$$typeof===O)return"<...>";try{var y=e(c);return y?"<"+y+">":"<...>"}catch{return"<...>"}}function n(){var c=W.A;return c===null?null:c.getOwner()}function i(){return Error("react-stack-top-frame")}function l(c){if(ae.call(c,"key")){var y=Object.getOwnPropertyDescriptor(c,"key").get;if(y&&y.isReactWarning)return!1}return c.key!==void 0}function d(c,y){function E(){D||(D=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",y))}E.isReactWarning=!0,Object.defineProperty(c,"key",{get:E,configurable:!0})}function a(){var c=e(this.type);return G[c]||(G[c]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),c=this.props.ref,c!==void 0?c:null}function u(c,y,E,R,P,A){var T=E.ref;return c={$$typeof:j,type:c,key:y,props:E,_owner:R},(T!==void 0?T:null)!==null?Object.defineProperty(c,"ref",{enumerable:!1,get:a}):Object.defineProperty(c,"ref",{enumerable:!1,value:null}),c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(c,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(c,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.defineProperty(c,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c}function f(c,y,E,R,P,A){var T=y.children;if(T!==void 0)if(R)if(ie(T)){for(R=0;R<T.length;R++)C(T[R]);Object.freeze&&Object.freeze(T)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else C(T);if(ae.call(y,"key")){T=e(c);var V=Object.keys(y).filter(function(pe){return pe!=="key"});R=0<V.length?"{key: someKey, "+V.join(": ..., ")+": ...}":"{key: someKey}",h[T+R]||(V=0<V.length?"{"+V.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,R,T,V,T),h[T+R]=!0)}if(T=null,E!==void 0&&(s(E),T=""+E),l(y)&&(s(y.key),T=""+y.key),"key"in y){E={};for(var _ in y)_!=="key"&&(E[_]=y[_])}else E=y;return T&&d(E,typeof c=="function"?c.displayName||c.name||"Unknown":c),u(c,T,E,n(),P,A)}function C(c){g(c)?c._store&&(c._store.validated=1):typeof c=="object"&&c!==null&&c.$$typeof===O&&(c._payload.status==="fulfilled"?g(c._payload.value)&&c._payload.value._store&&(c._payload.value._store.validated=1):c._store&&(c._store.validated=1))}function g(c){return typeof c=="object"&&c!==null&&c.$$typeof===j}var w=N,j=Symbol.for("react.transitional.element"),b=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),F=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),z=Symbol.for("react.consumer"),$=Symbol.for("react.context"),q=Symbol.for("react.forward_ref"),B=Symbol.for("react.suspense"),J=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),ue=Symbol.for("react.activity"),me=Symbol.for("react.client.reference"),W=w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ae=Object.prototype.hasOwnProperty,ie=Array.isArray,U=console.createTask?console.createTask:function(){return null};w={react_stack_bottom_frame:function(c){return c()}};var D,G={},te=w.react_stack_bottom_frame.bind(w,i)(),re=U(r(i)),h={};ce.Fragment=k,ce.jsx=function(c,y,E){var R=1e4>W.recentlyCreatedOwnerStacks++;return f(c,y,E,!1,R?Error("react-stack-top-frame"):te,R?U(r(c)):re)},ce.jsxs=function(c,y,E){var R=1e4>W.recentlyCreatedOwnerStacks++;return f(c,y,E,!0,R?Error("react-stack-top-frame"):te,R?U(r(c)):re)}}()),ce}process.env.NODE_ENV==="production"?Te.exports=zt():Te.exports=Dt();var o=Te.exports;/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const nt=(...e)=>e.filter((t,s,r)=>!!t&&t.trim()!==""&&r.indexOf(t)===s).join(" ").trim();/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Lt=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ft=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,s,r)=>r?r.toUpperCase():s.toLowerCase());/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const De=e=>{const t=Ft(e);return t.charAt(0).toUpperCase()+t.slice(1)};/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var $t={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ut=e=>{for(const t in e)if(t.startsWith("aria-")||t==="role"||t==="title")return!0;return!1};/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Gt=N.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:s=2,absoluteStrokeWidth:r,className:n="",children:i,iconNode:l,...d},a)=>N.createElement("svg",{ref:a,...$t,width:t,height:t,stroke:e,strokeWidth:r?Number(s)*24/Number(t):s,className:nt("lucide",n),...!i&&!Ut(d)&&{"aria-hidden":"true"},...d},[...l.map(([u,f])=>N.createElement(u,f)),...Array.isArray(i)?i:[i]]));/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const I=(e,t)=>{const s=N.forwardRef(({className:r,...n},i)=>N.createElement(Gt,{ref:i,iconNode:t,className:nt(`lucide-${Lt(De(e))}`,`lucide-${e}`,r),...n}));return s.displayName=De(e),s};/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Bt=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],Vt=I("chevron-down",Bt);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Yt=[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]],qt=I("chevron-left",Yt);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Wt=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],Qt=I("chevron-right",Wt);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ht=[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]],Xt=I("chevron-up",Ht);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Jt=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]],Zt=I("circle-check",Jt);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Kt=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]],er=I("circle-x",Kt);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const tr=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 6v6l4 2",key:"mmk7yg"}]],rr=I("clock",tr);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const or=[["path",{d:"m18 16 4-4-4-4",key:"1inbqp"}],["path",{d:"m6 8-4 4 4 4",key:"15zrgr"}],["path",{d:"m14.5 4-5 16",key:"e7oirm"}]],Le=I("code-xml",or);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const sr=[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]],nr=I("credit-card",sr);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ar=[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]],ir=I("external-link",ar);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const lr=[["path",{d:"M10 18v-7",key:"wt116b"}],["path",{d:"M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z",key:"1m329m"}],["path",{d:"M14 18v-7",key:"vav6t3"}],["path",{d:"M18 18v-7",key:"aexdmj"}],["path",{d:"M3 22h18",key:"8prr45"}],["path",{d:"M6 18v-7",key:"1ivflk"}]],cr=I("landmark",lr);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const dr=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],K=I("loader-circle",dr);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ur=[["path",{d:"M5 12h14",key:"1ays0h"}]],mr=I("minus",ur);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const pr=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],fr=I("plus",pr);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const xr=[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]],hr=I("shield-check",xr);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const br=[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]],gr=I("tag",br);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const yr=[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]],at=I("trash-2",yr);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const vr=[["path",{d:"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1",key:"18etb6"}],["path",{d:"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4",key:"xoc0q4"}]],Fe=I("wallet",vr);/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const wr=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],kr=I("x",wr),$e=({onApply:e,t,compact:s})=>{const[r,n]=N.useState(""),[i,l]=N.useState("idle"),d=()=>{r.trim()&&(l("loading"),e(r.trim()),n(""),setTimeout(()=>l("idle"),500))},a=i==="loading"||!r.trim();return o.jsxs("div",{className:"flex gap-2",children:[o.jsxs("div",{className:"flex-1 flex items-center gap-2 border border-border/60 focus-within:border-primary/50 focus-within:ring-2 focus-within:ring-primary/5 rounded-xs px-3 py-2 transition-all bg-white",children:[o.jsx(gr,{className:`${s?"w-3 h-3":"w-3.5 h-3.5"} text-text/30 shrink-0`}),o.jsx("input",{type:"text",value:r,onChange:u=>n(u.target.value),onKeyDown:u=>u.key==="Enter"&&d(),placeholder:t.couponPlaceholder,className:`bg-transparent outline-none w-full placeholder:text-text/30 text-text font-semibold ${s?"text-xs":"text-sm"}`})]}),o.jsx("button",{type:"button",onClick:d,disabled:a,className:`font-bold bg-primary text-surface rounded-xs hover:brightness-110 disabled:opacity-40 transition-all ${s?"px-3 py-2 text-xs":"px-4 py-2 text-sm"} ${a?"cursor-not-allowed":"cursor-pointer"}`,children:i==="loading"?o.jsx(K,{className:"w-3.5 h-3.5 animate-spin"}):t.couponApply})]})},jr=({onRemove:e,t})=>o.jsx("button",{type:"button",onClick:e,className:"p-0.5 rounded text-error hover:text-error hover:bg-error/10 transition-colors","aria-label":t.couponRemove,children:o.jsx(at,{className:"w-3 h-3"})});function Nr(e){return{id:"discount",slots:{sidebarBeforeTotals:({step:t,t:s})=>t!=="review"?null:o.jsx("div",{className:"mb-6",children:o.jsx($e,{onApply:r=>e({type:"COUPON_APPLY_REQUESTED",code:r}),t:s,compact:!0})}),mobileBarExpanded:({step:t,t:s})=>t!=="review"?null:o.jsx("div",{className:"mb-3 pb-3 border-b border-border/40",children:o.jsx($e,{onApply:r=>e({type:"COUPON_APPLY_REQUESTED",code:r}),t:s})}),totalsDiscountAction:({step:t,t:s})=>t!=="review"?null:o.jsx(jr,{onRemove:()=>e({type:"COUPON_REMOVE_REQUESTED"}),t:s})}}}const Cr=({quantity:e,min:t,max:s,loading:r,onChange:n})=>o.jsxs("div",{className:"flex items-center gap-2",children:[o.jsxs("div",{className:"flex items-center border border-border/60 rounded-xl bg-background/30 p-0.5 overflow-hidden",children:[o.jsx("button",{type:"button",onClick:()=>n(e-1),disabled:r||e<=t,className:"w-8 h-8 flex items-center justify-center text-text/60 hover:bg-border/30 rounded-lg transition-colors disabled:opacity-30",children:o.jsx(mr,{className:"w-3.5 h-3.5"})}),o.jsx("span",{className:"text-sm font-bold w-7 text-center select-none",children:e}),o.jsx("button",{type:"button",onClick:()=>n(e+1),disabled:r||e>=s,className:"w-8 h-8 flex items-center justify-center text-text/60 hover:bg-border/30 rounded-lg transition-colors disabled:opacity-30",children:o.jsx(fr,{className:"w-3.5 h-3.5"})})]}),r&&o.jsx(K,{className:"w-4 h-4 animate-spin text-primary"})]}),Er=({loading:e,onRemove:t,label:s})=>o.jsx("button",{type:"button",onClick:t,disabled:e,className:"p-2 -mr-1 rounded-full text-text/20 hover:text-error hover:bg-error/10 transition-all disabled:opacity-50","aria-label":s,children:e?o.jsx(K,{className:"w-4 h-4 animate-spin"}):o.jsx(at,{className:"w-5 h-5"})}),Sr=({props:e,emit:t,options:s})=>{const[r,n]=N.useState(!1),{item:i,t:l}=e,d=a=>{a<s.minQuantity||a>s.maxQuantity||(n(!0),t({type:"ITEM_QUANTITY_UPDATE_REQUESTED",itemId:i.id,quantity:a}),setTimeout(()=>n(!1),2e3))};return s.allowQuantityEdit?o.jsx("div",{className:"mt-3",children:o.jsx(Cr,{quantity:i.quantity,min:s.minQuantity,max:s.maxQuantity,loading:r,onChange:d})}):o.jsxs("span",{className:"text-sm text-text/40 mt-1 block font-semibold uppercase tracking-wider",children:[l.quantityShort,": ",i.quantity]})},Tr=({props:e,emit:t,options:s})=>{const[r,n]=N.useState(!1),{item:i,t:l}=e;if(!s.allowRemove)return null;const d=()=>{n(!0),t({type:"ITEM_REMOVE_REQUESTED",itemId:i.id}),setTimeout(()=>n(!1),2e3)};return o.jsx(Er,{loading:r,onRemove:d,label:l.removeItem})};function Rr(e,t){const s={allowRemove:!!(t!=null&&t.allowRemove),allowQuantityEdit:!!(t!=null&&t.allowQuantityEdit),minQuantity:(t==null?void 0:t.minQuantity)??1,maxQuantity:(t==null?void 0:t.maxQuantity)??99};return{id:"cart-edit",slots:{orderItemActions:r=>o.jsx(Sr,{props:r,emit:e,options:s}),orderItemEnd:r=>o.jsx(Tr,{props:r,emit:e,options:s})}}}const it=N.createContext(null),_r=(e,t)=>{switch(t.type){case"SET_STEP":return{...e,step:t.step};case"SELECT_METHOD":return{...e,selectedMethodId:t.methodId};case"SET_ERROR":return{...e,error:t.error};case"SET_CART":return{...e,items:t.cartState.items,totals:t.cartState.totals};case"SYNC_PROPS":return{...e,items:t.items,totals:t.totals};case"SET_PAYMENT_RESULT":return{...e,paymentResult:t.result};default:return e}},Pr=({children:e,config:t,initialStatus:s,onEvent:r})=>{const[n,i]=N.useReducer(_r,{...t,step:s?s.status:"review",selectedMethodId:null,error:null,paymentResult:s});N.useEffect(()=>{i({type:"SYNC_PROPS",items:t.items,totals:t.totals})},[t.items,t.totals]);const[l,d]=N.useState([]),a=N.useCallback(u=>{r==null||r(u),d(f=>[`[${new Date().toLocaleTimeString()}] ${u.type}`,...f].slice(0,20))},[r]);return o.jsx(it.Provider,{value:{state:n,dispatch:i,emitEvent:a,eventLog:l},children:e})},Pe=()=>{const e=N.useContext(it);if(!e)throw new Error("useCheckoutContext must be used within a CheckoutProvider");return e},se=()=>{var C;const{state:e,dispatch:t,emitEvent:s}=Pe(),r=g=>{t({type:"SET_STEP",step:g}),s({type:"STEP_CHANGED",step:g})};return{...e,setStep:r,selectMethod:g=>{t({type:"SELECT_METHOD",methodId:g}),s({type:"PAYMENT_METHOD_SELECTED",methodId:g})},submitPayment:async g=>{var w;if(e.selectedMethodId){s({type:"PAYMENT_SUBMITTED"}),r("processing"),t({type:"SET_ERROR",error:null});try{const j=await e.provider.createPayment(g);switch(t({type:"SET_PAYMENT_RESULT",result:j}),console.log(j),j.status){case"success":s({type:"PAYMENT_SUCCESS",transactionId:"unknown"}),r("success");break;case"pending":s({type:"STEP_CHANGED",step:"pending"}),r("pending");break;case"redirect":s({type:"STEP_CHANGED",step:"redirect"}),r("redirect");break;case"error":{const b=((w=j.feedback)==null?void 0:w.description)??"Payment failed";t({type:"SET_ERROR",error:b}),s({type:"PAYMENT_ERROR",error:b}),r("error");break}}}catch(j){const b=j instanceof Error?j.message:"Unknown error";t({type:"SET_ERROR",error:b}),s({type:"PAYMENT_ERROR",error:b}),r("error")}}},setError:g=>{t({type:"SET_ERROR",error:g}),s({type:"PAYMENT_ERROR",error:g})},updateQuantity:async(g,w)=>{if(!e.cartController)return;const j=await e.cartController.updateQuantity(g,w);t({type:"SET_CART",cartState:j})},removeItem:async g=>{if(!e.cartController)return;const w=await e.cartController.removeItem(g);t({type:"SET_CART",cartState:w})},applyCoupon:async g=>{if(!e.cartController)return!1;try{const w=await e.cartController.applyCoupon(g);return t({type:"SET_CART",cartState:w}),!0}catch{return!1}},removeCoupon:async()=>{var g;if(!((g=e.cartController)!=null&&g.removeCoupon))return!1;try{const w=await e.cartController.removeCoupon();return t({type:"SET_CART",cartState:w}),!0}catch{return!1}},hasCartController:!!e.cartController,hasRemoveCoupon:!!((C=e.cartController)!=null&&C.removeCoupon)}};function lt(e){var t,s,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var n=e.length;for(t=0;t<n;t++)e[t]&&(s=lt(e[t]))&&(r&&(r+=" "),r+=s)}else for(s in e)e[s]&&(r&&(r+=" "),r+=s);return r}function Ar(){for(var e,t,s=0,r="",n=arguments.length;s<n;s++)(e=arguments[s])&&(t=lt(e))&&(r&&(r+=" "),r+=t);return r}const Mr=(e,t)=>{const s=new Array(e.length+t.length);for(let r=0;r<e.length;r++)s[r]=e[r];for(let r=0;r<t.length;r++)s[e.length+r]=t[r];return s},Ir=(e,t)=>({classGroupId:e,validator:t}),ct=(e=new Map,t=null,s)=>({nextPart:e,validators:t,classGroupId:s}),ye="-",Ue=[],Or="arbitrary..",zr=e=>{const t=Lr(e),{conflictingClassGroups:s,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:l=>{if(l.startsWith("[")&&l.endsWith("]"))return Dr(l);const d=l.split(ye),a=d[0]===""&&d.length>1?1:0;return dt(d,a,t)},getConflictingClassGroupIds:(l,d)=>{if(d){const a=r[l],u=s[l];return a?u?Mr(u,a):a:u||Ue}return s[l]||Ue}}},dt=(e,t,s)=>{if(e.length-t===0)return s.classGroupId;const n=e[t],i=s.nextPart.get(n);if(i){const u=dt(e,t+1,i);if(u)return u}const l=s.validators;if(l===null)return;const d=t===0?e.join(ye):e.slice(t).join(ye),a=l.length;for(let u=0;u<a;u++){const f=l[u];if(f.validator(d))return f.classGroupId}},Dr=e=>e.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const t=e.slice(1,-1),s=t.indexOf(":"),r=t.slice(0,s);return r?Or+r:void 0})(),Lr=e=>{const{theme:t,classGroups:s}=e;return Fr(s,t)},Fr=(e,t)=>{const s=ct();for(const r in e){const n=e[r];Ae(n,s,r,t)}return s},Ae=(e,t,s,r)=>{const n=e.length;for(let i=0;i<n;i++){const l=e[i];$r(l,t,s,r)}},$r=(e,t,s,r)=>{if(typeof e=="string"){Ur(e,t,s);return}if(typeof e=="function"){Gr(e,t,s,r);return}Br(e,t,s,r)},Ur=(e,t,s)=>{const r=e===""?t:ut(t,e);r.classGroupId=s},Gr=(e,t,s,r)=>{if(Vr(e)){Ae(e(r),t,s,r);return}t.validators===null&&(t.validators=[]),t.validators.push(Ir(s,e))},Br=(e,t,s,r)=>{const n=Object.entries(e),i=n.length;for(let l=0;l<i;l++){const[d,a]=n[l];Ae(a,ut(t,d),s,r)}},ut=(e,t)=>{let s=e;const r=t.split(ye),n=r.length;for(let i=0;i<n;i++){const l=r[i];let d=s.nextPart.get(l);d||(d=ct(),s.nextPart.set(l,d)),s=d}return s},Vr=e=>"isThemeGetter"in e&&e.isThemeGetter===!0,Yr=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,s=Object.create(null),r=Object.create(null);const n=(i,l)=>{s[i]=l,t++,t>e&&(t=0,r=s,s=Object.create(null))};return{get(i){let l=s[i];if(l!==void 0)return l;if((l=r[i])!==void 0)return n(i,l),l},set(i,l){i in s?s[i]=l:n(i,l)}}},Re="!",Ge=":",qr=[],Be=(e,t,s,r,n)=>({modifiers:e,hasImportantModifier:t,baseClassName:s,maybePostfixModifierPosition:r,isExternal:n}),Wr=e=>{const{prefix:t,experimentalParseClassName:s}=e;let r=n=>{const i=[];let l=0,d=0,a=0,u;const f=n.length;for(let b=0;b<f;b++){const k=n[b];if(l===0&&d===0){if(k===Ge){i.push(n.slice(a,b)),a=b+1;continue}if(k==="/"){u=b;continue}}k==="["?l++:k==="]"?l--:k==="("?d++:k===")"&&d--}const C=i.length===0?n:n.slice(a);let g=C,w=!1;C.endsWith(Re)?(g=C.slice(0,-1),w=!0):C.startsWith(Re)&&(g=C.slice(1),w=!0);const j=u&&u>a?u-a:void 0;return Be(i,w,g,j)};if(t){const n=t+Ge,i=r;r=l=>l.startsWith(n)?i(l.slice(n.length)):Be(qr,!1,l,void 0,!0)}if(s){const n=r;r=i=>s({className:i,parseClassName:n})}return r},Qr=e=>{const t=new Map;return e.orderSensitiveModifiers.forEach((s,r)=>{t.set(s,1e6+r)}),s=>{const r=[];let n=[];for(let i=0;i<s.length;i++){const l=s[i],d=l[0]==="[",a=t.has(l);d||a?(n.length>0&&(n.sort(),r.push(...n),n=[]),r.push(l)):n.push(l)}return n.length>0&&(n.sort(),r.push(...n)),r}},Hr=e=>({cache:Yr(e.cacheSize),parseClassName:Wr(e),sortModifiers:Qr(e),...zr(e)}),Xr=/\s+/,Jr=(e,t)=>{const{parseClassName:s,getClassGroupId:r,getConflictingClassGroupIds:n,sortModifiers:i}=t,l=[],d=e.trim().split(Xr);let a="";for(let u=d.length-1;u>=0;u-=1){const f=d[u],{isExternal:C,modifiers:g,hasImportantModifier:w,baseClassName:j,maybePostfixModifierPosition:b}=s(f);if(C){a=f+(a.length>0?" "+a:a);continue}let k=!!b,F=r(k?j.substring(0,b):j);if(!F){if(!k){a=f+(a.length>0?" "+a:a);continue}if(F=r(j),!F){a=f+(a.length>0?" "+a:a);continue}k=!1}const S=g.length===0?"":g.length===1?g[0]:i(g).join(":"),z=w?S+Re:S,$=z+F;if(l.indexOf($)>-1)continue;l.push($);const q=n(F,k);for(let B=0;B<q.length;++B){const J=q[B];l.push(z+J)}a=f+(a.length>0?" "+a:a)}return a},Zr=(...e)=>{let t=0,s,r,n="";for(;t<e.length;)(s=e[t++])&&(r=mt(s))&&(n&&(n+=" "),n+=r);return n},mt=e=>{if(typeof e=="string")return e;let t,s="";for(let r=0;r<e.length;r++)e[r]&&(t=mt(e[r]))&&(s&&(s+=" "),s+=t);return s},Kr=(e,...t)=>{let s,r,n,i;const l=a=>{const u=t.reduce((f,C)=>C(f),e());return s=Hr(u),r=s.cache.get,n=s.cache.set,i=d,d(a)},d=a=>{const u=r(a);if(u)return u;const f=Jr(a,s);return n(a,f),f};return i=l,(...a)=>i(Zr(...a))},eo=[],M=e=>{const t=s=>s[e]||eo;return t.isThemeGetter=!0,t},pt=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,ft=/^\((?:(\w[\w-]*):)?(.+)\)$/i,to=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,ro=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,oo=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,so=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,no=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,ao=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,Q=e=>to.test(e),v=e=>!!e&&!Number.isNaN(Number(e)),H=e=>!!e&&Number.isInteger(Number(e)),Ce=e=>e.endsWith("%")&&v(e.slice(0,-1)),Y=e=>ro.test(e),xt=()=>!0,io=e=>oo.test(e)&&!so.test(e),Me=()=>!1,lo=e=>no.test(e),co=e=>ao.test(e),uo=e=>!m(e)&&!p(e),mo=e=>X(e,gt,Me),m=e=>pt.test(e),Z=e=>X(e,yt,io),Ve=e=>X(e,vo,v),po=e=>X(e,wt,xt),fo=e=>X(e,vt,Me),Ye=e=>X(e,ht,Me),xo=e=>X(e,bt,co),be=e=>X(e,kt,lo),p=e=>ft.test(e),de=e=>ee(e,yt),ho=e=>ee(e,vt),qe=e=>ee(e,ht),bo=e=>ee(e,gt),go=e=>ee(e,bt),ge=e=>ee(e,kt,!0),yo=e=>ee(e,wt,!0),X=(e,t,s)=>{const r=pt.exec(e);return r?r[1]?t(r[1]):s(r[2]):!1},ee=(e,t,s=!1)=>{const r=ft.exec(e);return r?r[1]?t(r[1]):s:!1},ht=e=>e==="position"||e==="percentage",bt=e=>e==="image"||e==="url",gt=e=>e==="length"||e==="size"||e==="bg-size",yt=e=>e==="length",vo=e=>e==="number",vt=e=>e==="family-name",wt=e=>e==="number"||e==="weight",kt=e=>e==="shadow",wo=()=>{const e=M("color"),t=M("font"),s=M("text"),r=M("font-weight"),n=M("tracking"),i=M("leading"),l=M("breakpoint"),d=M("container"),a=M("spacing"),u=M("radius"),f=M("shadow"),C=M("inset-shadow"),g=M("text-shadow"),w=M("drop-shadow"),j=M("blur"),b=M("perspective"),k=M("aspect"),F=M("ease"),S=M("animate"),z=()=>["auto","avoid","all","avoid-page","page","left","right","column"],$=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],q=()=>[...$(),p,m],B=()=>["auto","hidden","clip","visible","scroll"],J=()=>["auto","contain","none"],x=()=>[p,m,a],O=()=>[Q,"full","auto",...x()],ue=()=>[H,"none","subgrid",p,m],me=()=>["auto",{span:["full",H,p,m]},H,p,m],W=()=>[H,"auto",p,m],ae=()=>["auto","min","max","fr",p,m],ie=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],U=()=>["start","end","center","stretch","center-safe","end-safe"],D=()=>["auto",...x()],G=()=>[Q,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...x()],te=()=>[Q,"screen","full","dvw","lvw","svw","min","max","fit",...x()],re=()=>[Q,"screen","full","lh","dvh","lvh","svh","min","max","fit",...x()],h=()=>[e,p,m],c=()=>[...$(),qe,Ye,{position:[p,m]}],y=()=>["no-repeat",{repeat:["","x","y","space","round"]}],E=()=>["auto","cover","contain",bo,mo,{size:[p,m]}],R=()=>[Ce,de,Z],P=()=>["","none","full",u,p,m],A=()=>["",v,de,Z],T=()=>["solid","dashed","dotted","double"],V=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],_=()=>[v,Ce,qe,Ye],pe=()=>["","none",j,p,m],fe=()=>["none",v,p,m],xe=()=>["none",v,p,m],Ne=()=>[v,p,m],he=()=>[Q,"full",...x()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[Y],breakpoint:[Y],color:[xt],container:[Y],"drop-shadow":[Y],ease:["in","out","in-out"],font:[uo],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[Y],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[Y],shadow:[Y],spacing:["px",v],text:[Y],"text-shadow":[Y],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",Q,m,p,k]}],container:["container"],columns:[{columns:[v,m,p,d]}],"break-after":[{"break-after":z()}],"break-before":[{"break-before":z()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:q()}],overflow:[{overflow:B()}],"overflow-x":[{"overflow-x":B()}],"overflow-y":[{"overflow-y":B()}],overscroll:[{overscroll:J()}],"overscroll-x":[{"overscroll-x":J()}],"overscroll-y":[{"overscroll-y":J()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:O()}],"inset-x":[{"inset-x":O()}],"inset-y":[{"inset-y":O()}],start:[{"inset-s":O(),start:O()}],end:[{"inset-e":O(),end:O()}],"inset-bs":[{"inset-bs":O()}],"inset-be":[{"inset-be":O()}],top:[{top:O()}],right:[{right:O()}],bottom:[{bottom:O()}],left:[{left:O()}],visibility:["visible","invisible","collapse"],z:[{z:[H,"auto",p,m]}],basis:[{basis:[Q,"full","auto",d,...x()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[v,Q,"auto","initial","none",m]}],grow:[{grow:["",v,p,m]}],shrink:[{shrink:["",v,p,m]}],order:[{order:[H,"first","last","none",p,m]}],"grid-cols":[{"grid-cols":ue()}],"col-start-end":[{col:me()}],"col-start":[{"col-start":W()}],"col-end":[{"col-end":W()}],"grid-rows":[{"grid-rows":ue()}],"row-start-end":[{row:me()}],"row-start":[{"row-start":W()}],"row-end":[{"row-end":W()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":ae()}],"auto-rows":[{"auto-rows":ae()}],gap:[{gap:x()}],"gap-x":[{"gap-x":x()}],"gap-y":[{"gap-y":x()}],"justify-content":[{justify:[...ie(),"normal"]}],"justify-items":[{"justify-items":[...U(),"normal"]}],"justify-self":[{"justify-self":["auto",...U()]}],"align-content":[{content:["normal",...ie()]}],"align-items":[{items:[...U(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...U(),{baseline:["","last"]}]}],"place-content":[{"place-content":ie()}],"place-items":[{"place-items":[...U(),"baseline"]}],"place-self":[{"place-self":["auto",...U()]}],p:[{p:x()}],px:[{px:x()}],py:[{py:x()}],ps:[{ps:x()}],pe:[{pe:x()}],pbs:[{pbs:x()}],pbe:[{pbe:x()}],pt:[{pt:x()}],pr:[{pr:x()}],pb:[{pb:x()}],pl:[{pl:x()}],m:[{m:D()}],mx:[{mx:D()}],my:[{my:D()}],ms:[{ms:D()}],me:[{me:D()}],mbs:[{mbs:D()}],mbe:[{mbe:D()}],mt:[{mt:D()}],mr:[{mr:D()}],mb:[{mb:D()}],ml:[{ml:D()}],"space-x":[{"space-x":x()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":x()}],"space-y-reverse":["space-y-reverse"],size:[{size:G()}],"inline-size":[{inline:["auto",...te()]}],"min-inline-size":[{"min-inline":["auto",...te()]}],"max-inline-size":[{"max-inline":["none",...te()]}],"block-size":[{block:["auto",...re()]}],"min-block-size":[{"min-block":["auto",...re()]}],"max-block-size":[{"max-block":["none",...re()]}],w:[{w:[d,"screen",...G()]}],"min-w":[{"min-w":[d,"screen","none",...G()]}],"max-w":[{"max-w":[d,"screen","none","prose",{screen:[l]},...G()]}],h:[{h:["screen","lh",...G()]}],"min-h":[{"min-h":["screen","lh","none",...G()]}],"max-h":[{"max-h":["screen","lh",...G()]}],"font-size":[{text:["base",s,de,Z]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[r,yo,po]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",Ce,m]}],"font-family":[{font:[ho,fo,t]}],"font-features":[{"font-features":[m]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[n,p,m]}],"line-clamp":[{"line-clamp":[v,"none",p,Ve]}],leading:[{leading:[i,...x()]}],"list-image":[{"list-image":["none",p,m]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",p,m]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:h()}],"text-color":[{text:h()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...T(),"wavy"]}],"text-decoration-thickness":[{decoration:[v,"from-font","auto",p,Z]}],"text-decoration-color":[{decoration:h()}],"underline-offset":[{"underline-offset":[v,"auto",p,m]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:x()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",p,m]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",p,m]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:c()}],"bg-repeat":[{bg:y()}],"bg-size":[{bg:E()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},H,p,m],radial:["",p,m],conic:[H,p,m]},go,xo]}],"bg-color":[{bg:h()}],"gradient-from-pos":[{from:R()}],"gradient-via-pos":[{via:R()}],"gradient-to-pos":[{to:R()}],"gradient-from":[{from:h()}],"gradient-via":[{via:h()}],"gradient-to":[{to:h()}],rounded:[{rounded:P()}],"rounded-s":[{"rounded-s":P()}],"rounded-e":[{"rounded-e":P()}],"rounded-t":[{"rounded-t":P()}],"rounded-r":[{"rounded-r":P()}],"rounded-b":[{"rounded-b":P()}],"rounded-l":[{"rounded-l":P()}],"rounded-ss":[{"rounded-ss":P()}],"rounded-se":[{"rounded-se":P()}],"rounded-ee":[{"rounded-ee":P()}],"rounded-es":[{"rounded-es":P()}],"rounded-tl":[{"rounded-tl":P()}],"rounded-tr":[{"rounded-tr":P()}],"rounded-br":[{"rounded-br":P()}],"rounded-bl":[{"rounded-bl":P()}],"border-w":[{border:A()}],"border-w-x":[{"border-x":A()}],"border-w-y":[{"border-y":A()}],"border-w-s":[{"border-s":A()}],"border-w-e":[{"border-e":A()}],"border-w-bs":[{"border-bs":A()}],"border-w-be":[{"border-be":A()}],"border-w-t":[{"border-t":A()}],"border-w-r":[{"border-r":A()}],"border-w-b":[{"border-b":A()}],"border-w-l":[{"border-l":A()}],"divide-x":[{"divide-x":A()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":A()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...T(),"hidden","none"]}],"divide-style":[{divide:[...T(),"hidden","none"]}],"border-color":[{border:h()}],"border-color-x":[{"border-x":h()}],"border-color-y":[{"border-y":h()}],"border-color-s":[{"border-s":h()}],"border-color-e":[{"border-e":h()}],"border-color-bs":[{"border-bs":h()}],"border-color-be":[{"border-be":h()}],"border-color-t":[{"border-t":h()}],"border-color-r":[{"border-r":h()}],"border-color-b":[{"border-b":h()}],"border-color-l":[{"border-l":h()}],"divide-color":[{divide:h()}],"outline-style":[{outline:[...T(),"none","hidden"]}],"outline-offset":[{"outline-offset":[v,p,m]}],"outline-w":[{outline:["",v,de,Z]}],"outline-color":[{outline:h()}],shadow:[{shadow:["","none",f,ge,be]}],"shadow-color":[{shadow:h()}],"inset-shadow":[{"inset-shadow":["none",C,ge,be]}],"inset-shadow-color":[{"inset-shadow":h()}],"ring-w":[{ring:A()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:h()}],"ring-offset-w":[{"ring-offset":[v,Z]}],"ring-offset-color":[{"ring-offset":h()}],"inset-ring-w":[{"inset-ring":A()}],"inset-ring-color":[{"inset-ring":h()}],"text-shadow":[{"text-shadow":["none",g,ge,be]}],"text-shadow-color":[{"text-shadow":h()}],opacity:[{opacity:[v,p,m]}],"mix-blend":[{"mix-blend":[...V(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":V()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[v]}],"mask-image-linear-from-pos":[{"mask-linear-from":_()}],"mask-image-linear-to-pos":[{"mask-linear-to":_()}],"mask-image-linear-from-color":[{"mask-linear-from":h()}],"mask-image-linear-to-color":[{"mask-linear-to":h()}],"mask-image-t-from-pos":[{"mask-t-from":_()}],"mask-image-t-to-pos":[{"mask-t-to":_()}],"mask-image-t-from-color":[{"mask-t-from":h()}],"mask-image-t-to-color":[{"mask-t-to":h()}],"mask-image-r-from-pos":[{"mask-r-from":_()}],"mask-image-r-to-pos":[{"mask-r-to":_()}],"mask-image-r-from-color":[{"mask-r-from":h()}],"mask-image-r-to-color":[{"mask-r-to":h()}],"mask-image-b-from-pos":[{"mask-b-from":_()}],"mask-image-b-to-pos":[{"mask-b-to":_()}],"mask-image-b-from-color":[{"mask-b-from":h()}],"mask-image-b-to-color":[{"mask-b-to":h()}],"mask-image-l-from-pos":[{"mask-l-from":_()}],"mask-image-l-to-pos":[{"mask-l-to":_()}],"mask-image-l-from-color":[{"mask-l-from":h()}],"mask-image-l-to-color":[{"mask-l-to":h()}],"mask-image-x-from-pos":[{"mask-x-from":_()}],"mask-image-x-to-pos":[{"mask-x-to":_()}],"mask-image-x-from-color":[{"mask-x-from":h()}],"mask-image-x-to-color":[{"mask-x-to":h()}],"mask-image-y-from-pos":[{"mask-y-from":_()}],"mask-image-y-to-pos":[{"mask-y-to":_()}],"mask-image-y-from-color":[{"mask-y-from":h()}],"mask-image-y-to-color":[{"mask-y-to":h()}],"mask-image-radial":[{"mask-radial":[p,m]}],"mask-image-radial-from-pos":[{"mask-radial-from":_()}],"mask-image-radial-to-pos":[{"mask-radial-to":_()}],"mask-image-radial-from-color":[{"mask-radial-from":h()}],"mask-image-radial-to-color":[{"mask-radial-to":h()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":$()}],"mask-image-conic-pos":[{"mask-conic":[v]}],"mask-image-conic-from-pos":[{"mask-conic-from":_()}],"mask-image-conic-to-pos":[{"mask-conic-to":_()}],"mask-image-conic-from-color":[{"mask-conic-from":h()}],"mask-image-conic-to-color":[{"mask-conic-to":h()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:c()}],"mask-repeat":[{mask:y()}],"mask-size":[{mask:E()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",p,m]}],filter:[{filter:["","none",p,m]}],blur:[{blur:pe()}],brightness:[{brightness:[v,p,m]}],contrast:[{contrast:[v,p,m]}],"drop-shadow":[{"drop-shadow":["","none",w,ge,be]}],"drop-shadow-color":[{"drop-shadow":h()}],grayscale:[{grayscale:["",v,p,m]}],"hue-rotate":[{"hue-rotate":[v,p,m]}],invert:[{invert:["",v,p,m]}],saturate:[{saturate:[v,p,m]}],sepia:[{sepia:["",v,p,m]}],"backdrop-filter":[{"backdrop-filter":["","none",p,m]}],"backdrop-blur":[{"backdrop-blur":pe()}],"backdrop-brightness":[{"backdrop-brightness":[v,p,m]}],"backdrop-contrast":[{"backdrop-contrast":[v,p,m]}],"backdrop-grayscale":[{"backdrop-grayscale":["",v,p,m]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[v,p,m]}],"backdrop-invert":[{"backdrop-invert":["",v,p,m]}],"backdrop-opacity":[{"backdrop-opacity":[v,p,m]}],"backdrop-saturate":[{"backdrop-saturate":[v,p,m]}],"backdrop-sepia":[{"backdrop-sepia":["",v,p,m]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":x()}],"border-spacing-x":[{"border-spacing-x":x()}],"border-spacing-y":[{"border-spacing-y":x()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",p,m]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[v,"initial",p,m]}],ease:[{ease:["linear","initial",F,p,m]}],delay:[{delay:[v,p,m]}],animate:[{animate:["none",S,p,m]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[b,p,m]}],"perspective-origin":[{"perspective-origin":q()}],rotate:[{rotate:fe()}],"rotate-x":[{"rotate-x":fe()}],"rotate-y":[{"rotate-y":fe()}],"rotate-z":[{"rotate-z":fe()}],scale:[{scale:xe()}],"scale-x":[{"scale-x":xe()}],"scale-y":[{"scale-y":xe()}],"scale-z":[{"scale-z":xe()}],"scale-3d":["scale-3d"],skew:[{skew:Ne()}],"skew-x":[{"skew-x":Ne()}],"skew-y":[{"skew-y":Ne()}],transform:[{transform:[p,m,"","none","gpu","cpu"]}],"transform-origin":[{origin:q()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:he()}],"translate-x":[{"translate-x":he()}],"translate-y":[{"translate-y":he()}],"translate-z":[{"translate-z":he()}],"translate-none":["translate-none"],accent:[{accent:h()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:h()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",p,m]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":x()}],"scroll-mx":[{"scroll-mx":x()}],"scroll-my":[{"scroll-my":x()}],"scroll-ms":[{"scroll-ms":x()}],"scroll-me":[{"scroll-me":x()}],"scroll-mbs":[{"scroll-mbs":x()}],"scroll-mbe":[{"scroll-mbe":x()}],"scroll-mt":[{"scroll-mt":x()}],"scroll-mr":[{"scroll-mr":x()}],"scroll-mb":[{"scroll-mb":x()}],"scroll-ml":[{"scroll-ml":x()}],"scroll-p":[{"scroll-p":x()}],"scroll-px":[{"scroll-px":x()}],"scroll-py":[{"scroll-py":x()}],"scroll-ps":[{"scroll-ps":x()}],"scroll-pe":[{"scroll-pe":x()}],"scroll-pbs":[{"scroll-pbs":x()}],"scroll-pbe":[{"scroll-pbe":x()}],"scroll-pt":[{"scroll-pt":x()}],"scroll-pr":[{"scroll-pr":x()}],"scroll-pb":[{"scroll-pb":x()}],"scroll-pl":[{"scroll-pl":x()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",p,m]}],fill:[{fill:["none",...h()]}],"stroke-w":[{stroke:[v,de,Z,Ve]}],stroke:[{stroke:["none",...h()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},ko=Kr(wo);function L(...e){return ko(Ar(e))}const ve=e=>e==="payment_method"||e==="payment_details",we=e=>e==="review",jt=(e,t)=>new Intl.NumberFormat("en-US",{style:"currency",currency:t}).format(e),jo=({theme:e,brandColor:t,customTheme:s,children:r})=>{const n=st(e,t,s),i=rt(n);return o.jsx("div",{style:i,className:"bg-background text-text font-(--theme-font) h-full w-full",children:r})},Nt={orderSummary:"Order Summary",quantity:"Qty",quantityShort:"Qty",removeItem:"Remove item",subtotal:"Subtotal",discount:"Discount",shipping:"Shipping",shippingFree:"Free",taxes:"Taxes",total:"Total",couponPlaceholder:"Promo code",couponApply:"Apply",couponApplied:"✓ Coupon applied",couponInvalid:"✗ Invalid code",couponRemove:"Remove coupon",orderSummaryTitle:"Order summary",securePayment:"SECURE SSL PAYMENT",continueToPay:"Continue to payment",payNow:"Pay now",pay:"Pay",processing:"Processing…",continueNow:"Continue now",paymentMethod:"Payment method",back:"Back",completeDetails:"Complete details",selectMethod:"Select a method",processingPayment:"Processing payment…",processingDescription:"Don't close or reload this window.",redirecting:"Redirecting…",redirectDescription:"You will be redirected to complete your payment securely.",showOrderDetails:"Show order details",hideOrderDetails:"Hide order details",continue:"Continue"},No={orderSummary:"Resumen del pedido",quantity:"Cant",quantityShort:"Cant",removeItem:"Eliminar item",subtotal:"Subtotal",discount:"Descuento",shipping:"Envío",shippingFree:"Gratis",taxes:"Impuestos",total:"Total",couponPlaceholder:"Código promo",couponApply:"Aplicar",couponApplied:"✓ Cupón aplicado",couponInvalid:"✗ Código inválido",couponRemove:"Eliminar cupón",orderSummaryTitle:"Resumen del pedido",securePayment:"PAGO SEGURO SSL",continueToPay:"Continuar al pago",payNow:"Pagar ahora",pay:"Pagar",processing:"Procesando…",continueNow:"Continuar ahora",paymentMethod:"Método de pago",back:"Volver",completeDetails:"Completa los datos",selectMethod:"Selecciona un método",processingPayment:"Procesando pago…",processingDescription:"No cierres ni recargues esta ventana.",redirecting:"Redirigiendo…",redirectDescription:"Serás redirigido para completar tu pago de forma segura.",showOrderDetails:"Ver detalle del pedido",hideOrderDetails:"Ocultar detalle del pedido",continue:"Continuar"},Co={orderSummary:"Resumo do pedido",quantity:"Qtd",quantityShort:"Qtd",removeItem:"Remover item",subtotal:"Subtotal",discount:"Desconto",shipping:"Frete",shippingFree:"Grátis",taxes:"Impostos",total:"Total",couponPlaceholder:"Código promocional",couponApply:"Aplicar",couponApplied:"✓ Cupom aplicado",couponInvalid:"✗ Código inválido",couponRemove:"Remover cupom",orderSummaryTitle:"Resumo do pedido",securePayment:"PAGAMENTO SEGURO SSL",continueToPay:"Continuar para pagamento",payNow:"Pagar agora",pay:"Pagar",processing:"Processando…",continueNow:"Continuar agora",paymentMethod:"Método de pagamento",back:"Voltar",completeDetails:"Complete os dados",selectMethod:"Selecione um método",processingPayment:"Processando pagamento…",processingDescription:"Não feche nem recarregue esta janela.",redirecting:"Redirecionando…",redirectDescription:"Você será redirecionado para completar seu pagamento com segurança.",showOrderDetails:"Ver detalhes do pedido",hideOrderDetails:"Ocultar detalhes do pedido",continue:"Continuar"},Ct={en:Nt,es:No,"pt-BR":Co},We=Object.keys(Ct);function Eo(){if(typeof navigator>"u")return"en";const e=navigator.languages??[navigator.language];for(const t of e){if(We.includes(t))return t;const s=t.split("-")[0];if(We.includes(s))return s;if(s==="pt")return"pt-BR"}return"en"}function So(e){return e==="auto"?Eo():e}function To(e){const t=So(e);return Ct[t]??Nt}function Ro(e,t){const s=To(e);return t?{...s,...t}:s}const Et=N.createContext(null),_o=({locale:e,currency:t,messages:s,formatters:r,children:n})=>{const i=Ro(e,s),l=r!=null&&r.currency?r.currency:d=>jt(d,t);return o.jsx(Et.Provider,{value:{t:i,fmt:l},children:n})},ne=()=>{const e=N.useContext(Et);if(!e)throw new Error("useI18n must be used within an I18nProvider");return e},St=N.createContext({plugins:[]}),Po=({plugins:e,children:t})=>{const s=N.useMemo(()=>({plugins:e}),[e]);return o.jsx(St.Provider,{value:s,children:t})},Ie=()=>N.useContext(St);function ke(e,t,s){return e.filter(r=>r.slots[t]).map(r=>{const n=r.slots[t];return o.jsx(N.Fragment,{children:n(s)},r.id)})}function Qe(e,t,s){return e.filter(r=>r.slots[t]).map(r=>{const n=r.slots[t];return o.jsx(N.Fragment,{children:n(s)},r.id)})}const He=()=>{const{items:e,step:t}=se(),{t:s,fmt:r}=ne(),{plugins:n}=Ie(),i=n.some(a=>a.slots.orderItemActions),l=n.some(a=>a.slots.orderItemEnd),d={items:e,totals:{subtotal:0,total:0},step:t,t:s,fmt:r};return o.jsxs("div",{className:"flex flex-col h-full animate-in fade-in slide-in-from-bottom-4 duration-500 overflow-hidden",children:[o.jsx("h2",{className:"text-xl font-bold mb-6 shrink-0",children:s.orderSummary}),o.jsx("div",{className:"flex-1 overflow-y-auto pr-3 custom-scrollbar flex flex-col divide-y divide-border/30",children:e.map(a=>{const u=!!a.discount,f={...d,item:a};return o.jsxs("div",{className:"py-5 flex items-start gap-5 transition-opacity",children:[a.image&&o.jsx("img",{src:a.image,alt:a.name,className:"w-20 h-20 rounded-2xl object-cover border border-border/40 shrink-0 shadow-sm transition-transform hover:scale-105 duration-300"}),o.jsxs("div",{className:"flex-1 min-w-0",children:[o.jsx("span",{className:"font-bold text-lg text-text/90 block truncate leading-tight mb-1",children:a.name}),i?Qe(n,"orderItemActions",f):o.jsxs("span",{className:"text-sm text-text/40 mt-1 block font-semibold uppercase tracking-wider",children:[s.quantityShort,": ",a.quantity]}),u&&o.jsxs("div",{className:"flex items-center gap-2 mt-3 flex-wrap",children:[a.discount.label&&o.jsx("span",{className:"text-[10px] font-black uppercase tracking-widest bg-success/10 text-success px-2 py-1 rounded-md border border-success/20",children:a.discount.label}),o.jsx("span",{className:"text-xs text-success font-black",children:a.discount.type==="percentage"?`-${a.discount.value}%`:`-${r(a.discount.value)}`})]})]}),o.jsxs("div",{className:"flex flex-col items-end gap-2 shrink-0",children:[l&&Qe(n,"orderItemEnd",f),u?o.jsxs("div",{className:L("flex flex-col items-end",l?"":"mt-1"),children:[o.jsx("span",{className:"text-xs line-through text-text/30 font-medium tracking-tight",children:r(a.unitPrice*a.quantity)}),o.jsx("span",{className:"text-lg font-black text-success tracking-tight",children:r(a.total)})]}):o.jsx("span",{className:L("text-lg font-bold text-text/80 tracking-tight",l?"":"mt-1"),children:r(a.total)})]})]},a.id)})})]})},Ao=e=>{switch(e){case"card":return o.jsx(nr,{className:"w-5 h-5"});case"wallet":return o.jsx(Fe,{className:"w-5 h-5"});case"bank":return o.jsx(cr,{className:"w-5 h-5"});default:return o.jsx(Fe,{className:"w-5 h-5"})}},Mo=()=>{const{paymentMethods:e,selectedMethodId:t,selectMethod:s,setStep:r,submitPayment:n,totals:i,error:l}=se(),{t:d,fmt:a}=ne(),[u,f]=N.useState(!1),[C,g]=N.useState({}),w=e.find(S=>S.id===t),j=w?w.renderComponent?!!C[w.id]:!0:!1,b=S=>{s(S)},k=N.useCallback(S=>z=>{g($=>({...$,[S]:z}))},[]),F=async S=>{S.preventDefault(),!(!t||!j)&&(f(!0),await n({methodId:t}),f(!1))};return o.jsxs("form",{id:"checkout-payment-form",onSubmit:F,className:"flex flex-col gap-3 animate-in fade-in slide-in-from-right-4 duration-500",children:[o.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[o.jsx("button",{type:"button",onClick:()=>r("review"),className:"p-1 hover:bg-border/50 rounded-full transition-colors text-text/80","aria-label":d.back,children:o.jsx(qt,{className:"w-5 h-5"})}),o.jsx("h2",{className:"text-xl font-semibold",children:d.paymentMethod})]}),o.jsx("div",{className:"flex-1 overflow-y-auto pr-1 custom-scrollbar flex flex-col gap-2",children:e.map(S=>{const z=t===S.id;return o.jsxs("div",{className:"flex flex-col",children:[o.jsxs("button",{type:"button",onClick:()=>b(S.id),disabled:u,className:L("flex items-center gap-3 p-3.5 border transition-all duration-200 text-left",z?"border-primary bg-primary/5 ring-1 ring-primary shadow-sm":"border-border/60 hover:border-primary/50 bg-background/50 hover:bg-background",z&&S.renderComponent?"rounded-t-[var(--radius-DEFAULT)]":"rounded-[var(--radius-DEFAULT)]"),children:[o.jsx("div",{className:L("p-1.5 rounded-lg shrink-0",z?"text-primary":"text-text/50"),children:Ao(S.type)}),o.jsx("span",{className:"flex-1 font-bold text-sm tracking-tight",children:S.label}),o.jsx("div",{className:L("w-5 h-5 rounded-full border-2 flex items-center justify-center transition-all shrink-0",z?"border-primary bg-primary/10":"border-text/20"),children:z&&o.jsx("div",{className:"w-2.5 h-2.5 rounded-full bg-primary shadow-sm"})})]}),z&&S.renderComponent&&o.jsx("div",{className:"border border-t-0 border-primary/20 bg-background/50 rounded-b-[var(--radius-DEFAULT)] px-5 pt-5 pb-5 animate-in fade-in slide-in-from-top-2 duration-300",children:S.renderComponent({onReadyChange:k(S.id)})})]},S.id)})}),o.jsx("button",{type:"submit",disabled:!j||u,className:L("md:hidden flex w-full py-4 px-4 rounded-[var(--radius-DEFAULT)] mt-2 font-black uppercase tracking-widest justify-center items-center gap-2 transition-all shadow-lg active:scale-[0.98]",!j||u?"bg-primary/40 text-surface cursor-not-allowed":"bg-primary text-surface hover:brightness-110 shadow-primary/20"),children:u?o.jsxs(o.Fragment,{children:[o.jsx(K,{className:"w-5 h-5 animate-spin"}),d.processing]}):j?`${d.pay} ${a(i.total)}`:w?d.completeDetails:d.selectMethod}),l&&!u&&o.jsx("p",{className:"text-sm text-error text-center font-medium animate-in fade-in duration-300 -mt-1",children:l})]})},Io=({label:e,onPress:t,variant:s="solid",icon:r,disabled:n,className:i,type:l="button"})=>o.jsxs("button",{type:l,onClick:t,disabled:n,className:L("flex items-center justify-center gap-2 px-5 py-2.5 rounded-[var(--radius-DEFAULT)] font-medium text-sm transition-all active:scale-[0.98]",s==="solid"&&"bg-primary text-surface hover:opacity-90 disabled:opacity-40 disabled:cursor-not-allowed",s==="outline"&&"border border-primary text-primary hover:bg-primary/5 disabled:opacity-40 disabled:cursor-not-allowed",s==="ghost"&&"text-text/70 hover:bg-border/50 hover:text-text disabled:opacity-40 disabled:cursor-not-allowed",i),children:[r&&o.jsx("span",{className:"shrink-0",children:r}),e]}),Xe=2,Oo={success:{icon:o.jsx(Zt,{className:"w-10 h-10"}),iconBg:"bg-success/10",iconColor:"text-success"},pending:{icon:o.jsx(rr,{className:"w-10 h-10"}),iconBg:"bg-orange-500/10",iconColor:"text-orange-500"},error:{icon:o.jsx(er,{className:"w-10 h-10"}),iconBg:"bg-error/10",iconColor:"text-error"},redirect:{icon:o.jsx(ir,{className:"w-10 h-10"}),iconBg:"bg-primary/10",iconColor:"text-primary"}},Je=({title:e,description:t,actions:s=[],variant:r="success",children:n})=>{const i=Oo[r],[l,d]=N.useState(r==="redirect"?Xe:0);return N.useEffect(()=>{if(r!=="redirect")return;if(l<=0){const u=s.find(f=>!f.variant||f.variant==="solid");u==null||u.onPress();return}const a=setInterval(()=>d(u=>u-1),1e3);return()=>clearInterval(a)},[l,r]),o.jsxs("div",{className:"flex flex-col items-center justify-center py-8 gap-5 animate-in zoom-in-95 fade-in duration-500",children:[o.jsx("div",{className:L("w-20 h-20 rounded-full flex items-center justify-center",i.iconBg,i.iconColor),children:i.icon}),o.jsxs("div",{className:"text-center",children:[o.jsx("h2",{className:"text-2xl font-bold mb-1",children:e}),t&&o.jsx("p",{className:"text-text/60 text-sm max-w-[280px] mx-auto leading-relaxed",children:t})]}),r==="redirect"&&l>0&&o.jsxs("div",{className:"flex flex-col items-center gap-2",children:[o.jsxs("div",{className:"relative w-14 h-14",children:[o.jsxs("svg",{className:"w-14 h-14 -rotate-90",viewBox:"0 0 56 56",children:[o.jsx("circle",{cx:"28",cy:"28",r:"24",fill:"none",stroke:"currentColor",strokeWidth:"4",className:"text-border"}),o.jsx("circle",{cx:"28",cy:"28",r:"24",fill:"none",stroke:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:`${2*Math.PI*24}`,strokeDashoffset:`${2*Math.PI*24*(1-l/Xe)}`,className:"text-primary transition-all duration-1000"})]}),o.jsx("span",{className:"absolute inset-0 flex items-center justify-center text-xl font-bold text-primary",children:l})]}),o.jsxs("p",{className:"text-xs text-text/50",children:["Redirigiendo en ",l,"s…"]})]}),n&&o.jsx("div",{className:"w-full",children:n}),s.length>0&&o.jsx("div",{className:"flex flex-wrap gap-3 justify-center w-full mt-1",children:s.map((a,u)=>o.jsx(Io,{label:a.label,onPress:a.onPress,variant:a.variant??"solid",icon:a.icon,className:a.variant==="solid"?"flex-1":void 0},u))})]})},zo=({children:e,sidebar:t,className:s,...r})=>{const n=!!t;return o.jsxs("div",{className:L("w-full h-full bg-surface text-text rounded-(--theme-radius) shadow-2xl border border-border","overflow-hidden flex flex-col md:flex-row",s),...r,children:[o.jsx("div",{className:L("flex-1 min-w-0 min-h-0 flex flex-col overflow-hidden p-4"),children:e}),n&&o.jsxs(o.Fragment,{children:[o.jsx("div",{className:"hidden md:block w-px bg-border/60 shrink-0"}),o.jsx("div",{className:"hidden md:flex w-[320px] shrink-0 flex-col overflow-y-auto p-4 bg-background/60",children:t})]})]})},Do=["success","pending","error","redirect"],Lo={success:"✅ Éxito",pending:"⏳ Pendiente",error:"❌ Error",redirect:"↗️ Redirect"},Fo=()=>{const{state:e,eventLog:t}=Pe(),[s,r]=N.useState(!1),[n,i]=N.useState("success");return o.jsxs(o.Fragment,{children:[o.jsx("button",{onClick:()=>r(!0),className:"fixed top-4 right-4 z-40 bg-surface text-text/50 hover:text-primary p-3 rounded-full shadow-md border border-border transition-all hover:scale-105","aria-label":"Open Dev Tools",children:o.jsx(Le,{className:"w-5 h-5"})}),o.jsxs("div",{className:`fixed top-0 right-0 h-full w-80 bg-surface shadow-2xl z-50 p-6 flex flex-col gap-6 overflow-y-auto transition-transform duration-300 ${s?"translate-x-0":"translate-x-full"}`,style:{colorScheme:"light"},children:[o.jsxs("div",{className:"flex items-center justify-between pb-4 border-b border-border",children:[o.jsxs("h2",{className:"text-lg font-bold text-text flex items-center gap-2",children:[o.jsx(Le,{className:"w-5 h-5 text-primary"}),"Dev Tools"]}),o.jsx("button",{onClick:()=>r(!1),className:"text-text/50 hover:text-text p-1 bg-surface hover:bg-border/50 rounded-full transition-colors",children:o.jsx(kr,{className:"w-5 h-5"})})]}),o.jsxs("div",{children:[o.jsx("h2",{className:"text-sm font-bold mb-3 text-slate-500 uppercase tracking-wider",children:"Escenario de pago"}),o.jsx("div",{className:"flex flex-col gap-1",children:Do.map(l=>o.jsxs("label",{className:"flex items-center gap-2 cursor-pointer p-2 hover:bg-slate-50 rounded-lg",children:[o.jsx("input",{type:"radio",name:"scenario",checked:n===l,onChange:()=>i(l),className:"accent-indigo-500 w-4 h-4"}),o.jsx("span",{className:"text-sm",children:Lo[l]})]},l))}),o.jsxs("p",{className:"text-[11px] text-slate-400 mt-2 p-2 bg-slate-50 rounded leading-relaxed",children:["Cupón de prueba: ",o.jsx("code",{className:"font-mono font-bold text-slate-600",children:"SAVE10"})]})]}),o.jsxs("div",{children:[o.jsxs("h2",{className:"text-sm font-bold mb-3 text-slate-500 uppercase tracking-wider flex items-center gap-2",children:["Event Logger ",o.jsx("span",{className:"text-[10px] bg-indigo-100 text-indigo-700 px-2 py-0.5 rounded-full font-semibold",children:"Live"})]}),o.jsx("div",{className:"bg-slate-900 text-emerald-400 font-mono text-[10px] p-3 rounded-xl h-56 overflow-y-auto flex flex-col gap-1",children:t.length===0?o.jsx("span",{className:"text-slate-500 italic",children:"Sin eventos aún…"}):t.map((l,d)=>o.jsx("div",{className:"border-b border-white/10 pb-1",children:l},d))})]}),o.jsxs("div",{className:"flex flex-col gap-2",children:[o.jsx("h2",{className:"text-sm font-bold text-slate-500 uppercase tracking-wider",children:"Estado interno"}),o.jsx("pre",{className:"text-[10px] bg-slate-900 text-emerald-400 p-3 rounded-xl overflow-x-auto",children:JSON.stringify({...e,provider:"PaymentProvider instance"},null,2)})]})]})]})},$o=({showItems:e,isLoading:t})=>{const{items:s,totals:r,step:n,setStep:i,selectedMethodId:l}=se(),{t:d,fmt:a}=ne(),{plugins:u}=Ie(),f=e??n!=="review",C=()=>{if(n==="review")i("payment_method");else{const k=document.getElementById("checkout-payment-form");k==null||k.requestSubmit()}},g=n==="review"?d.continueToPay:d.payNow,w=n==="review"||!!l,j={items:s,totals:r,step:n,t:d,fmt:a},b=u.some(k=>k.slots.totalsDiscountAction);return o.jsxs("div",{className:"flex flex-col h-full animate-in fade-in duration-500",children:[o.jsx("h3",{className:"text-xs font-bold text-text/40 uppercase tracking-widest mb-6",children:d.orderSummaryTitle}),f&&o.jsx("div",{className:"flex flex-col gap-4 overflow-y-auto pr-2 custom-scrollbar",children:s.map(k=>o.jsxs("div",{className:"flex items-start gap-3",children:[k.image&&o.jsx("img",{src:k.image,alt:k.name,className:"w-10 h-10 rounded-lg object-cover border border-border/40 shrink-0 shadow-sm"}),o.jsxs("div",{className:"flex-1 min-w-0",children:[o.jsx("p",{className:"text-[13px] font-semibold leading-tight truncate text-text/80",children:k.name}),o.jsxs("p",{className:"text-[11px] text-text/40 mt-0.5 font-medium",children:[d.quantityShort,": ",k.quantity]})]}),o.jsx("div",{className:"text-right shrink-0",children:o.jsx("span",{className:"text-[13px] font-bold text-text/80",children:a(k.total)})})]},k.id))}),o.jsxs("div",{className:"flex flex-col gap-2",children:[ke(u,"sidebarBeforeTotals",j),o.jsxs("div",{className:"flex  border-t border-border/50 justify-between text-sm text-text/60 font-medium",children:[o.jsx("span",{children:d.subtotal}),o.jsx("span",{children:a(r.subtotal)})]}),r.discount!==void 0&&r.discount>0&&o.jsxs("div",{className:"flex justify-between items-center text-sm font-semibold text-success",children:[o.jsx("span",{children:d.discount}),o.jsxs("span",{className:"flex items-center gap-1.5",children:["-",a(r.discount),b&&ke(u,"totalsDiscountAction",j)]})]}),r.shipping!==void 0&&o.jsxs("div",{className:"flex justify-between text-sm text-text/60 font-medium",children:[o.jsx("span",{children:d.shipping}),o.jsx("span",{children:r.shipping===0?d.shippingFree:a(r.shipping)})]}),r.taxes!==void 0&&o.jsxs("div",{className:"flex justify-between text-sm text-text/60 font-medium",children:[o.jsx("span",{children:d.taxes}),o.jsx("span",{children:a(r.taxes)})]}),o.jsxs("div",{className:"flex justify-between items-center pt-4 border-t border-border/50 mt-2",children:[o.jsx("span",{className:"font-bold text-base text-text/90",children:d.total}),o.jsx("span",{className:"text-2xl font-black text-primary tracking-tight",children:a(r.total)})]})]}),o.jsxs("div",{className:"flex flex-col gap-2 mt-auto",children:[o.jsx("button",{onClick:C,disabled:!w||t,className:L("w-full mt-6 py-4 px-6 rounded-xs font-bold flex items-center justify-center gap-2 transition-all duration-300 shadow-lg active:scale-[0.98]",w&&!t?"bg-primary text-surface hover:brightness-110 shadow-primary/20 cursor-pointer":"bg-primary/40 text-surface/60 cursor-not-allowed shadow-none"),children:t?o.jsx(K,{className:"w-5 h-5 animate-spin"}):o.jsxs(o.Fragment,{children:[g,n==="review"&&o.jsx(Qt,{className:"w-5 h-5"})]})}),o.jsxs("div",{className:"flex items-center justify-center gap-2 mt-4 text-[11px] text-text/30 font-semibold tracking-wide",children:[o.jsx(hr,{className:"w-4 h-4 opacity-50"}),o.jsx("span",{children:d.securePayment})]})]})]})},Ze=({onAction:e,actionLabel:t,actionDisabled:s,isSubmitting:r,showItems:n=!1})=>{const{totals:i,items:l,step:d}=se(),{t:a,fmt:u}=ne(),{plugins:f}=Ie(),[C,g]=N.useState(!1),w={items:l,totals:i,step:d,t:a,fmt:u},j=f.some(b=>b.slots.totalsDiscountAction);return o.jsxs("div",{className:"fixed bottom-0 left-0 right-0 z-30 md:hidden",children:[o.jsx("div",{className:`bg-surface border-t border-border overflow-hidden transition-all duration-300 ease-in-out ${C?"max-h-[70vh] opacity-100":"max-h-0 opacity-0 pointer-events-none"}`,children:o.jsxs("div",{className:"px-4 pt-4 pb-2 flex flex-col gap-0",children:[n&&o.jsx("div",{className:"overflow-y-auto max-h-52 divide-y divide-border/40 mb-3",children:l.map(b=>o.jsxs("div",{className:"flex items-center gap-3 py-2.5",children:[b.image&&o.jsx("img",{src:b.image,alt:b.name,className:"w-10 h-10 rounded-lg object-cover border border-border/30 shrink-0"}),o.jsxs("div",{className:"flex-1 min-w-0",children:[o.jsx("p",{className:"text-sm font-medium truncate",children:b.name}),o.jsxs("p",{className:"text-xs text-text/50",children:[a.quantityShort,": ",b.quantity]}),b.discount&&o.jsxs("p",{className:"text-[10px] text-success font-medium",children:[b.discount.label&&`${b.discount.label} · `,b.discount.type==="percentage"?`-${b.discount.value}%`:`-${u(b.discount.value)}`]})]}),o.jsx("div",{className:"text-right shrink-0",children:b.discount?o.jsxs("div",{className:"flex flex-col items-end",children:[o.jsx("span",{className:"text-[11px] line-through text-text/40",children:u(b.unitPrice*b.quantity)}),o.jsx("span",{className:"text-sm font-semibold text-success",children:u(b.total)})]}):o.jsx("span",{className:"text-sm font-medium",children:u(b.total)})})]},b.id))}),ke(f,"mobileBarExpanded",w),o.jsxs("div",{className:`flex flex-col gap-1.5 text-sm pb-3 ${n?"border-t border-border/50 pt-3":"pt-1"}`,children:[o.jsxs("div",{className:"flex justify-between text-text/60",children:[o.jsx("span",{children:a.subtotal}),o.jsx("span",{children:u(i.subtotal)})]}),i.discount!==void 0&&i.discount>0&&o.jsxs("div",{className:"flex justify-between items-center text-success font-medium",children:[o.jsx("span",{children:a.discount}),o.jsxs("span",{className:"flex items-center gap-1.5",children:["-",u(i.discount),j&&ke(f,"totalsDiscountAction",w)]})]}),i.shipping!==void 0&&o.jsxs("div",{className:"flex justify-between text-text/60",children:[o.jsx("span",{children:a.shipping}),o.jsx("span",{children:i.shipping===0?a.shippingFree:u(i.shipping)})]}),i.taxes!==void 0&&o.jsxs("div",{className:"flex justify-between text-text/60",children:[o.jsx("span",{children:a.taxes}),o.jsx("span",{children:u(i.taxes)})]})]})]})}),o.jsxs("div",{className:"bg-surface border-t border-border shadow-[0_-4px_20px_rgba(0,0,0,0.1)] px-4 pt-3 pb-4 flex flex-col gap-3",children:[o.jsxs("button",{type:"button",onClick:()=>g(b=>!b),className:"flex items-center justify-between w-full","aria-label":C?a.hideOrderDetails:a.showOrderDetails,children:[o.jsx("span",{className:"text-sm font-medium text-text/60",children:a.total}),o.jsxs("span",{className:"flex items-center gap-1.5",children:[o.jsx("span",{className:"text-lg font-bold text-primary",children:u(i.total)}),C?o.jsx(Vt,{className:"w-4 h-4 text-text/40"}):o.jsx(Xt,{className:"w-4 h-4 text-text/40"})]})]}),e&&o.jsx("button",{type:"button",onClick:e,disabled:s||r,className:`w-full py-3 rounded-[var(--radius-DEFAULT)] font-medium text-sm flex items-center justify-center gap-2 transition-all active:scale-[0.98] ${s||r?"bg-primary/40 text-surface cursor-not-allowed":"bg-primary text-surface hover:opacity-90"}`,children:r?o.jsxs(o.Fragment,{children:[o.jsx(K,{className:"w-4 h-4 animate-spin"}),a.processing]}):t??a.continue})]})]})},Uo=({step:e})=>{const{setStep:t}=se(),{t:s}=ne();return we(e)?o.jsx(Ze,{onAction:()=>t("payment_method"),actionLabel:`${s.continueToPay} →`,showItems:!1}):ve(e)?o.jsx(Ze,{onAction:()=>{const r=document.getElementById("checkout-payment-form");r==null||r.requestSubmit()},actionLabel:s.pay,showItems:!0}):null},Go=({devTools:e})=>{const{state:t}=Pe(),{t:s}=ne(),{step:r,paymentResult:n}=t,i=()=>{var l,d,a;switch(r){case"review":return o.jsx(He,{});case"payment_method":return o.jsx(Mo,{});case"processing":return o.jsxs("div",{className:"flex flex-col items-center justify-center py-16 gap-4",children:[o.jsx(K,{className:"w-12 h-12 animate-spin text-primary"}),o.jsx("p",{className:"font-medium text-lg animate-pulse",children:s.processingPayment}),o.jsx("p",{className:"text-sm text-text/50",children:s.processingDescription})]});case"success":case"pending":case"error":return o.jsx(Je,{variant:n==null?void 0:n.status,title:((l=n==null?void 0:n.feedback)==null?void 0:l.title)??"",description:(d=n==null?void 0:n.feedback)==null?void 0:d.title,actions:(a=n==null?void 0:n.feedback)==null?void 0:a.actions});case"redirect":{const u=(n==null?void 0:n.status)==="redirect"?n:void 0,f=u==null?void 0:u.feedback;return o.jsx(Je,{variant:"redirect",title:(f==null?void 0:f.title)??s.redirecting,description:(f==null?void 0:f.description)??s.redirectDescription,actions:(f==null?void 0:f.actions)??[{label:s.continueNow,variant:"solid",onPress:()=>{u!=null&&u.url&&(window.location.href=u.url)}}]})}default:return o.jsx(He,{})}};return o.jsxs("div",{className:"h-[80vh] md:h-full w-full flex flex-col",children:[o.jsx(zo,{sidebar:we(r)||ve(r)?o.jsx($o,{}):void 0,children:i()}),(we(r)||ve(r))&&o.jsx(Uo,{step:r}),e&&o.jsx(Fo,{})]})},Bo=({items:e,totals:t,paymentMethods:s,provider:r,currency:n,locale:i="es",theme:l="light",brandColor:d,customTheme:a,onEvent:u,cartController:f,initialState:C,devTools:g,messages:w,formatters:j,plugins:b=[]})=>o.jsx(jo,{theme:l,brandColor:d,customTheme:a,children:o.jsx(_o,{locale:i,currency:n,messages:w,formatters:j,children:o.jsx(Po,{plugins:b,children:o.jsx(Pr,{config:{items:e,totals:t,paymentMethods:s,provider:r,currency:n,locale:i,cartController:f},initialStatus:C,onEvent:u,children:o.jsx(Go,{devTools:g})})})})});exports.Checkout=Bo;exports.checkoutThemes=tt;exports.cn=L;exports.createCartEditPlugin=Rr;exports.createCssVars=rt;exports.createDiscountPlugin=Nr;exports.darken=Rt;exports.defaultTheme=Ee;exports.formatNumber=jt;exports.generateBrandTheme=ot;exports.getContrastColor=Ke;exports.getLuminance=_e;exports.hexToRgb=oe;exports.isDark=Tt;exports.isPaymentStep=ve;exports.isReviewStep=we;exports.lighten=_t;exports.mergeTheme=Se;exports.mix=Pt;exports.resolveTheme=st;exports.rgbToHex=je;exports.useCheckout=se;