@usethrottle/auth 0.11.0 → 0.12.1

package/dist/react/components/index.js

@@ -1,4 +1,43 @@
 "use client";
+import "../../chunk-ETYOOYYV.js";
+import {
+  Protect,
+  SignedIn,
+  SignedOut
+} from "../../chunk-5EUZYJJL.js";
+import {
+  SignInButton,
+  SignInPage,
+  SignOutButton,
+  SignUpButton,
+  SignUpPage
+} from "../../chunk-VDK23T6L.js";
+import {
+  THROTTLE_STYLES,
+  THROTTLE_STYLE_ID,
+  ThrottleProvider,
+  ThrottleUIContext,
+  useThrottle
+} from "../../chunk-RCNUWITB.js";
+import "../../chunk-3B4DNX5T.js";
+import {
+  ACCOUNT_TABS,
+  AccountDashboard,
+  AccountModal,
+  AddCardDialog,
+  AddressesPanel,
+  InvoiceDetail,
+  InvoicesPanel,
+  OrderDetail,
+  OrdersPanel,
+  PaymentMethodsPanel,
+  ProfilePanel,
+  SecurityPanel,
+  SubscriptionsPanel,
+  VerifyEmailBanner,
+  formatDate,
+  formatMoney
+} from "../../chunk-6WN3J5MM.js";
 import {
   useAddresses,
   useCustomer,
@@ -8,10 +47,33 @@ import {
   useOrders,
   useSavedCards,
   useSubscriptions
-} from "../../chunk-EFMKBOTL.js";
+} from "../../chunk-UFGW76AZ.js";
 import {
-  messageForError
-} from "../../chunk-K7RCWADI.js";
+  AuthFlow,
+  AuthModal,
+  ForgotPassword,
+  ResetPassword,
+  SignIn,
+  SignUp,
+  VerifyEmail
+} from "../../chunk-JSDZMPCV.js";
+import "../../chunk-X6D35EAX.js";
+import "../../chunk-QPVS6JXP.js";
+import {
+  AppearanceProvider,
+  Avatar,
+  Badge,
+  Dropdown,
+  DropdownItem,
+  DropdownSeparator,
+  Modal,
+  THROTTLE_ELEMENT_KEYS,
+  enUS,
+  useAppearance,
+  useAppearanceProviderValue,
+  useCopy
+} from "../../chunk-CUNMJ2PH.js";
+import "../../chunk-K7RCWADI.js";
 import {
   ThrottleAuthError,
   ThrottleAuthProvider,
@@ -21,4674 +83,22 @@ import {
   memoryStorage,
   useAuth,
   useAuthContext
-} from "../../chunk-YY6YATXT.js";
-
-// src/react/components/provider.tsx
-import { createContext as createContext6, useCallback as useCallback4, useContext as useContext6, useMemo as useMemo4, useRef as useRef9, useState as useState22 } from "react";
-
-// src/react/components/appearance.tsx
-import { createContext, useContext, useMemo } from "react";
-
-// src/react/components/contrast.ts
-var DEFAULT_DANGER = { light: "#c2321f", dark: "#ff6b58" };
-var DEFAULT_PRIMARY_FOREGROUND = { light: "#ffffff", dark: "#0d1117" };
-function channel(value) {
-  const c = value / 255;
-  return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-}
-function luminance(hex) {
-  const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
-  if (!m) return null;
-  const h = m[1].length === 3 ? m[1].replace(/./g, (c) => c + c) : m[1];
-  const [r, g, b] = [0, 2, 4].map((i) => parseInt(h.slice(i, i + 2), 16));
-  return 0.2126 * channel(r) + 0.7152 * channel(g) + 0.0722 * channel(b);
-}
-function contrastRatio(a, b) {
-  const la = luminance(a);
-  const lb = luminance(b);
-  if (la === null || lb === null) return null;
-  return (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
-}
-function primaryContrastWarning(variables, theme) {
-  const primary = variables.colorPrimary;
-  if (!primary) return null;
-  const themes = theme === "auto" ? ["light", "dark"] : [theme];
-  const failures = [];
-  for (const t of themes) {
-    const fg = variables.colorPrimaryForeground ?? DEFAULT_PRIMARY_FOREGROUND[t];
-    const ratio = contrastRatio(primary, fg);
-    if (ratio === null) return null;
-    if (ratio < 4.5) failures.push(`${t} ${ratio.toFixed(2)}:1 against ${fg}`);
-  }
-  if (failures.length === 0) return null;
-  const advice = variables.colorPrimaryForeground ? "Pick a foreground with more contrast against it." : "You set `colorPrimary` without `colorPrimaryForeground`, so the theme default is being used. Set both.";
-  return `[@usethrottle/auth] Primary button text may be hard to read on ${primary}: ${failures.join("; ")}. WCAG asks for 4.5:1. ${advice}`;
-}
-function toLab(hex) {
-  const m = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
-  if (!m) return null;
-  const h = m[1].length === 3 ? m[1].replace(/./g, (c) => c + c) : m[1];
-  const [r, g, b] = [0, 2, 4].map((i) => {
-    const c = parseInt(h.slice(i, i + 2), 16) / 255;
-    return c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-  });
-  const X = (r * 0.4124 + g * 0.3576 + b * 0.1805) / 0.95047;
-  const Y = r * 0.2126 + g * 0.7152 + b * 0.0722;
-  const Z = (r * 0.0193 + g * 0.1192 + b * 0.9505) / 1.08883;
-  const f = (t) => t > 8856e-6 ? Math.cbrt(t) : 7.787 * t + 16 / 116;
-  const [fx, fy, fz] = [f(X), f(Y), f(Z)];
-  return [116 * fy - 16, 500 * (fx - fy), 200 * (fy - fz)];
-}
-function colourDistance(a, b) {
-  const la = toLab(a);
-  const lb = toLab(b);
-  if (!la || !lb) return null;
-  return Math.hypot(la[0] - lb[0], la[1] - lb[1], la[2] - lb[2]);
-}
-var MIN_DISTINCT = 25;
-function dangerCollisionWarning(variables, theme) {
-  const primary = variables.colorPrimary;
-  if (!primary) return null;
-  const themes = theme === "auto" ? ["light", "dark"] : [theme];
-  const failures = [];
-  for (const t of themes) {
-    const danger = variables.colorDanger ?? DEFAULT_DANGER[t];
-    const d = colourDistance(primary, danger);
-    if (d === null) return null;
-    if (d < MIN_DISTINCT) failures.push(`${t} \u0394E ${d.toFixed(1)} against ${danger}`);
-  }
-  if (failures.length === 0) return null;
-  return `[@usethrottle/auth] Your brand colour ${primary} is too close to the destructive colour to tell apart: ${failures.join("; ")}. Delete and Edit sit side by side in the account panels and a buyer distinguishes them by colour alone, so pick a more distinct \`colorPrimary\`, or override \`colorDanger\` to something further from it.`;
-}
-
-// src/react/components/appearance.tsx
-import { jsx } from "react/jsx-runtime";
-var warnedPairings = /* @__PURE__ */ new Set();
-function warnOnUnreadablePrimary(variables, theme) {
-  if (process.env.NODE_ENV === "production") return;
-  const key = `${variables.colorPrimary}|${variables.colorPrimaryForeground}|${variables.colorDanger}|${theme}`;
-  if (warnedPairings.has(key)) return;
-  const messages = [
-    primaryContrastWarning(variables, theme),
-    dangerCollisionWarning(variables, theme)
-  ].filter(Boolean);
-  if (messages.length === 0) return;
-  warnedPairings.add(key);
-  for (const m of messages) console.warn(m);
-}
-var VARIABLE_PROPERTY = {
-  colorPrimary: "--throttle-color-primary",
-  colorPrimaryForeground: "--throttle-color-primary-foreground",
-  colorBackground: "--throttle-color-background",
-  colorSurface: "--throttle-color-surface",
-  colorForeground: "--throttle-color-foreground",
-  colorMuted: "--throttle-color-muted",
-  colorMutedForeground: "--throttle-color-muted-foreground",
-  colorBorder: "--throttle-color-border",
-  colorBorderControl: "--throttle-color-border-control",
-  colorDanger: "--throttle-color-danger",
-  colorDangerSurface: "--throttle-color-danger-surface",
-  colorDangerBorder: "--throttle-color-danger-border",
-  colorSuccess: "--throttle-color-success",
-  colorSuccessSurface: "--throttle-color-success-surface",
-  colorSuccessBorder: "--throttle-color-success-border",
-  colorWarning: "--throttle-color-warning",
-  colorWarningSurface: "--throttle-color-warning-surface",
-  colorWarningBorder: "--throttle-color-warning-border",
-  fontFamily: "--throttle-font-family",
-  fontSize: "--throttle-font-size",
-  borderRadius: "--throttle-radius",
-  borderWidth: "--throttle-border-width",
-  spacing: "--throttle-spacing",
-  // The account dashboard's own surface and outer padding. Separate from
-  // colorBackground/colorSurface because a merchant embedding the dashboard
-  // in their page usually wants it to paint nothing at all, while still
-  // theming the cards inside it.
-  // How wide the auth card (sign-in, sign-up, forgot-password) is allowed
-  // to grow. It was pinned at 400px, which is narrow for a page that is
-  // nothing but that card.
-  cardWidth: "--throttle-card-width",
-  accountSurface: "--throttle-color-account-surface",
-  accountPadding: "--throttle-account-padding",
-  shadowCard: "--throttle-shadow-card",
-  shadowPopover: "--throttle-shadow-popover",
-  transition: "--throttle-transition",
-  zModal: "--throttle-z-modal",
-  zPopover: "--throttle-z-popover"
-};
-var THROTTLE_ELEMENT_KEYS = [
-  // shared primitives
-  "card",
-  "card.header",
-  "card.title",
-  "card.description",
-  "card.body",
-  "card.footer",
-  "card.logo",
-  "field",
-  "field.label",
-  "field.input",
-  "field.hint",
-  "field.error",
-  "field.group",
-  "button",
-  "alert",
-  "spinner",
-  "skeleton",
-  "avatar",
-  "badge",
-  "emptyState",
-  "emptyState.title",
-  "emptyState.description",
-  "modal.overlay",
-  "modal.container",
-  "modal.closeButton",
-  "dropdown.trigger",
-  "dropdown.menu",
-  "dropdown.item",
-  "dropdown.separator",
-  "tabs.list",
-  "tabs.tab",
-  "table",
-  "table.head",
-  "table.row",
-  "table.cell",
-  // auth
-  "signIn.root",
-  "signIn.title",
-  "signIn.logo",
-  "signIn.emailField",
-  "signIn.passwordField",
-  "signIn.submitButton",
-  "signIn.forgotLink",
-  "signIn.switchLink",
-  "signUp.root",
-  "signUp.title",
-  "signUp.logo",
-  "signUp.emailField",
-  "signUp.passwordField",
-  "signUp.submitButton",
-  "signUp.switchLink",
-  "forgotPassword.root",
-  "forgotPassword.title",
-  "forgotPassword.logo",
-  "forgotPassword.emailField",
-  "forgotPassword.submitButton",
-  "forgotPassword.backLink",
-  "resetPassword.root",
-  "resetPassword.title",
-  "resetPassword.logo",
-  "resetPassword.passwordField",
-  "resetPassword.submitButton",
-  "verifyEmail.root",
-  "verifyEmail.title",
-  "verifyEmail.logo",
-  "verifyEmail.resendButton",
-  "authFlow.root",
-  "authModal.overlay",
-  "authModal.container",
-  "signInButton.root",
-  "signUpButton.root",
-  "signOutButton.root",
-  "stepUp.root",
-  "stepUp.title",
-  "stepUp.passwordField",
-  "stepUp.submitButton",
-  "stepUp.cancelButton",
-  "signInPage.root",
-  "signInPage.logo",
-  "signInPage.footer",
-  "signUpPage.root",
-  "signUpPage.logo",
-  "signUpPage.footer",
-  // user button
-  "userButton.root",
-  "userButton.trigger",
-  "userButton.menu",
-  "userButton.identity",
-  "userButton.email",
-  "userButton.badge",
-  "userButton.item",
-  "userButton.manageButton",
-  "userButton.signOutButton",
-  "userButton.signOutAllButton",
-  // account
-  "accountDashboard.root",
-  "accountDashboard.tabs",
-  "accountDashboard.sidebar",
-  "accountDashboard.panel",
-  "accountModal.overlay",
-  "accountModal.container",
-  "accountModal.header",
-  "accountModal.title",
-  "accountModal.body",
-  "verifyBanner.root",
-  "verifyBanner.message",
-  "verifyBanner.resendButton",
-  "verifyBanner.dismissButton",
-  "profilePanel.root",
-  "profilePanel.form",
-  "profilePanel.submitButton",
-  "addressesPanel.root",
-  "addressesPanel.list",
-  "addressesPanel.item",
-  "addressesPanel.addButton",
-  "addressesPanel.form",
-  "addressesPanel.defaultButton",
-  "addressesPanel.editButton",
-  "addressesPanel.deleteButton",
-  "addressesPanel.table",
-  "addressesPanel.row",
-  "paymentMethodsPanel.root",
-  "paymentMethodsPanel.list",
-  "paymentMethodsPanel.item",
-  "paymentMethodsPanel.defaultButton",
-  "paymentMethodsPanel.deleteButton",
-  "paymentMethodsPanel.addButton",
-  "paymentMethodsPanel.addDialog",
-  "orderDetail.addresses",
-  "orderDetail.shippingAddress",
-  "orderDetail.billingAddress",
-  "orderDetail.timeline",
-  "orderDetail.payButton",
-  "orderDetail.trackButton",
-  "orderDetail.reorderButton",
-  // Two-column detail layout, shared by the order and invoice pages.
-  "orderDetail.layout",
-  "orderDetail.main",
-  "orderDetail.rail",
-  "orderDetail.cancelButton",
-  "orderDetail.returnButton",
-  "orderDetail.invoiceButton",
-  "orderDetail.subscriptionButton",
-  "orderDetail.actions",
-  "invoiceDetail.layout",
-  "invoiceDetail.main",
-  "invoiceDetail.rail",
-  "invoiceDetail.lineItems",
-  "invoiceDetail.lineItem",
-  "invoiceDetail.orderLink",
-  "invoiceDetail.subscriptionLink",
-  "invoiceDetail.payButton",
-  "invoiceDetail.actions",
-  "fieldRow",
-  "confirm.header",
-  "confirm.title",
-  "confirm.body",
-  "confirm.confirmButton",
-  "confirm.cancelButton",
-  "paymentMethodsPanel.table",
-  "paymentMethodsPanel.row",
-  "ordersPanel.root",
-  "ordersPanel.table",
-  "ordersPanel.row",
-  "ordersPanel.list",
-  "ordersPanel.item",
-  "ordersPanel.viewButton",
-  "orderDetail.root",
-  "orderDetail.backButton",
-  "orderDetail.lineItems",
-  "orderDetail.lineItem",
-  "orderDetail.totals",
-  "invoicesPanel.root",
-  "invoicesPanel.table",
-  "invoicesPanel.row",
-  "invoicesPanel.list",
-  "invoicesPanel.item",
-  "invoicesPanel.viewButton",
-  "invoiceDetail.root",
-  "invoiceDetail.backButton",
-  "invoiceDetail.downloadButton",
-  "invoiceDetail.totals",
-  "subscriptionsPanel.root",
-  "subscriptionsPanel.list",
-  "subscriptionsPanel.item",
-  "subscriptionsPanel.cancelButton",
-  "subscriptionsPanel.cancelNowButton",
-  "subscriptionsPanel.pauseButton",
-  "subscriptionsPanel.resumeButton",
-  "subscriptionsPanel.changeAddressButton",
-  "subscriptionsPanel.addressForm",
-  "subscriptionsPanel.table",
-  "subscriptionsPanel.row",
-  "securityPanel.root",
-  "securityPanel.passwordForm",
-  "securityPanel.passwordButton",
-  "securityPanel.sessionList",
-  "securityPanel.sessionItem",
-  "securityPanel.revokeButton",
-  "securityPanel.revokeAllButton",
-  "securityPanel.table",
-  "securityPanel.row"
-];
-var Ctx = createContext(null);
-function AppearanceProvider(props) {
-  return /* @__PURE__ */ jsx(Ctx.Provider, { value: props.value, children: props.children });
-}
-function useAppearance(local) {
-  const provider = useContext(Ctx);
-  return useMemo(() => {
-    const theme = local?.theme ?? provider?.theme ?? "light";
-    const variables = { ...provider?.variables, ...local?.variables };
-    const elements = { ...provider?.elements, ...local?.elements };
-    const slots = { ...provider?.components, ...local?.components };
-    const style = {};
-    for (const [key, value] of Object.entries(variables)) {
-      const property = VARIABLE_PROPERTY[key];
-      if (property && value != null) style[property] = value;
-    }
-    warnOnUnreadablePrimary(variables, theme);
-    return {
-      theme,
-      rootProps: { className: "throttle-root", style, "data-throttle-theme": theme },
-      el(key, base) {
-        const extra = elements[key];
-        return {
-          className: [base, extra].filter(Boolean).join(" ") || void 0,
-          "data-throttle-element": key
-        };
-      },
-      slots
-    };
-  }, [provider, local]);
-}
-function useAppearanceProviderValue(local) {
-  const provider = useContext(Ctx);
-  return useMemo(
-    () => ({
-      theme: local?.theme ?? provider?.theme,
-      variables: { ...provider?.variables, ...local?.variables },
-      elements: { ...provider?.elements, ...local?.elements },
-      components: { ...provider?.components, ...local?.components }
-    }),
-    [provider, local]
-  );
-}
-
-// src/react/components/branding.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Ctx2 = createContext2(null);
-function BrandLogoProvider(props) {
-  return /* @__PURE__ */ jsx2(Ctx2.Provider, { value: props.value, children: props.children });
-}
-function useBrandLogo(local) {
-  const provider = useContext2(Ctx2);
-  return local ?? provider ?? null;
-}
-
-// src/react/components/localization.tsx
-import { createContext as createContext3, useContext as useContext3, useMemo as useMemo2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var enUS = {
-  locale: "en-US",
-  common: {
-    save: "Save",
-    cancel: "Cancel",
-    delete: "Delete",
-    edit: "Edit",
-    back: "Back",
-    retry: "Try again",
-    loading: "Loading\u2026",
-    close: "Close",
-    confirm: "Are you sure?",
-    // The dismissive half of a confirmation. "Cancel" is ambiguous next to
-    // "Cancel subscription" — one dismisses the dialog, the other ends the plan.
-    keepIt: "Keep it",
-    somethingWentWrong: "Something went wrong.",
-    actions: "Actions",
-    view: "View"
-  },
-  signIn: {
-    title: "Sign in",
-    description: "Sign in to your account.",
-    email: "Email",
-    password: "Password",
-    submitButton: "Sign in",
-    forgotLink: "Forgot your password?",
-    switchPrompt: "Don't have an account?",
-    switchLink: "Sign up"
-  },
-  signUp: {
-    title: "Create your account",
-    description: "",
-    email: "Email",
-    password: "Password",
-    submitButton: "Create account",
-    switchPrompt: "Already have an account?",
-    switchLink: "Sign in",
-    // Deliberately conditional. Registering onto an address that already has
-    // an account returns the same `pending` status and sends no email, so
-    // asserting one was sent would be false for that buyer.
-    pendingNotice: "If that email is new, check your inbox for a link to finish signing up."
-  },
-  forgotPassword: {
-    title: "Reset your password",
-    description: "We will email you a link if an account exists.",
-    email: "Email",
-    submitButton: "Send reset link",
-    sentNotice: "If an account exists for that email, a reset link is on its way.",
-    backLink: "Back to sign in"
-  },
-  resetPassword: {
-    title: "Choose a new password",
-    password: "New password",
-    submitButton: "Update password",
-    doneNotice: "Your password has been updated.",
-    missingToken: "That link is missing its token. Request a new one."
-  },
-  verifyEmail: {
-    title: "Verify your email",
-    verifying: "Confirming your email\u2026",
-    success: "Your email is verified.",
-    resendButton: "Resend the link",
-    resentNotice: "We sent a new link.",
-    instructions: "Check your inbox for a verification link."
-  },
-  stepUp: {
-    title: "Confirm your password",
-    description: "For your security, please re-enter your password to continue.",
-    password: "Password",
-    submitButton: "Confirm",
-    cancelButton: "Cancel"
-  },
-  userButton: {
-    manage: "Manage account",
-    signOut: "Sign out",
-    signOutAll: "Sign out of all devices",
-    verified: "Verified",
-    unverified: "Unverified",
-    openMenu: "Account menu"
-  },
-  verifyBanner: {
-    message: "Verify your email to see your full account history.",
-    resendButton: "Resend link",
-    dismissButton: "Dismiss"
-  },
-  account: {
-    title: "Your account",
-    tabs: {
-      profile: "Profile",
-      addresses: "Addresses",
-      paymentMethods: "Saved cards",
-      orders: "Orders",
-      invoices: "Invoices",
-      subscriptions: "Subscriptions",
-      security: "Security"
-    }
-  },
-  profile: {
-    firstName: "First name",
-    lastName: "Last name",
-    phone: "Phone",
-    company: "Company",
-    acceptsMarketing: "Send me product news and offers",
-    email: "Email",
-    emailReadOnly: "Your email address cannot be changed here.",
-    saveButton: "Save changes",
-    savedNotice: "Profile updated."
-  },
-  addresses: {
-    addButton: "Add address",
-    defaultBadge: "Default",
-    makeDefault: "Make default",
-    deleteConfirmAction: "Delete address",
-    empty: "No saved addresses",
-    emptyDescription: "Addresses you use at checkout can be saved here.",
-    label: "Label",
-    firstName: "First name",
-    lastName: "Last name",
-    company: "Company",
-    addressLine1: "Address",
-    addressLine2: "Apartment, suite, etc.",
-    city: "City",
-    stateProvince: "State / Province",
-    postalCode: "Postal code",
-    countryCode: "Country code",
-    phone: "Phone",
-    deleteConfirm: "Delete this address?",
-    columnAddress: "Address"
-  },
-  paymentMethods: {
-    empty: "No saved cards",
-    emptyDescription: "Add a card here, or one will be saved when you check out.",
-    addButton: "Add card",
-    addTitle: "Add a card",
-    // Shown whenever the panel is empty with no error and the buyer is not
-    // verified — including simply being signed out — matching the copy
-    // orders/invoices/subscriptions already show in that state.
-    gatedDescription: "Verify your email to see your saved cards.",
-    defaultBadge: "Default",
-    makeDefault: "Make default",
-    expires: "Expires",
-    deleteConfirm: "Remove this card?",
-    deleteConfirmAction: "Remove card",
-    columnCard: "Card"
-  },
-  orders: {
-    shipTo: "Ship to",
-    billTo: "Bill to",
-    history: "History",
-    placed: "Order placed",
-    completed: "Completed",
-    cancelledAt: "Cancelled",
-    closedAt: "Closed",
-    payNow: "Pay now",
-    track: "Track shipment",
-    reorder: "Order again",
-    cancelOrder: "Cancel order",
-    cancelOrderConfirm: "Cancel this order?",
-    cancelOrderBody: "This cannot be undone. Nothing has been charged, so there is nothing to refund.",
-    cancelOrderAction: "Cancel order",
-    requestReturn: "Request a return",
-    requestReturnConfirm: "Request a return for this order?",
-    requestReturnBody: "The merchant reviews your request and will be in touch. Nothing is refunded until they approve it.",
-    requestReturnAction: "Send request",
-    returnRequested: "Return requested. The merchant will be in touch.",
-    downloadInvoice: "Download invoice",
-    summary: "Summary",
-    empty: "No orders yet",
-    emptyDescription: "Orders you place will appear here.",
-    gatedDescription: "Verify your email to see your order history.",
-    number: "Order",
-    date: "Date",
-    status: "Status",
-    total: "Total",
-    /**
-     * Display copy for `order.status`. Mirrors ORDER_STATUS_META in
-     * `@commerce/orders`, which is the server's single source of status copy —
-     * copied rather than imported because this package ships with no runtime
-     * dependencies and is a client for the wire API, not for server packages.
-     * If a status is added there, add it here.
-     */
-    statusLabels: {
-      draft: "Draft",
-      pending: "Pending",
-      processing: "Processing",
-      partiallyFulfilled: "Partially fulfilled",
-      fulfilled: "Fulfilled",
-      cancelled: "Cancelled",
-      closed: "Closed"
-    },
-    /**
-     * The money half of the label, shown as a second badge beside the
-     * lifecycle one. `captured` is deliberately empty: paid in full is the
-     * assumed happy path, and announcing it on every settled order is noise.
-     */
-    paymentLabels: {
-      pending: "Awaiting payment",
-      authorized: "Authorized",
-      captured: "",
-      partiallyPaid: "Partially paid",
-      partiallyRefunded: "Partially refunded",
-      refunded: "Refunded",
-      failed: "Payment failed",
-      voided: "Voided",
-      processing: "Payment processing",
-      disputed: "Disputed",
-      expired: "Authorization expired"
-    },
-    items: "Items",
-    subtotal: "Subtotal",
-    discount: "Discount",
-    shipping: "Shipping",
-    tax: "Tax",
-    quantity: "Qty",
-    shippingAddress: "Shipping address",
-    billingAddress: "Billing address",
-    viewSubscription: "View subscription",
-    viewSubscriptionFor: "View subscription for"
-  },
-  invoices: {
-    empty: "No invoices yet",
-    emptyDescription: "Invoices will appear here.",
-    gatedDescription: "Verify your email to see your invoices.",
-    number: "Invoice",
-    issued: "Issued",
-    due: "Due",
-    status: "Status",
-    total: "Total",
-    refunded: "Refunded",
-    period: "Period",
-    downloadButton: "Download PDF",
-    items: "Items",
-    summary: "Summary",
-    viewOrder: "View order",
-    viewSubscription: "View subscription",
-    payButton: "Pay this invoice",
-    billedTo: "Billed to",
-    /** Shown when an invoice bills less than the order, matching the PDF. */
-    orderTotal: "Order total",
-    amountPaid: "Amount paid",
-    waived: "Waived",
-    amountDue: "Amount due",
-    balanceDue: "Balance due",
-    /** Display copy for `invoice.status` — the wire values are paid|open|void. */
-    statusLabels: { paid: "Paid", open: "Open", void: "Void" },
-    downloadUnavailable: "This invoice is not available to download right now."
-  },
-  subscriptions: {
-    cancelConfirmAction: "Cancel plan",
-    pauseConfirm: "Pause this subscription?",
-    resumeConfirm: "Resume this subscription?",
-    // Distinct from cancelConfirm: ending it now is not the same promise as
-    // letting it run to the end of a period the buyer already paid for.
-    cancelNowConfirm: "End this subscription immediately?",
-    empty: "No subscriptions",
-    emptyDescription: "Subscriptions will appear here.",
-    gatedDescription: "Verify your email to see your subscriptions.",
-    renewsOn: "Renews on",
-    endsOn: "Ends on",
-    cancelledOn: "Cancelled on",
-    trialEnds: "Trial ends",
-    installmentProgress: "Payment {paid} of {total}",
-    installmentTotal: "{amount} total",
-    installmentNext: "Next {amount} on {date}",
-    /** Spec §5: a varied schedule's dated list; dates are estimates, hence "~". */
-    upcomingPayments: "Upcoming payments",
-    upcomingPayment: "{amount} \xB7 ~{date}",
-    cancelButton: "Cancel",
-    cancelAtPeriodEnd: "Cancel at period end",
-    cancelNow: "Cancel immediately",
-    pauseButton: "Pause",
-    resumeButton: "Resume",
-    /** A physical subscription's ship-to, and the control that changes it. */
-    shipsTo: "Ships to",
-    changeAddress: "Change address",
-    changeAddressTitle: "Change shipping address",
-    changeAddressHint: "Your next box ships here. Orders already placed keep their address.",
-    cancelConfirm: "Cancel this subscription?",
-    cancelScheduled: "Cancels at the end of the period",
-    columnPlan: "Plan",
-    columnPrice: "Price",
-    columnRenews: "Renews",
-    columnStatus: "Status",
-    /**
-     * Display copy for `subscription.status`. Mirrors SubscriptionStatus in
-     * `@commerce/subscriptions`; copied rather than imported because this
-     * package has no runtime dependencies. Without it a buyer in dunning saw
-     * the literal pill `past_due`. `completed` is an installment plan that
-     * has taken its last payment.
-     */
-    statusLabels: {
-      active: "Active",
-      paused: "Paused",
-      cancelled: "Cancelled",
-      pastDue: "Payment overdue",
-      trialing: "Trial",
-      unpaid: "Unpaid",
-      completed: "Paid in full"
-    }
-  },
-  security: {
-    passwordTitle: "Change password",
-    newPassword: "New password",
-    changeButton: "Update password",
-    changedNotice: "Password updated.",
-    sessionsTitle: "Devices",
-    thisDevice: "This device",
-    lastActive: "Last active",
-    revokeButton: "Sign out",
-    revokeAllButton: "Sign out of all other devices",
-    sessionsEmpty: "No other devices",
-    columnDevice: "Device"
-  },
-  errors: {}
-};
-function isPlainObject(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function deepMerge(base, over, path = "") {
-  if (!over) return base;
-  const out = Array.isArray(base) ? [...base] : { ...base };
-  for (const [key, value] of Object.entries(over)) {
-    if (value == null) continue;
-    const current = base[key];
-    const keyPath = path ? `${path}.${key}` : key;
-    const currentIsObject = isPlainObject(current);
-    const valueIsObject = isPlainObject(value);
-    if (current !== void 0 && currentIsObject !== valueIsObject) {
-      if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production") {
-        console.warn(
-          `[useCopy] ignoring localization override at "${keyPath}": expected ${currentIsObject ? "an object" : "a string"}, got ${valueIsObject ? "an object" : typeof value}`
-        );
-      }
-      continue;
-    }
-    out[key] = currentIsObject && valueIsObject ? deepMerge(current, value, keyPath) : value;
-  }
-  return out;
-}
-var Ctx3 = createContext3(null);
-function LocalizationProvider(props) {
-  return /* @__PURE__ */ jsx3(Ctx3.Provider, { value: props.value, children: props.children });
-}
-function useCopy(local) {
-  const provider = useContext3(Ctx3);
-  return useMemo2(() => {
-    const t = deepMerge(deepMerge(enUS, provider), local);
-    return {
-      t,
-      locale: t.locale,
-      /**
-       * A merchant's `errors` map wins; otherwise the shipped mapper decides.
-       * `messageForError` stays the floor because it encodes two deliberate
-       * non-passthroughs — `invalid_credentials` stays vague to avoid account
-       * enumeration, and unknown codes stay generic.
-       */
-      errorMessage(err) {
-        const code = err?.code;
-        const override = code ? t.errors[code] : void 0;
-        return override ?? messageForError(err);
-      }
-    };
-  }, [provider, local]);
-}
-
-// src/react/components/styles.ts
-import { useInsertionEffect } from "react";
-var THROTTLE_STYLE_ID = "throttle-auth-styles";
-var THROTTLE_STYLES = `
-.throttle-root {
-  --throttle-color-primary: #18181b;
-  --throttle-color-primary-foreground: #ffffff;
-  --throttle-color-background: #ffffff;
-  --throttle-color-surface: #f8fafc;
-  --throttle-color-foreground: #0e1116;
-  --throttle-color-muted: #eceef2;
-  --throttle-color-muted-foreground: #5b6472;
-  --throttle-color-border: #e2e8f0;
-  /* The boundary of an INTERACTIVE control, which WCAG 1.4.11 requires to
-     reach 3:1 against its adjacent colour \u2014 an input identified only by a
-     1.23:1 hairline is not identifiable at all. Decorative separators (card
-     edges, table rules, dividers) keep --throttle-color-border: they do not
-     identify a control, so the requirement does not apply and darkening
-     them would only add noise. */
-  /* The account dashboard paints nothing by default so it can drop into a
-     merchant's page without fighting their background. The accountSurface and
-     accountPadding appearance variables opt back into a card.
-     No backticks in this comment: the sheet is a TS template literal. */
-  --throttle-card-width: 400px;
-  --throttle-color-account-surface: transparent;
-  --throttle-account-padding: 0;
-  --throttle-color-border-control: #8b93a1;
-  --throttle-color-danger: #c2321f;
-  --throttle-color-danger-surface: #fef2f2;
-  --throttle-color-danger-border: #fecaca;
-  --throttle-color-success: #127a4a;
-  --throttle-color-success-surface: #ecfdf5;
-  --throttle-color-success-border: #a7f3d0;
-  --throttle-color-warning: #92400e;
-  --throttle-color-warning-surface: #fffbeb;
-  --throttle-color-warning-border: #fde68a;
-  --throttle-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  --throttle-font-size: 16px;
-  --throttle-font-size-xs: 12px;
-  --throttle-font-size-sm: 14px;
-  --throttle-font-size-lg: 20px;
-  --throttle-font-size-xl: 24px;
-  --throttle-line-height: 1.5;
-  --throttle-line-height-tight: 1.25;
-  --throttle-radius: 12px;
-  --throttle-radius-sm: 8px;
-  --throttle-radius-full: 999px;
-  --throttle-border-width: 1px;
-  --throttle-spacing: 8px;
-  --throttle-space-1: 4px;
-  --throttle-space-2: var(--throttle-spacing);
-  --throttle-space-3: 12px;
-  --throttle-space-4: 16px;
-  --throttle-space-5: 24px;
-  --throttle-space-6: 32px;
-  --throttle-control-height: 48px;
-  --throttle-control-padding-x: 16px;
-  --throttle-shadow-card: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);
-  --throttle-shadow-popover: 0 10px 24px rgba(15,23,42,.12), 0 2px 6px rgba(15,23,42,.06);
-  --throttle-transition: 150ms cubic-bezier(.2,0,.2,1);
-  --throttle-z-modal: 2147483000;
-  --throttle-z-popover: 2147482000;
-  font-family: var(--throttle-font-family);
-  font-size: var(--throttle-font-size);
-  line-height: var(--throttle-line-height);
-  color: var(--throttle-color-foreground);
-  box-sizing: border-box;
-}
-.throttle-root *, .throttle-root *::before, .throttle-root *::after { box-sizing: inherit; }
-
-.throttle-root[data-throttle-theme="dark"] {
-  --throttle-color-primary: #e6edf3;
-  --throttle-color-primary-foreground: #0d1117;
-  --throttle-color-background: #0d1117;
-  --throttle-color-surface: #1c2129;
-  --throttle-color-foreground: #e6edf3;
-  --throttle-color-muted: #21262d;
-  --throttle-color-muted-foreground: #9aa4b2;
-  --throttle-color-border: #30363d;
-  --throttle-color-border-control: #5c6570;
-  --throttle-color-danger: #ff6b58;
-  --throttle-color-danger-surface: #2a1513;
-  --throttle-color-danger-border: #5c2b25;
-  --throttle-color-success: #45c08a;
-  --throttle-color-success-surface: #0f2419;
-  --throttle-color-success-border: #1f4d36;
-  --throttle-color-warning: #e0a53a;
-  --throttle-color-warning-surface: #2a2113;
-  --throttle-color-warning-border: #5c4a25;
-  --throttle-shadow-card: 0 1px 3px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.4);
-  --throttle-shadow-popover: 0 10px 24px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.35);
-}
-@media (prefers-color-scheme: dark) {
-  .throttle-root[data-throttle-theme="auto"] {
-    --throttle-color-primary: #e6edf3;
-    --throttle-color-primary-foreground: #0d1117;
-    --throttle-color-background: #0d1117;
-    --throttle-color-surface: #1c2129;
-    --throttle-color-foreground: #e6edf3;
-    --throttle-color-muted: #21262d;
-    --throttle-color-muted-foreground: #9aa4b2;
-    --throttle-color-border: #30363d;
-    --throttle-color-border-control: #5c6570;
-    --throttle-color-danger: #ff6b58;
-    --throttle-color-danger-surface: #2a1513;
-    --throttle-color-danger-border: #5c2b25;
-    --throttle-color-success: #45c08a;
-    --throttle-color-success-surface: #0f2419;
-    --throttle-color-success-border: #1f4d36;
-    --throttle-color-warning: #e0a53a;
-    --throttle-color-warning-surface: #2a2113;
-    --throttle-color-warning-border: #5c4a25;
-    --throttle-shadow-card: 0 1px 3px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.4);
-    --throttle-shadow-popover: 0 10px 24px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.35);
-  }
-}
-
-.throttle-card {
-  background: var(--throttle-color-background);
-  border: var(--throttle-border-width) solid var(--throttle-color-border);
-  border-radius: var(--throttle-radius);
-  box-shadow: var(--throttle-shadow-card);
-  padding: var(--throttle-space-5);
-  width: 100%;
-  max-width: var(--throttle-card-width);
-  margin-inline: auto;
-}
-/* Inside a Modal the dialog already provides the surface \u2014 background, radius
-   and elevation. A card that draws its own on top is the "box inside a box":
-   two shadowed rounded rectangles nested, with the card's max-width stranding
-   it in the middle of a much wider dialog. */
-.throttle-card--bare { border: none; box-shadow: none; background: none; max-width: none; }
-.throttle-card__header { margin-bottom: var(--throttle-space-4); }
-.throttle-card__header--branded { text-align: center; }
-.throttle-card__logo { display: flex; justify-content: center; margin-bottom: var(--throttle-space-3); }
-.throttle-card__title { font-size: var(--throttle-font-size-xl); line-height: var(--throttle-line-height-tight); font-weight: 600; letter-spacing: -0.02em; margin: 0; }
-.throttle-card__title--branded { font-size: var(--throttle-font-size-xl); }
-.throttle-card__description { color: var(--throttle-color-muted-foreground); margin: var(--throttle-space-1) 0 0; }
-.throttle-card__body { display: flex; flex-direction: column; gap: var(--throttle-space-3); }
-.throttle-card__footer { margin-top: var(--throttle-space-4); text-align: center; }
-.throttle-card__footer--ruled { border-top: var(--throttle-border-width) solid var(--throttle-color-border); padding-top: var(--throttle-space-4); }
-
-.throttle-field { display: flex; flex-direction: column; gap: var(--throttle-space-1); }
-.throttle-field__labelrow { display: flex; align-items: baseline; justify-content: space-between; gap: var(--throttle-space-2); }
-.throttle-field__label { font-weight: 500; }
-.throttle-field__input {
-  font: inherit;
-  font-size: var(--throttle-font-size);
-  color: var(--throttle-color-foreground);
-  background: var(--throttle-color-background);
-  border: var(--throttle-border-width) solid var(--throttle-color-border-control);
-  border-radius: var(--throttle-radius-sm);
-  /* padding-block stays 0 so min-height alone owns the height, exactly as
-     .throttle-button does. With 12px vertical padding the box computed to
-     50px against the button's 48px \u2014 a 2px mismatch, measured in a browser
-     across 19 controls. An input element centres its own text vertically. */
-  padding-block: 0;
-  padding-inline: var(--throttle-control-padding-x);
-  min-height: var(--throttle-control-height);
-  width: 100%;
-  transition: border-color var(--throttle-transition), box-shadow var(--throttle-transition);
-}
-.throttle-field__input:focus-visible {
-  outline: none;
-  border-color: var(--throttle-color-primary);
-  box-shadow: 0 0 0 2px var(--throttle-color-background), 0 0 0 4px var(--throttle-color-primary);
-}
-.throttle-field__input:disabled { background: var(--throttle-color-muted); color: var(--throttle-color-muted-foreground); cursor: not-allowed; }
-.throttle-field__input::placeholder { color: var(--throttle-color-muted-foreground); opacity: 1; }
-.throttle-field__input--grouped { border: none; border-radius: 0; padding-inline: 0; }
-.throttle-field__hint { color: var(--throttle-color-muted-foreground); font-size: var(--throttle-font-size-xs); }
-/* Always mounted, so it reserves its line whether or not there is an error:
-   an error appearing on submit must not push the submit button out from
-   under the buyer's pointer. */
-.throttle-field__error { color: var(--throttle-color-danger); font-size: var(--throttle-font-size-xs); line-height: 1rem; }
-/* Reserved a full line under EVERY input even with nothing to say, which
-   with the stack gap put 28px of dead space beneath each field, on every
-   form and all seven account panels. The element stays mounted when empty
-   because role=alert only announces changes to a live region that was
-   already there; it just stops occupying a line. */
-.throttle-field__error:empty { display: none; }
-
-.throttle-field-group {
-  display: flex;
-  flex-direction: column;
-  border: var(--throttle-border-width) solid var(--throttle-color-border);
-  border-radius: var(--throttle-radius-sm);
-  overflow: hidden;
-}
-.throttle-field-group__item { padding: var(--throttle-space-3) var(--throttle-control-padding-x); }
-.throttle-field-group__divider { height: var(--throttle-border-width); background: var(--throttle-color-border); }
-.throttle-field-group__forgot { margin-left: auto; }
-
-.throttle-button {
-  font: inherit;
-  font-weight: 500;
-  border-radius: var(--throttle-radius-sm);
-  border: var(--throttle-border-width) solid transparent;
-  padding-inline: var(--throttle-control-padding-x);
-  padding-block: 0;
-  min-height: var(--throttle-control-height);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  /* A label that wraps turns a control into a two-line block of text. */
-  white-space: nowrap;
-  transition: opacity var(--throttle-transition), background-color var(--throttle-transition), border-color var(--throttle-transition), filter var(--throttle-transition), box-shadow var(--throttle-transition);
-}
-.throttle-button:disabled { opacity: .55; cursor: not-allowed; }
-.throttle-button:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--throttle-color-background), 0 0 0 4px var(--throttle-color-primary); }
-.throttle-button--primary { background: var(--throttle-color-primary); color: var(--throttle-color-primary-foreground); width: var(--throttle-button-width, 100%); }
-.throttle-button--primary:hover:not(:disabled) { filter: brightness(0.92); }
-.throttle-button--secondary { background: var(--throttle-color-surface); color: var(--throttle-color-foreground); border-color: var(--throttle-color-border-control); }
-.throttle-button--secondary:hover:not(:disabled) { background: var(--throttle-color-muted); }
-.throttle-button--danger { background: transparent; color: var(--throttle-color-danger); border-color: var(--throttle-color-border); }
-.throttle-button--danger:hover:not(:disabled) { background: color-mix(in srgb, var(--throttle-color-danger) 10%, transparent); }
-/* Link-style actions are the rows panel default, and they carry Delete,
-   Remove, Cancel and Sign out. Zero padding with min-height 0 made those
-   roughly 20px tall and ~8px apart \u2014 a mis-tap on a phone lands on something
-   irreversible. The target is expanded with vertical padding and pulled back
-   with an equal negative margin, so the hit box clears 44px while the text
-   sits exactly where it did. Collapsing this back to zero padding shrinks the
-   target again. */
-.throttle-button--link { background: none; border: none; color: var(--throttle-color-primary); padding-inline: 0; padding-block: var(--throttle-space-3); margin-block: calc(var(--throttle-space-3) * -1); min-height: 0; text-decoration: underline; width: auto; }
-.throttle-button--link:hover:not(:disabled) { opacity: .8; }
-.throttle-button--linkDanger { background: none; border: none; color: var(--throttle-color-danger); padding-inline: 0; padding-block: var(--throttle-space-3); margin-block: calc(var(--throttle-space-3) * -1); min-height: 0; text-decoration: underline; width: auto; }
-.throttle-button--linkDanger:hover:not(:disabled) { opacity: .8; }
-.throttle-button--xs { font-size: var(--throttle-font-size-xs); }
-
-.throttle-alert { border-radius: var(--throttle-radius-sm); padding: var(--throttle-space-3); font-size: var(--throttle-font-size-sm); }
-.throttle-alert--error { background: var(--throttle-color-danger-surface); border: var(--throttle-border-width) solid var(--throttle-color-danger-border); color: var(--throttle-color-danger); }
-.throttle-alert--success { background: var(--throttle-color-success-surface); border: var(--throttle-border-width) solid var(--throttle-color-success-border); color: var(--throttle-color-success); }
-.throttle-alert--info { background: var(--throttle-color-surface); color: var(--throttle-color-muted-foreground); }
-
-.throttle-spinner {
-  display: inline-block; width: 1em; height: 1em;
-  border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%;
-  animation: throttle-spin 700ms linear infinite;
-}
-@keyframes throttle-spin { to { transform: rotate(360deg); } }
-.throttle-button--loading { position: relative; }
-.throttle-button__label { display: inline-flex; align-items: center; justify-content: center; gap: var(--throttle-space-2); }
-.throttle-button__label--hidden { visibility: hidden; }
-.throttle-spinner--centred { position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; }
-
-@media (prefers-reduced-motion: reduce) { .throttle-spinner { animation-duration: 2.4s; } }
-
-.throttle-skeleton {
-  background: var(--throttle-color-muted);
-  border-radius: var(--throttle-radius-sm);
-  animation: throttle-pulse 1.4s ease-in-out infinite; height: 2.5em; }
-@keyframes throttle-pulse { 50% { opacity: .5; } }
-@media (prefers-reduced-motion: reduce) { .throttle-skeleton { animation: none; } }
-
-.throttle-modal__overlay {
-  position: fixed; inset: 0; z-index: var(--throttle-z-modal);
-  background: rgba(14,17,22,.45);
-  display: flex; align-items: center; justify-content: center;
-  padding: var(--throttle-space-4);
-  overflow-y: auto;
-}
-.throttle-modal__container {
-  background: var(--throttle-color-background);
-  border-radius: var(--throttle-radius);
-  box-shadow: var(--throttle-shadow-popover);
-  max-width: 720px; width: 100%; max-height: 90vh; overflow-y: auto;
-  position: relative;
-}
-/* After the base rule on purpose: both are single-class, so equal specificity
-   means source order decides. Declared before it, this silently lost. */
-.throttle-modal__container--compact { max-width: 440px; }
-.throttle-modal__close {
-  position: absolute; top: var(--throttle-space-3); right: var(--throttle-space-3);
-  background: none; border: none; cursor: pointer; font-size: var(--throttle-font-size-lg);
-  color: var(--throttle-color-muted-foreground);
-  transition: color var(--throttle-transition);
-}
-.throttle-modal__close:hover { color: var(--throttle-color-foreground); }
-.throttle-modal__header { padding: var(--throttle-space-4) var(--throttle-space-4) 0; }
-.throttle-modal__title { font-size: var(--throttle-font-size-lg); line-height: var(--throttle-line-height-tight); font-weight: 600; margin: 0; }
-.throttle-modal__body { padding: var(--throttle-space-4); }
-
-.throttle-dropdown__trigger { background: none; border: none; cursor: pointer; padding: 0; border-radius: var(--throttle-radius-full); transition: background-color var(--throttle-transition); }
-.throttle-dropdown__trigger:hover { background: var(--throttle-color-surface); }
-.throttle-dropdown__trigger:focus-visible { outline: 2px solid var(--throttle-color-primary); outline-offset: 2px; }
-.throttle-dropdown__menu {
-  position: absolute; right: 0; top: calc(100% + var(--throttle-space-2));
-  z-index: var(--throttle-z-popover);
-  min-width: 260px;
-  background: var(--throttle-color-background);
-  border: var(--throttle-border-width) solid var(--throttle-color-border);
-  border-radius: var(--throttle-radius);
-  box-shadow: var(--throttle-shadow-popover);
-  padding: var(--throttle-space-1);
-}
-.throttle-dropdown__item {
-  display: flex; align-items: center; gap: var(--throttle-space-2);
-  width: 100%; text-align: left; font: inherit; color: inherit;
-  background: none; border: none; cursor: pointer;
-  padding: var(--throttle-space-3);
-  border-radius: var(--throttle-radius-sm);
-  text-decoration: none;
-  transition: background-color var(--throttle-transition);
-}
-.throttle-dropdown__item:hover { background: var(--throttle-color-surface); }
-.throttle-dropdown__item:focus-visible { outline: 2px solid var(--throttle-color-primary); outline-offset: -2px; }
-.throttle-dropdown__separator { height: 1px; background: var(--throttle-color-border); margin: var(--throttle-space-1) 0; border: 0; }
-
-.throttle-tabs__list {
-  display: flex; gap: var(--throttle-space-1);
-  border-bottom: var(--throttle-border-width) solid var(--throttle-color-border);
-  overflow-x: auto; scrollbar-width: thin;
-}
-.throttle-tabs__tab {
-  font: inherit; background: none; border: none; cursor: pointer; white-space: nowrap;
-  padding: var(--throttle-space-3);
-  color: var(--throttle-color-muted-foreground);
-  border-bottom: 2px solid transparent;
-  transition: color var(--throttle-transition), border-color var(--throttle-transition);
-}
-.throttle-tabs__tab:hover { color: var(--throttle-color-foreground); }
-.throttle-tabs__tab--active { color: var(--throttle-color-foreground); border-bottom-color: var(--throttle-color-primary); }
-.throttle-tabs__panel { padding-top: var(--throttle-space-4); }
-
-/* Paints its own ground. A UserButton in a navbar should stay transparent, but
-   the dashboard is a large surface of themed text: in dark theme its foreground
-   is near-white, so on a light host page it was rendering white-on-white. */
-.throttle-cardframe { width: 100%; min-height: 420px; border: 0; display: block; }
-.throttle-centre { display: flex; align-items: center; justify-content: center; min-height: 160px; }
-.throttle-fieldrow { display: grid; grid-template-columns: 1fr 1fr; gap: var(--throttle-space-4); align-items: start; }
-.throttle-section__title { font-size: var(--throttle-font-size-xs); text-transform: uppercase; letter-spacing: .06em; color: var(--throttle-color-muted-foreground); margin: 0 0 var(--throttle-space-2); font-weight: 600; }
-.throttle-addresses { display: grid; grid-template-columns: 1fr 1fr; gap: var(--throttle-space-5); }
-.throttle-addressblock__line { margin: 0 0 2px; }
-.throttle-timeline { display: flex; flex-direction: column; gap: var(--throttle-space-2); }
-.throttle-timeline__row { display: flex; align-items: center; gap: var(--throttle-space-2); }
-.throttle-timeline__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--throttle-color-border-control); flex: none; }
-.throttle-timeline__label { flex: 1; }
-.throttle-account-root { container-type: inline-size; background: var(--throttle-color-account-surface); color: var(--throttle-color-foreground); padding: var(--throttle-account-padding); }
-.throttle-account { display: flex; gap: var(--throttle-space-5); align-items: flex-start; }
-.throttle-account__content { flex: 1; min-width: 0; }
-.throttle-tabs__rail { flex: none; width: 220px; display: flex; flex-direction: column; gap: 2px; }
-.throttle-tabs__railitem {
-  font: inherit;
-  font-size: var(--throttle-font-size-sm);
-  display: flex;
-  align-items: center;
-  gap: var(--throttle-space-3);
-  width: 100%;
-  text-align: left;
-  background: none;
-  border: none;
-  border-radius: var(--throttle-radius-sm);
-  padding: 0 var(--throttle-space-3);
-  min-height: var(--throttle-control-height);
-  color: var(--throttle-color-muted-foreground);
-  cursor: pointer;
-  transition: background var(--throttle-transition), color var(--throttle-transition);
-}
-.throttle-tabs__railitem:hover { background: var(--throttle-color-surface); color: var(--throttle-color-foreground); }
-.throttle-tabs__railitem:focus-visible { outline: 2px solid var(--throttle-color-primary); outline-offset: -2px; }
-.throttle-tabs__tab:focus-visible { outline: 2px solid var(--throttle-color-primary); outline-offset: -2px; }
-.throttle-tabs__railitem--active { background: var(--throttle-color-surface); color: var(--throttle-color-foreground); font-weight: 500; }
-.throttle-tabs__railicon { flex: none; opacity: .75; }
-
-/* A CONTAINER query, not a viewport one: these components render inside a
-   merchant's page, so the viewport says nothing about how much room the
-   dashboard actually has \u2014 it could sit in a 400px column on a 1920px screen.
-   Below ~560px of container the rail becomes a full-width list above the
-   panel: all seven still visible, each still a 44px target. */
-@container (max-width: 560px) {
-  /* align-items: flex-start is right in row direction and wrong in column \u2014
-     it shrinks the rail to its content width, so width:100% alone cannot make
-     it span. Stretch it explicitly when stacked. */
-  .throttle-account { flex-direction: column; align-items: stretch; gap: var(--throttle-space-4); }
-  .throttle-addresses { grid-template-columns: 1fr; }
-  .throttle-fieldrow { grid-template-columns: 1fr; }
-  .throttle-tabs__rail { width: 100%; }
-  /* One column, and the rail stops sticking \u2014 on a phone a sticky summary
-     covers the very line items it is summarising. */
-  .throttle-detail { grid-template-columns: 1fr; }
-  .throttle-detail__rail { position: static; }
-}
-
-.throttle-table { width: 100%; border-collapse: collapse; text-align: left; }
-.throttle-table__head { color: var(--throttle-color-muted-foreground); font-weight: 500; font-size: var(--throttle-font-size-sm); }
-.throttle-table__row { border-top: var(--throttle-border-width) solid var(--throttle-color-border); cursor: pointer; transition: background-color var(--throttle-transition); }
-.throttle-table__row:hover { background: var(--throttle-color-surface); }
-.throttle-table__row:focus-visible { outline: 2px solid var(--throttle-color-primary); outline-offset: -2px; }
-.throttle-table__cell { padding: var(--throttle-space-3) var(--throttle-space-2); height: 56px; box-sizing: border-box; }
-.throttle-table__scroll { overflow-x: auto; }
-
-.throttle-empty { text-align: center; padding: var(--throttle-space-6) var(--throttle-space-4); }
-.throttle-empty__title { font-weight: 600; margin: 0 0 var(--throttle-space-1); }
-.throttle-empty__description { color: var(--throttle-color-muted-foreground); margin: 0; }
-
-.throttle-avatar {
-  display: inline-flex; align-items: center; justify-content: center;
-  width: 32px; height: 32px; border-radius: var(--throttle-radius-full);
-  background: var(--throttle-color-primary); color: var(--throttle-color-primary-foreground);
-  font-size: var(--throttle-font-size-xs); font-weight: 600; text-transform: uppercase;
-}
-
-.throttle-badge {
-  display: inline-block; font-size: var(--throttle-font-size-xs); font-weight: 500;
-  padding: 2px var(--throttle-space-2); border-radius: var(--throttle-radius-full);
-  background: var(--throttle-color-muted); color: var(--throttle-color-muted-foreground);
-}
-.throttle-badge--muted { background: none; border: var(--throttle-border-width) solid var(--throttle-color-border); color: var(--throttle-color-muted-foreground); font-weight: 400; padding: 1px calc(var(--throttle-space-2) - 1px); }
-.throttle-badge--success { background: color-mix(in srgb, var(--throttle-color-success) 15%, transparent); color: var(--throttle-color-success); }
-.throttle-badge--warning { background: color-mix(in srgb, var(--throttle-color-warning) 15%, transparent); color: var(--throttle-color-warning); }
-.throttle-badge--danger { background: color-mix(in srgb, var(--throttle-color-danger) 15%, transparent); color: var(--throttle-color-danger); }
-
-.throttle-stack { display: flex; flex-direction: column; gap: var(--throttle-space-3); }
-.throttle-row { display: flex; align-items: center; justify-content: space-between; gap: var(--throttle-space-2); flex-wrap: wrap; }
-.throttle-muted { color: var(--throttle-color-muted-foreground); }
-.throttle-banner {
-  display: flex; align-items: center; justify-content: space-between; gap: var(--throttle-space-2);
-  flex-wrap: wrap;
-  background: color-mix(in srgb, var(--throttle-color-warning) 12%, transparent);
-  color: var(--throttle-color-warning);
-  border-radius: var(--throttle-radius-sm);
-  padding: var(--throttle-space-3);
-  margin-bottom: var(--throttle-space-4);
-}
-.throttle-panel { display: flex; flex-direction: column; gap: var(--throttle-space-4); }
-/* 100dvh, not 100vh: on mobile browsers 100vh includes the space behind the
-   dynamic address/toolbar, so the page would be taller than the visible
-   viewport and the card would sit off-centre until the toolbar collapsed. */
-.throttle-page {
-  min-height: 100dvh;
-  width: 100%;
-  background: var(--throttle-color-surface);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--throttle-space-5);
-  padding: var(--throttle-space-5);
-}
-.throttle-page__logo { display: flex; justify-content: center; }
-.throttle-page__footer { color: var(--throttle-color-muted-foreground); text-align: center; font-size: var(--throttle-font-size-sm); }
-.throttle-listitem {
-  display: flex; align-items: flex-start; justify-content: space-between; gap: var(--throttle-space-2);
-  flex-wrap: wrap;
-  border: var(--throttle-border-width) solid var(--throttle-color-border);
-  border-radius: var(--throttle-radius-sm);
-  padding: var(--throttle-space-3);
-}
-/* 'rows' variant: hairline rules between items instead of each item carrying
-   its own border+radius, so a panel does not read as a card inside a card. */
-.throttle-rows { display: flex; flex-direction: column; }
-.throttle-rowitem {
-  display: flex; align-items: flex-start; justify-content: space-between; gap: var(--throttle-space-2);
-  flex-wrap: wrap;
-  border-top: var(--throttle-border-width) solid var(--throttle-color-border);
-  padding: var(--throttle-space-3) 0;
-}
-.throttle-rowitem:first-child { border-top: none; padding-top: 0; }
-.throttle-actions {
-  display: flex; gap: var(--throttle-space-2); flex-wrap: wrap; align-items: center;
-  /* Primary buttons are full-width so a form's submit fills its card. In a row
-     of sibling actions that same rule made every button claim 100% and then
-     shrink to share the line, squeezing Resume to 59px so its label wrapped to
-     two lines inside a 48px box. A custom property INHERITS to the buttons, so
-     the row opts them back to content width without a descendant selector \u2014
-     those outrank the merchant overrides in appearance.elements. */
-  --throttle-button-width: auto;
-}
-.throttle-table__money { display: block; text-align: right; font-variant-numeric: tabular-nums; }
-.throttle-lineitem { display: flex; align-items: flex-start; gap: var(--throttle-space-3); padding: var(--throttle-space-2) 0; }
-/* The UA's 1em paragraph margins pushed a two-line item to 96px, so five
-   items filled a screen with mostly whitespace. These carry the spacing
-   instead. Separate classes, not a ".throttle-lineitem p" descendant
-   selector -- those outrank the merchant's appearance.elements overrides. */
-.throttle-lineitem__desc { margin: var(--throttle-space-1) 0 0; color: var(--throttle-color-muted-foreground); }
-.throttle-lineitem__meta { margin: var(--throttle-space-1) 0 0; color: var(--throttle-color-muted-foreground); font-size: var(--throttle-font-size-sm); }
-.throttle-lineitem__image { width: 48px; height: 48px; object-fit: cover; border-radius: var(--throttle-radius-sm); flex: none; }
-.throttle-totals { display: flex; flex-direction: column; gap: var(--throttle-space-1); }
-
-/* Order and invoice detail: the record on the left, what it costs and what
-   you can do about it on the right. The rail sticks so the total and the
-   actions stay reachable on an order with thirty lines, which is exactly when
-   a buyer most wants them. Collapses below, where a sticky rail would eat a
-   phone screen. */
-.throttle-detail { display: grid; grid-template-columns: minmax(0, 1fr) 17rem; gap: var(--throttle-space-6); align-items: start; }
-.throttle-detail__main { display: flex; flex-direction: column; gap: var(--throttle-space-5); min-width: 0; }
-.throttle-detail__rail {
-  display: flex; flex-direction: column; gap: var(--throttle-space-4);
-  position: sticky; top: var(--throttle-space-4);
-  padding: var(--throttle-space-4);
-  border: var(--throttle-border-width) solid var(--throttle-color-border);
-  border-radius: var(--throttle-radius-md);
-  background: var(--throttle-color-surface);
-}
-/* The one number the buyer came for. */
-.throttle-detail__headline { font-size: var(--throttle-font-size-xl); font-weight: 600; line-height: 1.2; }
-.throttle-detail__section { display: flex; flex-direction: column; gap: var(--throttle-space-2); }
-.throttle-detail__label { font-size: var(--throttle-font-size-sm); font-weight: 500; color: var(--throttle-color-muted-foreground); letter-spacing: .04em; text-transform: uppercase; }
-/* A rail action column: full width, stacked, so the primary reads as primary. */
-.throttle-detail__actions { display: flex; flex-direction: column; gap: var(--throttle-space-2); --throttle-button-width: 100%; }
-.throttle-detail__link { display: inline-flex; align-items: center; gap: var(--throttle-space-1); }
-
-@media (prefers-reduced-motion: reduce) {
-  .throttle-button, .throttle-field__input, .throttle-dropdown__item, .throttle-dropdown__trigger, .throttle-tabs__tab, .throttle-table__row, .throttle-modal__close {
-    transition: none;
-  }
-}
-`;
-function useInjectStyles(enabled) {
-  useInsertionEffect(() => {
-    if (!enabled) return;
-    if (typeof document === "undefined") return;
-    if (document.getElementById(THROTTLE_STYLE_ID)) return;
-    const tag = document.createElement("style");
-    tag.id = THROTTLE_STYLE_ID;
-    tag.textContent = THROTTLE_STYLES;
-    document.head.appendChild(tag);
-  }, [enabled]);
-}
-
-// src/react/components/primitives/Card.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-function CardHeader(props) {
-  const a = useAppearance();
-  const headerClass = `throttle-card__header${props.branded ? " throttle-card__header--branded" : ""}`;
-  const titleClass = `throttle-card__title${props.branded ? " throttle-card__title--branded" : ""}`;
-  return /* @__PURE__ */ jsxs("div", { ...a.el("card.header", headerClass), children: [
-    props.logo ? /* @__PURE__ */ jsx4("div", { ...a.el(props.logoKey ?? "card.logo", "throttle-card__logo"), children: props.logo }) : null,
-    /* @__PURE__ */ jsx4("h2", { ...a.el(props.titleKey ?? "card.title", titleClass), children: props.title }),
-    props.description ? /* @__PURE__ */ jsx4("p", { ...a.el("card.description", "throttle-card__description"), children: props.description }) : null
-  ] });
-}
-function CardBody(props) {
-  const a = useAppearance();
-  return /* @__PURE__ */ jsx4("div", { ...a.el("card.body", "throttle-card__body"), children: props.children });
-}
-function CardFooter(props) {
-  const a = useAppearance();
-  const className = `throttle-card__footer${props.ruled ? " throttle-card__footer--ruled" : ""}`;
-  return /* @__PURE__ */ jsx4("div", { ...a.el("card.footer", className), children: props.children });
-}
-
-// src/react/components/primitives/Spinner.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function Spinner({ centred } = {}) {
-  const a = useAppearance();
-  const Slot = a.slots.Spinner;
-  if (Slot) return /* @__PURE__ */ jsx5(Slot, {});
-  const cls = `throttle-spinner${centred ? " throttle-spinner--centred" : ""}`;
-  return /* @__PURE__ */ jsx5("span", { ...a.el("spinner", cls), "aria-hidden": "true" });
-}
-
-// src/react/components/primitives/Button.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-function Button({ variant = "primary", size = "default", elementKey, loading, children, ...rest }) {
-  const a = useAppearance();
-  const Slot = a.slots.Button;
-  if (Slot) return /* @__PURE__ */ jsx6(Slot, { variant, loading, ...rest, children });
-  const base = `throttle-button throttle-button--${variant}${size === "xs" ? " throttle-button--xs" : ""}${loading ? " throttle-button--loading" : ""}`;
-  return /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      ...rest,
-      ...a.el(elementKey ?? "button", base),
-      disabled: rest.disabled || loading,
-      "aria-busy": loading ? true : void 0,
-      children: [
-        loading ? /* @__PURE__ */ jsx6(Spinner, { centred: true }) : null,
-        /* @__PURE__ */ jsx6("span", { className: `throttle-button__label${loading ? " throttle-button__label--hidden" : ""}`, children })
-      ]
-    }
-  );
-}
-
-// src/react/components/primitives/Field.tsx
-import { Children, Fragment, useId } from "react";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-function Field(props) {
-  const a = useAppearance();
-  const base = useId();
-  const inputId = `${base}-input`;
-  const hintId = `${base}-hint`;
-  const errorId = `${base}-error`;
-  const describedBy = [props.hint ? hintId : null, props.error ? errorId : null].filter(Boolean).join(" ");
-  const label = /* @__PURE__ */ jsx7("label", { ...a.el("field.label", "throttle-field__label"), htmlFor: inputId, children: props.label });
-  return /* @__PURE__ */ jsxs3("div", { ...a.el(props.elementKey ?? "field", "throttle-field"), children: [
-    props.labelExtra ? /* @__PURE__ */ jsxs3("div", { className: "throttle-field__labelrow", children: [
-      label,
-      props.labelExtra
-    ] }) : label,
-    /* @__PURE__ */ jsx7(
-      "input",
-      {
-        ...a.el("field.input", `throttle-field__input${props.grouped ? " throttle-field__input--grouped" : ""}`),
-        id: inputId,
-        name: props.name,
-        type: props.type ?? "text",
-        value: props.value,
-        required: props.required,
-        disabled: props.disabled,
-        autoComplete: props.autoComplete,
-        "aria-describedby": describedBy || void 0,
-        "aria-invalid": props.error ? true : void 0,
-        onChange: (e) => props.onChange(e.target.value)
-      }
-    ),
-    props.hint ? /* @__PURE__ */ jsx7("span", { ...a.el("field.hint", "throttle-field__hint"), id: hintId, children: props.hint }) : null,
-    /* @__PURE__ */ jsx7("span", { ...a.el("field.error", "throttle-field__error"), id: errorId, role: "alert", children: props.error ?? "" })
-  ] });
-}
-function FieldGroup(props) {
-  const a = useAppearance();
-  const items = Children.toArray(props.children).filter(Boolean);
-  return /* @__PURE__ */ jsx7("div", { ...a.el(props.elementKey ?? "field.group", "throttle-field-group"), children: items.map((child, i) => /* @__PURE__ */ jsxs3(Fragment, { children: [
-    i > 0 ? /* @__PURE__ */ jsx7("div", { className: "throttle-field-group__divider" }) : null,
-    /* @__PURE__ */ jsx7("div", { className: "throttle-field-group__item", children: child })
-  ] }, i)) });
-}
-
-// src/react/components/primitives/FieldRow.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-function FieldRow({ children }) {
-  const a = useAppearance();
-  return /* @__PURE__ */ jsx8("div", { ...a.el("fieldRow", "throttle-fieldrow"), children });
-}
-
-// src/react/components/primitives/Alert.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-function Alert(props) {
-  const a = useAppearance();
-  const Slot = a.slots.Alert;
-  if (Slot) return /* @__PURE__ */ jsx9(Slot, { tone: props.tone, children: props.children });
-  return /* @__PURE__ */ jsx9(
-    "p",
-    {
-      ...a.el("alert", `throttle-alert throttle-alert--${props.tone}`),
-      role: props.tone === "error" ? "alert" : "status",
-      children: props.children
-    }
-  );
-}
-
-// src/react/components/primitives/Skeleton.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-function Skeleton(props) {
-  const a = useAppearance();
-  const rows = Array.from({ length: props.count ?? 1 });
-  return /* @__PURE__ */ jsx10("div", { "aria-hidden": "true", className: "throttle-stack", children: rows.map((_, i) => /* @__PURE__ */ jsx10("span", { ...a.el("skeleton", "throttle-skeleton") }, i)) });
-}
-
-// src/react/components/primitives/Modal.tsx
-import { useEffect, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-
-// src/react/components/surface.tsx
-import { createContext as createContext4, useContext as useContext4 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var Ctx4 = createContext4("standalone");
-function SurfaceProvider(props) {
-  return /* @__PURE__ */ jsx11(Ctx4.Provider, { value: props.value, children: props.children });
-}
-function useSurface() {
-  return useContext4(Ctx4);
-}
-function useCardClass() {
-  return useSurface() === "modal" ? "throttle-card throttle-card--bare" : "throttle-card";
-}
-
-// src/react/components/primitives/Modal.tsx
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-var FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function Modal(props) {
-  const a = useAppearance();
-  const { t } = useCopy();
-  const panel = useRef(null);
-  const returnFocusTo = useRef(null);
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const onCloseRef = useRef(props.onClose);
-  useEffect(() => {
-    onCloseRef.current = props.onClose;
-  });
-  useEffect(() => {
-    if (!props.open || !mounted) return;
-    returnFocusTo.current = props.restoreFocusTo ?? document.activeElement;
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    panel.current?.focus();
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") {
-        onCloseRef.current();
-        return;
-      }
-      if (e.key !== "Tab" || !panel.current) return;
-      const items = Array.from(panel.current.querySelectorAll(FOCUSABLE));
-      if (items.length === 0) {
-        e.preventDefault();
-        return;
-      }
-      const first2 = items[0];
-      const last = items[items.length - 1];
-      if (e.shiftKey && document.activeElement === first2) {
-        e.preventDefault();
-        last.focus();
-      } else if (!e.shiftKey && document.activeElement === last) {
-        e.preventDefault();
-        first2.focus();
-      }
-    };
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-      document.body.style.overflow = previousOverflow;
-      returnFocusTo.current?.focus?.();
-    };
-  }, [props.open, mounted]);
-  if (!props.open || !mounted) return null;
-  return createPortal(
-    /* @__PURE__ */ jsx12("div", { ...a.rootProps, children: /* @__PURE__ */ jsx12(
-      "div",
-      {
-        ...a.el(props.overlayKey ?? "modal.overlay", "throttle-modal__overlay"),
-        "data-testid": "throttle-modal-overlay",
-        onClick: (e) => {
-          if (e.target === e.currentTarget) props.onClose();
-        },
-        children: /* @__PURE__ */ jsxs4(
-          "div",
-          {
-            ...a.el(props.containerKey ?? "modal.container", props.size === "compact" ? "throttle-modal__container throttle-modal__container--compact" : "throttle-modal__container"),
-            ref: panel,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": props.labelledBy,
-            tabIndex: -1,
-            children: [
-              /* @__PURE__ */ jsx12(
-                "button",
-                {
-                  ...a.el("modal.closeButton", "throttle-modal__close"),
-                  type: "button",
-                  "aria-label": t.common.close,
-                  onClick: props.onClose,
-                  children: "\xD7"
-                }
-              ),
-              /* @__PURE__ */ jsx12(SurfaceProvider, { value: "modal", children: props.children })
-            ]
-          }
-        )
-      }
-    ) }),
-    document.body
-  );
-}
-
-// src/react/components/primitives/Confirm.tsx
-import { createContext as createContext5, useCallback, useContext as useContext5, useEffect as useEffect2, useId as useId2, useMemo as useMemo3, useRef as useRef2, useState as useState2 } from "react";
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-var ConfirmContext = createContext5(null);
-function ConfirmProvider({
-  children,
-  stepUpOpen = false,
-  onStepUpResolve
-}) {
-  const [request, setRequest] = useState2(null);
-  const [password, setPassword] = useState2("");
-  const { t } = useCopy();
-  const a = useAppearance();
-  const titleId = useId2();
-  const settle = useRef2(null);
-  useEffect2(() => {
-    if (!stepUpOpen) setPassword("");
-  }, [stepUpOpen]);
-  const answer = useCallback((value) => {
-    settle.current?.(value);
-    settle.current = null;
-    setRequest(null);
-  }, []);
-  const ask = useCallback((next) => {
-    settle.current?.(false);
-    setRequest(next);
-    return new Promise((resolve) => {
-      settle.current = resolve;
-    });
-  }, []);
-  const showStepUp = stepUpOpen && Boolean(onStepUpResolve);
-  const open = showStepUp || request !== null;
-  const close = () => {
-    if (showStepUp) onStepUpResolve(null);
-    else answer(false);
-  };
-  return /* @__PURE__ */ jsxs5(ConfirmContext.Provider, { value: ask, children: [
-    children,
-    open ? /* @__PURE__ */ jsx13(Modal, { open: true, onClose: close, labelledBy: titleId, size: "compact", children: showStepUp ? /* @__PURE__ */ jsxs5("form", { onSubmit: (e) => {
-      e.preventDefault();
-      onStepUpResolve(password);
-    }, children: [
-      /* @__PURE__ */ jsx13("div", { ...a.el("confirm.header", "throttle-modal__header"), children: /* @__PURE__ */ jsx13("h2", { id: titleId, ...a.el("stepUp.title", "throttle-modal__title"), children: t.stepUp.title }) }),
-      /* @__PURE__ */ jsxs5("div", { ...a.el("confirm.body", "throttle-modal__body"), children: [
-        /* @__PURE__ */ jsx13("p", { className: "throttle-muted", children: t.stepUp.description }),
-        /* @__PURE__ */ jsx13(
-          Field,
-          {
-            label: t.stepUp.password,
-            type: "password",
-            autoComplete: "current-password",
-            value: password,
-            onChange: setPassword,
-            required: true,
-            elementKey: "stepUp.passwordField"
-          }
-        ),
-        /* @__PURE__ */ jsxs5("div", { className: "throttle-actions", children: [
-          /* @__PURE__ */ jsx13(Button, { type: "submit", elementKey: "stepUp.submitButton", children: t.stepUp.submitButton }),
-          /* @__PURE__ */ jsx13(
-            Button,
-            {
-              variant: "secondary",
-              elementKey: "stepUp.cancelButton",
-              onClick: () => onStepUpResolve(null),
-              children: t.stepUp.cancelButton
-            }
-          )
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      /* @__PURE__ */ jsx13("div", { ...a.el("confirm.header", "throttle-modal__header"), children: /* @__PURE__ */ jsx13("h2", { id: titleId, ...a.el("confirm.title", "throttle-modal__title"), children: request.title }) }),
-      /* @__PURE__ */ jsxs5("div", { ...a.el("confirm.body", "throttle-modal__body"), children: [
-        request.body ? /* @__PURE__ */ jsx13("p", { className: "throttle-muted", children: request.body }) : null,
-        /* @__PURE__ */ jsxs5("div", { className: "throttle-actions", children: [
-          /* @__PURE__ */ jsx13(
-            Button,
-            {
-              elementKey: "confirm.confirmButton",
-              variant: request.tone === "danger" ? "danger" : "primary",
-              onClick: () => answer(true),
-              children: request.confirmLabel ?? t.common.delete
-            }
-          ),
-          /* @__PURE__ */ jsx13(Button, { elementKey: "confirm.cancelButton", variant: "secondary", onClick: () => answer(false), children: request.cancelLabel ?? t.common.keepIt })
-        ] })
-      ] })
-    ] }) }) : null
-  ] });
-}
-function useConfirm() {
-  const ask = useContext5(ConfirmContext);
-  const { t } = useCopy();
-  return useMemo3(
-    () => ask ?? (async (request) => window.confirm(request.title || t.common.confirm)),
-    [ask, t]
-  );
-}
-
-// src/react/components/primitives/Dropdown.tsx
-import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-function Dropdown(props) {
-  const a = useAppearance();
-  const [open, setOpen] = useState3(false);
-  const root = useRef3(null);
-  const trigger = useRef3(null);
-  const menu = useRef3(null);
-  useEffect3(() => {
-    if (!open) return;
-    menu.current?.querySelector('[role="menuitem"]')?.focus();
-    const onDown = (e) => {
-      if (root.current && !root.current.contains(e.target)) setOpen(false);
-    };
-    const onKey = (e) => {
-      if (e.key === "Escape") {
-        setOpen(false);
-        trigger.current?.focus();
-      }
-    };
-    document.addEventListener("mousedown", onDown);
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.removeEventListener("mousedown", onDown);
-      document.removeEventListener("keydown", onKey);
-    };
-  }, [open]);
-  const move = (delta) => {
-    const items = Array.from(menu.current?.querySelectorAll('[role="menuitem"]') ?? []);
-    if (items.length === 0) return;
-    const at = items.indexOf(document.activeElement);
-    const next = (at + delta + items.length) % items.length;
-    items[next < 0 ? items.length - 1 : next].focus();
-  };
-  return /* @__PURE__ */ jsxs6("div", { ref: root, style: { position: "relative", display: "inline-block" }, children: [
-    /* @__PURE__ */ jsx14(
-      "button",
-      {
-        ref: trigger,
-        type: "button",
-        ...a.el(props.triggerKey ?? "dropdown.trigger", "throttle-dropdown__trigger"),
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        "aria-label": props.label,
-        onClick: () => setOpen((v) => !v),
-        children: props.trigger
-      }
-    ),
-    open ? /* @__PURE__ */ jsx14(
-      "div",
-      {
-        ref: menu,
-        ...a.el(props.menuKey ?? "dropdown.menu", "throttle-dropdown__menu"),
-        role: "menu",
-        onClick: () => setOpen(false),
-        onKeyDown: (e) => {
-          if (e.key === "ArrowDown") {
-            e.preventDefault();
-            move(1);
-          }
-          if (e.key === "ArrowUp") {
-            e.preventDefault();
-            move(-1);
-          }
-        },
-        children: props.children
-      }
-    ) : null
-  ] });
-}
-function DropdownItem(props) {
-  const a = useAppearance();
-  const attrs = a.el(props.itemKey ?? "dropdown.item", "throttle-dropdown__item");
-  if (props.href) {
-    return /* @__PURE__ */ jsx14("a", { ...attrs, role: "menuitem", href: props.href, tabIndex: -1, children: props.children });
-  }
-  return /* @__PURE__ */ jsx14("button", { ...attrs, role: "menuitem", type: "button", tabIndex: -1, onClick: props.onClick, children: props.children });
-}
-function DropdownSeparator() {
-  const a = useAppearance();
-  return /* @__PURE__ */ jsx14("hr", { ...a.el("dropdown.separator", "throttle-dropdown__separator") });
-}
-
-// src/react/components/primitives/Tabs.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
-function Tabs(props) {
-  const a = useAppearance();
-  const at = props.tabs.findIndex((t) => t.id === props.active);
-  const vertical = props.orientation === "vertical";
-  const listClass = vertical ? "throttle-tabs__rail" : "throttle-tabs__list";
-  const itemClass = vertical ? "throttle-tabs__railitem" : "throttle-tabs__tab";
-  return /* @__PURE__ */ jsx15(
-    "div",
-    {
-      ...a.el("tabs.list", listClass),
-      role: "tablist",
-      "aria-orientation": vertical ? "vertical" : void 0,
-      onKeyDown: (e) => {
-        const next = vertical ? "ArrowDown" : "ArrowRight";
-        const prev = vertical ? "ArrowUp" : "ArrowLeft";
-        const delta = e.key === next ? 1 : e.key === prev ? -1 : 0;
-        if (!delta) return;
-        e.preventDefault();
-        const nextIndex = (at + delta + props.tabs.length) % props.tabs.length;
-        props.onChange(props.tabs[nextIndex].id);
-        e.currentTarget.querySelectorAll('[role="tab"]')[nextIndex]?.focus();
-      },
-      children: props.tabs.map((tab) => {
-        const selected = tab.id === props.active;
-        const { className, ...rest } = a.el("tabs.tab", itemClass);
-        return /* @__PURE__ */ jsxs7(
-          "button",
-          {
-            ...rest,
-            className: [className, selected ? `${itemClass}--active` : null].filter(Boolean).join(" "),
-            role: "tab",
-            type: "button",
-            id: props.idBase ? `${props.idBase}-tab-${tab.id}` : void 0,
-            "aria-controls": props.idBase ? `${props.idBase}-panel-${tab.id}` : void 0,
-            "aria-selected": selected,
-            tabIndex: selected ? 0 : -1,
-            onClick: () => props.onChange(tab.id),
-            children: [
-              tab.icon,
-              tab.label
-            ]
-          },
-          tab.id
-        );
-      })
-    }
-  );
-}
-
-// src/react/components/primitives/DataTable.tsx
-import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
-function DataTable(props) {
-  const a = useAppearance();
-  const clickable = Boolean(props.onRowClick);
-  return (
-    // Tables are the one thing allowed to be wider than the panel; it scrolls
-    // rather than forcing the whole page to.
-    /* @__PURE__ */ jsx16("div", { className: "throttle-table__scroll", children: /* @__PURE__ */ jsxs8("table", { ...a.el(props.tableKey ?? "table", "throttle-table"), children: [
-      /* @__PURE__ */ jsx16("thead", { children: /* @__PURE__ */ jsx16("tr", { children: props.columns.map((col) => /* @__PURE__ */ jsx16("th", { ...a.el("table.head", "throttle-table__head"), scope: "col", children: col.label }, col.key)) }) }),
-      /* @__PURE__ */ jsx16("tbody", { children: props.rows.map((row) => /* @__PURE__ */ jsx16(
-        "tr",
-        {
-          ...a.el(props.rowElementKey ?? "table.row", "throttle-table__row"),
-          tabIndex: clickable ? 0 : void 0,
-          onClick: clickable ? () => props.onRowClick(row) : void 0,
-          onKeyDown: clickable ? (e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
-              props.onRowClick(row);
-            }
-          } : void 0,
-          children: props.columns.map((col) => /* @__PURE__ */ jsx16("td", { ...a.el("table.cell", "throttle-table__cell"), children: col.render ? col.render(row) : String(row[col.key] ?? "") }, col.key))
-        },
-        props.rowKey(row)
-      )) })
-    ] }) })
-  );
-}
-
-// src/react/components/primitives/EmptyState.tsx
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
-function EmptyState(props) {
-  const a = useAppearance();
-  const Slot = a.slots.EmptyState;
-  if (Slot) return /* @__PURE__ */ jsx17(Slot, { title: props.title, description: props.description });
-  return /* @__PURE__ */ jsxs9("div", { ...a.el("emptyState", "throttle-empty"), children: [
-    /* @__PURE__ */ jsx17("p", { ...a.el("emptyState.title", "throttle-empty__title"), children: props.title }),
-    props.description ? /* @__PURE__ */ jsx17("p", { ...a.el("emptyState.description", "throttle-empty__description"), children: props.description }) : null
-  ] });
-}
-
-// src/react/components/primitives/Avatar.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-function Avatar(props) {
-  const a = useAppearance();
-  const Slot = a.slots.Avatar;
-  if (Slot) return /* @__PURE__ */ jsx18(Slot, { name: props.name, email: props.email });
-  const initials = props.name.split(" ").map((part) => part.trim()[0]).filter(Boolean).slice(0, 2).join("") || props.email.trim()[0] || "?";
-  return /* @__PURE__ */ jsx18("span", { ...a.el("avatar", "throttle-avatar"), title: props.email, children: initials.toUpperCase() });
-}
-
-// src/react/components/primitives/Badge.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-function Badge(props) {
-  const a = useAppearance();
-  const tone = props.tone ?? "neutral";
-  const base = tone === "neutral" ? "throttle-badge" : `throttle-badge throttle-badge--${tone}`;
-  return /* @__PURE__ */ jsx19("span", { ...a.el(props.elementKey ?? "badge", base), children: props.children });
-}
-
-// src/react/components/auth/AuthModal.tsx
-import { useId as useId3 } from "react";
-
-// src/react/components/auth/AuthFlow.tsx
-import { useEffect as useEffect5, useState as useState10 } from "react";
-
-// src/react/components/auth/SignIn.tsx
-import { useState as useState5 } from "react";
-
-// src/react/components/useAction.ts
-import { useCallback as useCallback2, useRef as useRef4, useState as useState4 } from "react";
-function useAction() {
-  const { errorMessage } = useCopy();
-  const [submitting, setSubmitting] = useState4(false);
-  const [error, setError] = useState4(null);
-  const [notice, setNotice] = useState4(null);
-  const inFlight = useRef4(false);
-  const run = useCallback2(
-    async (fn) => {
-      if (inFlight.current) return;
-      inFlight.current = true;
-      setSubmitting(true);
-      setError(null);
-      setNotice(null);
-      try {
-        const message = await fn();
-        if (typeof message === "string") setNotice(message);
-      } catch (err) {
-        setError(errorMessage(err));
-      } finally {
-        inFlight.current = false;
-        setSubmitting(false);
-      }
-    },
-    [errorMessage]
-  );
-  return { submitting, error, notice, run };
-}
-
-// src/react/components/auth/SignIn.tsx
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
-function SignIn(props) {
-  const a = useAppearance(props.appearance);
-  const cardClass = useCardClass();
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const { auth } = useAuth();
-  const { submitting, error, run } = useAction();
-  const [email, setEmail] = useState5("");
-  const [password, setPassword] = useState5("");
-  const variant = props.variant ?? "quiet";
-  const branded = variant === "branded";
-  const grouped = variant === "grouped";
-  const logo = useBrandLogo(props.logo);
-  const forgotLink = props.onForgotPassword ? /* @__PURE__ */ jsx20(Button, { variant: "link", size: "xs", elementKey: "signIn.forgotLink", onClick: props.onForgotPassword, children: t.signIn.forgotLink }) : null;
-  const emailField = /* @__PURE__ */ jsx20(
-    Field,
-    {
-      label: t.signIn.email,
-      type: "email",
-      autoComplete: "email",
-      required: true,
-      value: email,
-      onChange: setEmail,
-      elementKey: "signIn.emailField",
-      grouped
-    }
-  );
-  const passwordField = /* @__PURE__ */ jsx20(
-    Field,
-    {
-      label: t.signIn.password,
-      type: "password",
-      autoComplete: "current-password",
-      required: true,
-      value: password,
-      onChange: setPassword,
-      elementKey: "signIn.passwordField",
-      grouped,
-      labelExtra: grouped ? void 0 : forgotLink
-    }
-  );
-  return /* @__PURE__ */ jsx20(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx20("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs10(
-    "form",
-    {
-      ...a.el("signIn.root", cardClass),
-      onSubmit: (e) => {
-        e.preventDefault();
-        void run(async () => {
-          await auth.signIn(email, password);
-          props.onSuccess?.();
-        });
-      },
-      children: [
-        /* @__PURE__ */ jsx20(
-          CardHeader,
-          {
-            title: t.signIn.title,
-            description: branded ? t.signIn.description : void 0,
-            titleKey: "signIn.title",
-            logo: branded ? logo : null,
-            logoKey: "signIn.logo",
-            branded
-          }
-        ),
-        /* @__PURE__ */ jsxs10(CardBody, { children: [
-          grouped ? /* @__PURE__ */ jsxs10(FieldGroup, { children: [
-            emailField,
-            passwordField
-          ] }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
-            emailField,
-            passwordField
-          ] }),
-          grouped && forgotLink ? /* @__PURE__ */ jsx20("div", { className: "throttle-field-group__forgot", children: forgotLink }) : null,
-          error ? /* @__PURE__ */ jsx20(Alert, { tone: "error", children: error }) : null,
-          /* @__PURE__ */ jsx20(Button, { type: "submit", loading: submitting, elementKey: "signIn.submitButton", children: t.signIn.submitButton })
-        ] }),
-        props.onSignUp ? /* @__PURE__ */ jsxs10(CardFooter, { ruled: !branded, children: [
-          /* @__PURE__ */ jsxs10("span", { className: "throttle-muted", children: [
-            t.signIn.switchPrompt,
-            " "
-          ] }),
-          /* @__PURE__ */ jsx20(Button, { variant: "link", elementKey: "signIn.switchLink", onClick: props.onSignUp, children: t.signIn.switchLink })
-        ] }) : null
-      ]
-    }
-  ) }) });
-}
-
-// src/react/components/auth/SignUp.tsx
-import { useState as useState6 } from "react";
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
-function SignUp(props) {
-  const a = useAppearance(props.appearance);
-  const cardClass = useCardClass();
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const { auth } = useAuth();
-  const { submitting, error, notice, run } = useAction();
-  const [email, setEmail] = useState6("");
-  const [password, setPassword] = useState6("");
-  const variant = props.variant ?? "quiet";
-  const branded = variant === "branded";
-  const grouped = variant === "grouped";
-  const logo = useBrandLogo(props.logo);
-  const emailField = /* @__PURE__ */ jsx21(
-    Field,
-    {
-      label: t.signUp.email,
-      type: "email",
-      autoComplete: "email",
-      required: true,
-      value: email,
-      onChange: setEmail,
-      elementKey: "signUp.emailField",
-      grouped
-    }
-  );
-  const passwordField = /* @__PURE__ */ jsx21(
-    Field,
-    {
-      label: t.signUp.password,
-      type: "password",
-      autoComplete: "new-password",
-      required: true,
-      value: password,
-      onChange: setPassword,
-      elementKey: "signUp.passwordField",
-      grouped
-    }
-  );
-  return /* @__PURE__ */ jsx21(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx21("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs11(
-    "form",
-    {
-      ...a.el("signUp.root", cardClass),
-      onSubmit: (e) => {
-        e.preventDefault();
-        void run(async () => {
-          const result = await auth.register(email, password);
-          if (result.status === "active") {
-            props.onSuccess?.();
-            return;
-          }
-          return t.signUp.pendingNotice;
-        });
-      },
-      children: [
-        /* @__PURE__ */ jsx21(
-          CardHeader,
-          {
-            title: t.signUp.title,
-            description: branded ? t.signUp.description : void 0,
-            titleKey: "signUp.title",
-            logo: branded ? logo : null,
-            logoKey: "signUp.logo",
-            branded
-          }
-        ),
-        /* @__PURE__ */ jsxs11(CardBody, { children: [
-          grouped ? /* @__PURE__ */ jsxs11(FieldGroup, { children: [
-            emailField,
-            passwordField
-          ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
-            emailField,
-            passwordField
-          ] }),
-          error ? /* @__PURE__ */ jsx21(Alert, { tone: "error", children: error }) : null,
-          notice ? /* @__PURE__ */ jsx21(Alert, { tone: "info", children: notice }) : null,
-          /* @__PURE__ */ jsx21(Button, { type: "submit", loading: submitting, elementKey: "signUp.submitButton", children: t.signUp.submitButton })
-        ] }),
-        props.onSignIn ? /* @__PURE__ */ jsxs11(CardFooter, { ruled: !branded, children: [
-          /* @__PURE__ */ jsxs11("span", { className: "throttle-muted", children: [
-            t.signUp.switchPrompt,
-            " "
-          ] }),
-          /* @__PURE__ */ jsx21(Button, { variant: "link", elementKey: "signUp.switchLink", onClick: props.onSignIn, children: t.signUp.switchLink })
-        ] }) : null
-      ]
-    }
-  ) }) });
-}
-
-// src/react/components/auth/ForgotPassword.tsx
-import { useState as useState7 } from "react";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
-function ForgotPassword(props) {
-  const a = useAppearance(props.appearance);
-  const cardClass = useCardClass();
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const { auth } = useAuth();
-  const { submitting, error, notice, run } = useAction();
-  const [email, setEmail] = useState7("");
-  const branded = (props.variant ?? "quiet") === "branded";
-  const logo = useBrandLogo(props.logo);
-  return /* @__PURE__ */ jsx22(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx22("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs12(
-    "form",
-    {
-      ...a.el("forgotPassword.root", cardClass),
-      onSubmit: (e) => {
-        e.preventDefault();
-        void run(async () => {
-          await auth.forgotPassword(email);
-          return t.forgotPassword.sentNotice;
-        });
-      },
-      children: [
-        /* @__PURE__ */ jsx22(
-          CardHeader,
-          {
-            title: t.forgotPassword.title,
-            description: branded ? t.forgotPassword.description : void 0,
-            titleKey: "forgotPassword.title",
-            logo: branded ? logo : null,
-            logoKey: "forgotPassword.logo",
-            branded
-          }
-        ),
-        /* @__PURE__ */ jsxs12(CardBody, { children: [
-          /* @__PURE__ */ jsx22(
-            Field,
-            {
-              label: t.forgotPassword.email,
-              type: "email",
-              autoComplete: "email",
-              required: true,
-              value: email,
-              onChange: setEmail,
-              elementKey: "forgotPassword.emailField"
-            }
-          ),
-          error ? /* @__PURE__ */ jsx22(Alert, { tone: "error", children: error }) : null,
-          notice ? /* @__PURE__ */ jsx22(Alert, { tone: "success", children: notice }) : null,
-          /* @__PURE__ */ jsx22(Button, { type: "submit", loading: submitting, elementKey: "forgotPassword.submitButton", children: t.forgotPassword.submitButton })
-        ] }),
-        props.onBack ? /* @__PURE__ */ jsx22(CardFooter, { ruled: !branded, children: /* @__PURE__ */ jsx22(Button, { variant: "link", elementKey: "forgotPassword.backLink", onClick: props.onBack, children: t.forgotPassword.backLink }) }) : null
-      ]
-    }
-  ) }) });
-}
-
-// src/react/components/auth/ResetPassword.tsx
-import { useState as useState8 } from "react";
-import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
-function ResetPassword(props) {
-  const a = useAppearance(props.appearance);
-  const cardClass = useCardClass();
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const { auth } = useAuth();
-  const { submitting, error, notice, run } = useAction();
-  const [password, setPassword] = useState8("");
-  const branded = (props.variant ?? "quiet") === "branded";
-  const logo = useBrandLogo(props.logo);
-  return /* @__PURE__ */ jsx23(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx23("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs13("div", { ...a.el("resetPassword.root", cardClass), children: [
-    /* @__PURE__ */ jsx23(
-      CardHeader,
-      {
-        title: t.resetPassword.title,
-        titleKey: "resetPassword.title",
-        logo: branded ? logo : null,
-        logoKey: "resetPassword.logo",
-        branded
-      }
-    ),
-    /* @__PURE__ */ jsx23(CardBody, { children: !props.token ? (
-      // No form at all without a token. A submit button that can only
-      // fail is worse than an explanation.
-      /* @__PURE__ */ jsx23(Alert, { tone: "error", children: t.resetPassword.missingToken })
-    ) : /* @__PURE__ */ jsx23(
-      "form",
-      {
-        onSubmit: (e) => {
-          e.preventDefault();
-          void run(async () => {
-            await auth.resetPassword(props.token, password);
-            props.onSuccess?.();
-            return t.resetPassword.doneNotice;
-          });
-        },
-        children: /* @__PURE__ */ jsxs13("div", { className: "throttle-stack", children: [
-          /* @__PURE__ */ jsx23(
-            Field,
-            {
-              label: t.resetPassword.password,
-              type: "password",
-              autoComplete: "new-password",
-              required: true,
-              value: password,
-              onChange: setPassword,
-              elementKey: "resetPassword.passwordField"
-            }
-          ),
-          error ? /* @__PURE__ */ jsx23(Alert, { tone: "error", children: error }) : null,
-          notice ? /* @__PURE__ */ jsx23(Alert, { tone: "success", children: notice }) : null,
-          /* @__PURE__ */ jsx23(Button, { type: "submit", loading: submitting, elementKey: "resetPassword.submitButton", children: t.resetPassword.submitButton })
-        ] })
-      }
-    ) })
-  ] }) }) });
-}
-
-// src/react/components/auth/VerifyEmail.tsx
-import { useEffect as useEffect4, useRef as useRef5, useState as useState9 } from "react";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
-function VerifyEmail(props) {
-  const a = useAppearance(props.appearance);
-  const cardClass = useCardClass();
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t, errorMessage } = useCopy(props.localization);
-  const { auth } = useAuth();
-  const { submitting, notice, run } = useAction();
-  const [state, setState] = useState9(props.token ? "verifying" : "idle");
-  const [error, setError] = useState9(null);
-  const branded = (props.variant ?? "quiet") === "branded";
-  const logo = useBrandLogo(props.logo);
-  const attempted = useRef5(null);
-  useEffect4(() => {
-    const token = props.token;
-    if (!token || attempted.current === token) return;
-    attempted.current = token;
-    setState("verifying");
-    auth.verifyEmail(token).then(() => {
-      setState("done");
-      props.onSuccess?.();
-    }).catch((err) => {
-      setError(errorMessage(err));
-      setState("failed");
-    });
-  }, [props.token, auth]);
-  return /* @__PURE__ */ jsx24(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx24("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs14("div", { ...a.el("verifyEmail.root", cardClass), children: [
-    /* @__PURE__ */ jsx24(
-      CardHeader,
-      {
-        title: t.verifyEmail.title,
-        titleKey: "verifyEmail.title",
-        logo: branded ? logo : null,
-        logoKey: "verifyEmail.logo",
-        branded
-      }
-    ),
-    /* @__PURE__ */ jsxs14(CardBody, { children: [
-      state === "verifying" ? /* @__PURE__ */ jsxs14("p", { children: [
-        /* @__PURE__ */ jsx24(Spinner, {}),
-        " ",
-        t.verifyEmail.verifying
-      ] }) : null,
-      state === "done" ? /* @__PURE__ */ jsx24(Alert, { tone: "success", children: t.verifyEmail.success }) : null,
-      state === "failed" && error ? /* @__PURE__ */ jsx24(Alert, { tone: "error", children: error }) : null,
-      state === "idle" ? /* @__PURE__ */ jsx24("p", { className: "throttle-muted", children: t.verifyEmail.instructions }) : null,
-      notice ? /* @__PURE__ */ jsx24(Alert, { tone: "success", children: notice }) : null,
-      state !== "done" ? /* @__PURE__ */ jsx24(
-        Button,
-        {
-          variant: "secondary",
-          loading: submitting,
-          elementKey: "verifyEmail.resendButton",
-          onClick: () => void run(async () => {
-            await auth.resendVerification();
-            return t.verifyEmail.resentNotice;
-          }),
-          children: t.verifyEmail.resendButton
-        }
-      ) : null
-    ] })
-  ] }) }) });
-}
-
-// src/react/components/auth/AuthFlow.tsx
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
-var HASH_FOR = {
-  signIn: "#/sign-in",
-  signUp: "#/sign-up",
-  forgotPassword: "#/forgot-password",
-  resetPassword: "#/reset-password",
-  verifyEmail: "#/verify-email"
-};
-var VIEW_FOR_HASH = Object.fromEntries(
-  Object.entries(HASH_FOR).map(([view, hash]) => [hash, view])
-);
-function readLocation() {
-  if (typeof window === "undefined") return { view: null };
-  const params = new URLSearchParams(window.location.search);
-  const token = params.get("token") ?? void 0;
-  const hashView = VIEW_FOR_HASH[window.location.hash];
-  if (hashView) return { view: hashView, token };
-  if (!token) return { view: null };
-  const path = window.location.pathname.toLowerCase();
-  if (path.includes("reset")) return { view: "resetPassword", token };
-  if (path.includes("verif")) return { view: "verifyEmail", token };
-  return { view: null, token };
-}
-function AuthFlow(props) {
-  const a = useAppearance(props.appearance);
-  const controlled = props.view !== void 0;
-  const [internal, setInternal] = useState10(props.initialView ?? "signIn");
-  const [urlToken, setUrlToken] = useState10(void 0);
-  useEffect5(() => {
-    const found = readLocation();
-    if (found.token) setUrlToken(found.token);
-    if (found.view && !controlled && props.initialView === void 0) setInternal(found.view);
-  }, []);
-  const view = controlled ? props.view : internal;
-  const token = props.token ?? urlToken;
-  const go = (next) => {
-    props.onViewChange?.(next);
-    if (!controlled) setInternal(next);
-    if (props.routing === "hash" && typeof window !== "undefined") {
-      window.location.hash = HASH_FOR[next];
-    }
-  };
-  useEffect5(() => {
-    if (props.routing !== "hash" || typeof window === "undefined") return;
-    const onHashChange = () => {
-      if (controlled) return;
-      const hash = window.location.hash;
-      if (hash === "") {
-        setInternal(props.initialView ?? "signIn");
-        return;
-      }
-      const next = VIEW_FOR_HASH[hash];
-      if (next) setInternal(next);
-    };
-    window.addEventListener("hashchange", onHashChange);
-    return () => window.removeEventListener("hashchange", onHashChange);
-  }, [props.routing, controlled]);
-  const shared = { appearance: props.appearance, localization: props.localization };
-  return /* @__PURE__ */ jsx25("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs15("div", { ...a.el("authFlow.root"), children: [
-    view === "signIn" ? /* @__PURE__ */ jsx25(
-      SignIn,
-      {
-        ...shared,
-        onSuccess: props.afterSignIn,
-        onForgotPassword: () => go("forgotPassword"),
-        onSignUp: () => go("signUp")
-      }
-    ) : null,
-    view === "signUp" ? /* @__PURE__ */ jsx25(SignUp, { ...shared, onSuccess: props.afterSignUp, onSignIn: () => go("signIn") }) : null,
-    view === "forgotPassword" ? /* @__PURE__ */ jsx25(ForgotPassword, { ...shared, onBack: () => go("signIn") }) : null,
-    view === "resetPassword" ? /* @__PURE__ */ jsx25(ResetPassword, { ...shared, token, onSuccess: () => go("signIn") }) : null,
-    view === "verifyEmail" ? /* @__PURE__ */ jsx25(VerifyEmail, { ...shared, token }) : null
-  ] }) });
-}
-
-// src/react/components/auth/AuthModal.tsx
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
-function AuthModal(props) {
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const titleId = useId3();
-  return /* @__PURE__ */ jsx26(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsxs16(
-    Modal,
-    {
-      open: props.open,
-      onClose: props.onClose,
-      labelledBy: titleId,
-      size: "compact",
-      overlayKey: "authModal.overlay",
-      containerKey: "authModal.container",
-      children: [
-        /* @__PURE__ */ jsx26("h2", { id: titleId, style: { position: "absolute", width: 1, height: 1, overflow: "hidden", clip: "rect(0 0 0 0)" }, children: "Account" }),
-        /* @__PURE__ */ jsx26(
-          AuthFlow,
-          {
-            initialView: props.initialView,
-            afterSignIn: props.afterSignIn,
-            afterSignUp: props.afterSignUp,
-            appearance: props.appearance,
-            localization: props.localization
-          }
-        )
-      ]
-    }
-  ) });
-}
-
-// src/react/components/account/AccountModal.tsx
-import { useId as useId6 } from "react";
-
-// src/react/components/account/AccountDashboard.tsx
-import { useEffect as useEffect11, useId as useId5, useState as useState21 } from "react";
-
-// src/react/components/account/VerifyEmailBanner.tsx
-import { useState as useState11 } from "react";
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
-var DISMISS_KEY = "throttle-auth:verify-banner-dismissed";
-function readDismissed() {
-  try {
-    return sessionStorage.getItem(DISMISS_KEY) === "1";
-  } catch {
-    return false;
-  }
-}
-function writeDismissed() {
-  try {
-    sessionStorage.setItem(DISMISS_KEY, "1");
-  } catch {
-  }
-}
-function VerifyEmailBanner(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const { auth, status, emailVerified } = useAuth();
-  const { submitting, notice, error, run } = useAction();
-  const [dismissed, setDismissed] = useState11(readDismissed);
-  if (status !== "authenticated" || emailVerified || dismissed) return null;
-  return /* @__PURE__ */ jsx27(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx27("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs17("div", { ...a.el("verifyBanner.root", "throttle-banner"), children: [
-    /* @__PURE__ */ jsx27("span", { ...a.el("verifyBanner.message"), children: t.verifyBanner.message }),
-    notice ? /* @__PURE__ */ jsx27(Alert, { tone: "success", children: notice }) : null,
-    error ? /* @__PURE__ */ jsx27(Alert, { tone: "error", children: error }) : null,
-    /* @__PURE__ */ jsxs17("span", { className: "throttle-actions", children: [
-      /* @__PURE__ */ jsx27(
-        Button,
-        {
-          variant: "secondary",
-          loading: submitting,
-          elementKey: "verifyBanner.resendButton",
-          onClick: () => void run(async () => {
-            await auth.resendVerification();
-            return t.verifyEmail.resentNotice;
-          }),
-          children: t.verifyBanner.resendButton
-        }
-      ),
-      /* @__PURE__ */ jsx27(
-        Button,
-        {
-          variant: "link",
-          elementKey: "verifyBanner.dismissButton",
-          onClick: () => {
-            writeDismissed();
-            setDismissed(true);
-          },
-          children: t.verifyBanner.dismissButton
-        }
-      )
-    ] })
-  ] }) }) });
-}
-
-// src/react/components/account/icons.tsx
-import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
-function Glyph(props) {
-  return /* @__PURE__ */ jsx28(
-    "svg",
-    {
-      className: "throttle-tabs__railicon",
-      width: "18",
-      height: "18",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "1.6",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      focusable: "false",
-      children: props.children
-    }
-  );
-}
-var ACCOUNT_ICONS = {
-  profile: /* @__PURE__ */ jsxs18(Glyph, { children: [
-    /* @__PURE__ */ jsx28("circle", { cx: "12", cy: "8", r: "4" }),
-    /* @__PURE__ */ jsx28("path", { d: "M4 21c0-4 3.6-6 8-6s8 2 8 6" })
-  ] }),
-  addresses: /* @__PURE__ */ jsxs18(Glyph, { children: [
-    /* @__PURE__ */ jsx28("path", { d: "M12 21s7-5.3 7-11a7 7 0 1 0-14 0c0 5.7 7 11 7 11Z" }),
-    /* @__PURE__ */ jsx28("circle", { cx: "12", cy: "10", r: "2.5" })
-  ] }),
-  paymentMethods: /* @__PURE__ */ jsxs18(Glyph, { children: [
-    /* @__PURE__ */ jsx28("rect", { x: "2.5", y: "5.5", width: "19", height: "13", rx: "2.5" }),
-    /* @__PURE__ */ jsx28("path", { d: "M2.5 10h19" })
-  ] }),
-  orders: /* @__PURE__ */ jsxs18(Glyph, { children: [
-    /* @__PURE__ */ jsx28("path", { d: "M4 7h16v13H4z" }),
-    /* @__PURE__ */ jsx28("path", { d: "M8 7V4h8v3" }),
-    /* @__PURE__ */ jsx28("path", { d: "M8 12h8" })
-  ] }),
-  invoices: /* @__PURE__ */ jsxs18(Glyph, { children: [
-    /* @__PURE__ */ jsx28("path", { d: "M6 3h12v18l-3-2-3 2-3-2-3 2Z" }),
-    /* @__PURE__ */ jsx28("path", { d: "M9 8h6M9 12h6" })
-  ] }),
-  subscriptions: /* @__PURE__ */ jsxs18(Glyph, { children: [
-    /* @__PURE__ */ jsx28("path", { d: "M3 12a9 9 0 0 1 15.5-6.2" }),
-    /* @__PURE__ */ jsx28("path", { d: "M21 12a9 9 0 0 1-15.5 6.2" }),
-    /* @__PURE__ */ jsx28("path", { d: "M18 3v4h-4M6 21v-4h4" })
-  ] }),
-  security: /* @__PURE__ */ jsxs18(Glyph, { children: [
-    /* @__PURE__ */ jsx28("path", { d: "M12 3 4 6.5V12c0 5 3.4 8.3 8 9 4.6-.7 8-4 8-9V6.5Z" }),
-    /* @__PURE__ */ jsx28("path", { d: "m9 12 2 2 4-4" })
-  ] })
-};
-
-// src/react/components/account/ProfilePanel.tsx
-import { useEffect as useEffect6, useState as useState12, useRef as useRef6 } from "react";
-
-// src/react/components/account/PanelState.tsx
-import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
-function PanelState(props) {
-  const { t, errorMessage } = useCopy();
-  const { data, isLoading, error, refetch } = props.resource;
-  const empty = props.isEmpty(data);
-  if (isLoading && empty) return /* @__PURE__ */ jsx29(Skeleton, { count: props.skeletonRows ?? 3 });
-  const errorBanner = error ? /* @__PURE__ */ jsxs19("div", { className: "throttle-stack", children: [
-    /* @__PURE__ */ jsx29(Alert, { tone: "error", children: errorMessage(error) }),
-    /* @__PURE__ */ jsx29(Button, { variant: "secondary", onClick: () => void refetch(), children: t.common.retry })
-  ] }) : null;
-  const gatedByVerification = error?.code === "verification_required";
-  if (gatedByVerification && empty) {
-    return /* @__PURE__ */ jsx29(EmptyState, { title: props.emptyTitle, description: props.gatedDescription ?? props.emptyDescription });
-  }
-  if (error && empty) return errorBanner;
-  if (empty) {
-    return props.gated ? /* @__PURE__ */ jsx29(EmptyState, { title: props.emptyTitle, description: props.gatedDescription }) : /* @__PURE__ */ jsx29(EmptyState, { title: props.emptyTitle, description: props.emptyDescription });
-  }
-  return /* @__PURE__ */ jsxs19(Fragment5, { children: [
-    errorBanner,
-    props.children(data)
-  ] });
-}
-
-// src/react/components/account/ProfilePanel.tsx
-import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
-function ProfilePanel(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const { status } = useAuth();
-  const resource = useCustomer();
-  const { submitting, error, notice, run } = useAction();
-  const [form, setForm] = useState12({ firstName: "", lastName: "", phone: "", company: "" });
-  const edited = useRef6(false);
-  useEffect6(() => {
-    const c = resource.data;
-    if (!c || edited.current) return;
-    setForm({
-      firstName: c.firstName ?? "",
-      lastName: c.lastName ?? "",
-      phone: c.phone ?? "",
-      company: c.company ?? ""
-    });
-  }, [resource.data]);
-  if (status === "unauthenticated") return null;
-  return /* @__PURE__ */ jsx30(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx30("div", { ...a.rootProps, children: /* @__PURE__ */ jsx30("div", { ...a.el("profilePanel.root", "throttle-panel"), children: /* @__PURE__ */ jsx30(
-    PanelState,
-    {
-      resource,
-      isEmpty: (c) => c === null,
-      emptyTitle: t.common.somethingWentWrong,
-      skeletonRows: 4,
-      children: (customer) => /* @__PURE__ */ jsxs20(
-        "form",
-        {
-          ...a.el("profilePanel.form", "throttle-stack"),
-          onSubmit: (e) => {
-            e.preventDefault();
-            void run(async () => {
-              edited.current = false;
-              await resource.update({
-                firstName: form.firstName,
-                lastName: form.lastName,
-                phone: form.phone,
-                company: form.company || null
-              });
-              return t.profile.savedNotice;
-            });
-          },
-          children: [
-            /* @__PURE__ */ jsx30(
-              Field,
-              {
-                label: t.profile.email,
-                type: "email",
-                value: customer.email,
-                onChange: () => {
-                },
-                disabled: true,
-                hint: t.profile.emailReadOnly
-              }
-            ),
-            /* @__PURE__ */ jsxs20(FieldRow, { children: [
-              /* @__PURE__ */ jsx30(
-                Field,
-                {
-                  label: t.profile.firstName,
-                  value: form.firstName,
-                  autoComplete: "given-name",
-                  onChange: (v) => {
-                    edited.current = true;
-                    setForm((f) => ({ ...f, firstName: v }));
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx30(
-                Field,
-                {
-                  label: t.profile.lastName,
-                  value: form.lastName,
-                  autoComplete: "family-name",
-                  onChange: (v) => {
-                    edited.current = true;
-                    setForm((f) => ({ ...f, lastName: v }));
-                  }
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs20(FieldRow, { children: [
-              /* @__PURE__ */ jsx30(
-                Field,
-                {
-                  label: t.profile.phone,
-                  type: "tel",
-                  value: form.phone,
-                  autoComplete: "tel",
-                  onChange: (v) => {
-                    edited.current = true;
-                    setForm((f) => ({ ...f, phone: v }));
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx30(
-                Field,
-                {
-                  label: t.profile.company,
-                  value: form.company,
-                  autoComplete: "organization",
-                  onChange: (v) => {
-                    edited.current = true;
-                    setForm((f) => ({ ...f, company: v }));
-                  }
-                }
-              )
-            ] }),
-            error ? /* @__PURE__ */ jsx30(Alert, { tone: "error", children: error }) : null,
-            notice ? /* @__PURE__ */ jsx30(Alert, { tone: "success", children: notice }) : null,
-            /* @__PURE__ */ jsx30(Button, { type: "submit", loading: submitting, elementKey: "profilePanel.submitButton", children: t.profile.saveButton })
-          ]
-        }
-      )
-    }
-  ) }) }) });
-}
-
-// src/react/components/account/AddressesPanel.tsx
-import { useState as useState14 } from "react";
-
-// src/react/components/account/AddressForm.tsx
-import { useState as useState13 } from "react";
-import { jsx as jsx31, jsxs as jsxs21 } from "react/jsx-runtime";
-function AddressForm(props) {
-  const a = useAppearance();
-  const { t } = useCopy();
-  const i = props.initial;
-  const [form, setForm] = useState13({
-    label: i?.label ?? "",
-    firstName: i?.firstName ?? "",
-    lastName: i?.lastName ?? "",
-    company: i?.company ?? "",
-    addressLine1: i?.addressLine1 ?? "",
-    addressLine2: i?.addressLine2 ?? "",
-    city: i?.city ?? "",
-    stateProvince: i?.stateProvince ?? "",
-    postalCode: i?.postalCode ?? "",
-    countryCode: i?.countryCode ?? "",
-    phone: i?.phone ?? ""
-  });
-  const set = (key) => (value) => setForm((f) => ({ ...f, [key]: value }));
-  return /* @__PURE__ */ jsxs21(
-    "form",
-    {
-      ...a.el(props.elementKey ?? "addressesPanel.form", "throttle-stack"),
-      onSubmit: (e) => {
-        e.preventDefault();
-        props.onSubmit({
-          label: form.label || void 0,
-          firstName: form.firstName || void 0,
-          lastName: form.lastName || void 0,
-          company: form.company || void 0,
-          addressLine1: form.addressLine1,
-          addressLine2: form.addressLine2 || void 0,
-          city: form.city,
-          stateProvince: form.stateProvince || void 0,
-          postalCode: form.postalCode || void 0,
-          // The API wants ISO-3166 alpha-2; uppercase so "gb" is not rejected.
-          countryCode: form.countryCode.toUpperCase(),
-          phone: form.phone || void 0
-        });
-      },
-      children: [
-        /* @__PURE__ */ jsxs21(FieldRow, { children: [
-          props.hideLabel ? null : /* @__PURE__ */ jsx31(Field, { label: t.addresses.label, value: form.label, onChange: set("label") }),
-          /* @__PURE__ */ jsx31(Field, { label: t.addresses.company, value: form.company, onChange: set("company"), autoComplete: "organization" })
-        ] }),
-        /* @__PURE__ */ jsxs21(FieldRow, { children: [
-          /* @__PURE__ */ jsx31(Field, { label: t.addresses.firstName, value: form.firstName, onChange: set("firstName"), autoComplete: "given-name" }),
-          /* @__PURE__ */ jsx31(Field, { label: t.addresses.lastName, value: form.lastName, onChange: set("lastName"), autoComplete: "family-name" })
-        ] }),
-        /* @__PURE__ */ jsx31(
-          Field,
-          {
-            label: t.addresses.addressLine1,
-            value: form.addressLine1,
-            onChange: set("addressLine1"),
-            required: true,
-            autoComplete: "address-line1"
-          }
-        ),
-        /* @__PURE__ */ jsx31(
-          Field,
-          {
-            label: t.addresses.addressLine2,
-            value: form.addressLine2,
-            onChange: set("addressLine2"),
-            autoComplete: "address-line2"
-          }
-        ),
-        /* @__PURE__ */ jsxs21(FieldRow, { children: [
-          /* @__PURE__ */ jsx31(Field, { label: t.addresses.city, value: form.city, onChange: set("city"), required: true, autoComplete: "address-level2" }),
-          /* @__PURE__ */ jsx31(
-            Field,
-            {
-              label: t.addresses.stateProvince,
-              value: form.stateProvince,
-              onChange: set("stateProvince"),
-              autoComplete: "address-level1"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs21(FieldRow, { children: [
-          /* @__PURE__ */ jsx31(
-            Field,
-            {
-              label: t.addresses.postalCode,
-              value: form.postalCode,
-              onChange: set("postalCode"),
-              autoComplete: "postal-code"
-            }
-          ),
-          /* @__PURE__ */ jsx31(
-            Field,
-            {
-              label: t.addresses.countryCode,
-              value: form.countryCode,
-              onChange: set("countryCode"),
-              required: true,
-              autoComplete: "country",
-              hint: "ISO 3166-1 alpha-2, e.g. GB"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx31(Field, { label: t.addresses.phone, type: "tel", value: form.phone, onChange: set("phone"), autoComplete: "tel" }),
-        props.error ? /* @__PURE__ */ jsx31(Alert, { tone: "error", children: props.error }) : null,
-        /* @__PURE__ */ jsxs21("div", { className: "throttle-actions", children: [
-          /* @__PURE__ */ jsx31(Button, { type: "submit", loading: props.submitting, children: t.common.save }),
-          /* @__PURE__ */ jsx31(Button, { variant: "link", onClick: props.onCancel, children: t.common.cancel })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/react/components/account/AddressesPanel.tsx
-import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
-function AddressesPanel(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const resource = useAddresses();
-  const { submitting, error, run } = useAction();
-  const confirm = useConfirm();
-  const [editing, setEditing] = useState14(null);
-  const variant = props.variant ?? "rows";
-  const rowsVariant = variant === "rows";
-  const listBase = rowsVariant ? "throttle-rows" : "throttle-stack";
-  const itemBase = rowsVariant ? "throttle-rowitem" : "throttle-listitem";
-  const actionVariant = (base) => rowsVariant ? base === "danger" ? "linkDanger" : "link" : base;
-  const close = () => setEditing(null);
-  const formatAddress = (address) => [address.addressLine2, address.city, address.stateProvince, address.postalCode, address.countryCode].filter(Boolean).join(", ");
-  return /* @__PURE__ */ jsx32(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx32("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs22("div", { ...a.el("addressesPanel.root", "throttle-panel"), children: [
-    !editing && error ? /* @__PURE__ */ jsx32(Alert, { tone: "error", children: error }) : null,
-    editing ? /* @__PURE__ */ jsx32(
-      AddressForm,
-      {
-        initial: editing === "new" ? void 0 : editing,
-        submitting,
-        error,
-        onCancel: close,
-        onSubmit: (input) => void run(async () => {
-          if (editing === "new") await resource.create(input);
-          else await resource.update(editing.id, input);
-          close();
-        })
-      }
-    ) : /* @__PURE__ */ jsxs22(Fragment6, { children: [
-      /* @__PURE__ */ jsx32("div", { children: /* @__PURE__ */ jsx32(Button, { elementKey: "addressesPanel.addButton", variant: "secondary", onClick: () => setEditing("new"), children: t.addresses.addButton }) }),
-      /* @__PURE__ */ jsx32(
-        PanelState,
-        {
-          resource,
-          isEmpty: (rows) => rows.length === 0,
-          emptyTitle: t.addresses.empty,
-          emptyDescription: t.addresses.emptyDescription,
-          children: (rows) => variant === "table" ? /* @__PURE__ */ jsx32(
-            DataTable,
-            {
-              tableKey: "addressesPanel.table",
-              rowElementKey: "addressesPanel.row",
-              rowKey: (address) => address.id,
-              rows,
-              columns: [
-                { key: "label", label: t.addresses.label, render: (address) => address.label || address.addressLine1 },
-                { key: "address", label: t.addresses.columnAddress, render: (address) => /* @__PURE__ */ jsxs22(Fragment6, { children: [
-                  address.addressLine1,
-                  formatAddress(address) ? `, ${formatAddress(address)}` : ""
-                ] }) },
-                { key: "default", label: t.addresses.defaultBadge, render: (address) => address.isDefault ? /* @__PURE__ */ jsx32(Badge, { tone: "success", children: t.addresses.defaultBadge }) : null },
-                { key: "actions", label: t.common.actions, render: (address) => /* @__PURE__ */ jsxs22("div", { className: "throttle-actions", children: [
-                  !address.isDefault ? /* @__PURE__ */ jsx32(
-                    Button,
-                    {
-                      variant: "secondary",
-                      elementKey: "addressesPanel.defaultButton",
-                      onClick: () => void run(() => resource.update(address.id, { isDefault: true })),
-                      children: t.addresses.makeDefault
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx32(
-                    Button,
-                    {
-                      variant: "secondary",
-                      elementKey: "addressesPanel.editButton",
-                      onClick: () => setEditing(address),
-                      children: t.common.edit
-                    }
-                  ),
-                  /* @__PURE__ */ jsx32(
-                    Button,
-                    {
-                      variant: "danger",
-                      elementKey: "addressesPanel.deleteButton",
-                      disabled: submitting,
-                      onClick: async () => {
-                        if (!await confirm({ title: t.addresses.deleteConfirm, confirmLabel: t.addresses.deleteConfirmAction, tone: "danger" })) return;
-                        void run(() => resource.remove(address.id));
-                      },
-                      children: t.common.delete
-                    }
-                  )
-                ] }) }
-              ]
-            }
-          ) : /* @__PURE__ */ jsx32("div", { ...a.el("addressesPanel.list", listBase), children: rows.map((address) => /* @__PURE__ */ jsxs22("div", { ...a.el("addressesPanel.item", itemBase), children: [
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsxs22("div", { className: "throttle-row", children: [
-                /* @__PURE__ */ jsx32("strong", { children: address.label || address.addressLine1 }),
-                address.isDefault ? /* @__PURE__ */ jsx32(Badge, { tone: "success", children: t.addresses.defaultBadge }) : null
-              ] }),
-              /* @__PURE__ */ jsx32("p", { className: "throttle-muted", children: address.addressLine1 }),
-              /* @__PURE__ */ jsx32("p", { className: "throttle-muted", children: formatAddress(address) })
-            ] }),
-            /* @__PURE__ */ jsxs22("div", { className: "throttle-actions", children: [
-              !address.isDefault ? /* @__PURE__ */ jsx32(
-                Button,
-                {
-                  variant: actionVariant("secondary"),
-                  elementKey: "addressesPanel.defaultButton",
-                  onClick: () => void run(() => resource.update(address.id, { isDefault: true })),
-                  children: t.addresses.makeDefault
-                }
-              ) : null,
-              /* @__PURE__ */ jsx32(
-                Button,
-                {
-                  variant: actionVariant("secondary"),
-                  elementKey: "addressesPanel.editButton",
-                  onClick: () => setEditing(address),
-                  children: t.common.edit
-                }
-              ),
-              /* @__PURE__ */ jsx32(
-                Button,
-                {
-                  variant: actionVariant("danger"),
-                  elementKey: "addressesPanel.deleteButton",
-                  disabled: submitting,
-                  onClick: async () => {
-                    if (!await confirm({ title: t.addresses.deleteConfirm, confirmLabel: t.addresses.deleteConfirmAction, tone: "danger" })) return;
-                    void run(() => resource.remove(address.id));
-                  },
-                  children: t.common.delete
-                }
-              )
-            ] })
-          ] }, address.id)) })
-        }
-      )
-    ] })
-  ] }) }) });
-}
-
-// src/react/components/account/PaymentMethodsPanel.tsx
-import { useState as useState16 } from "react";
-
-// src/react/components/account/AddCardDialog.tsx
-import { useEffect as useEffect7, useId as useId4, useRef as useRef7, useState as useState15 } from "react";
-import { jsx as jsx33, jsxs as jsxs23 } from "react/jsx-runtime";
-function AddCardDialog(props) {
-  const { account } = useAuth();
-  const titleId = useId4();
-  const { t } = useCopy(props.localization);
-  const [src, setSrc] = useState15(null);
-  const [error, setError] = useState15(null);
-  const [busy, setBusy] = useState15(false);
-  const onAdded = useRef7(props.onAdded);
-  const onClose = useRef7(props.onClose);
-  onAdded.current = props.onAdded;
-  onClose.current = props.onClose;
-  useEffect7(() => {
-    if (!props.open) {
-      setSrc(null);
-      setError(null);
-      return;
-    }
-    let live = true;
-    setError(null);
-    account.startCardSetup().then(
-      (session) => {
-        if (!live) return;
-        let url = session.embedUrl;
-        try {
-          const u = new URL(session.embedUrl, window.location.origin);
-          u.searchParams.set("parentOrigin", window.location.origin);
-          url = u.toString();
-        } catch {
-        }
-        setSrc(url);
-      },
-      (err) => {
-        if (live) setError(messageForError(err));
-      }
-    );
-    return () => {
-      live = false;
-    };
-  }, [props.open, account]);
-  useEffect7(() => {
-    if (!src) return;
-    const frameOrigin = (() => {
-      try {
-        return new URL(src).origin;
-      } catch {
-        return null;
-      }
-    })();
-    if (!frameOrigin) return;
-    async function onMessage(event) {
-      if (event.origin !== frameOrigin) return;
-      const data = event.data;
-      if (!data || typeof data.type !== "string") return;
-      if (data.type === "throttle.completed" && data.paymentId) {
-        setBusy(true);
-        try {
-          await account.confirmCardSetup(data.paymentId);
-          onAdded.current();
-          onClose.current();
-        } catch (err) {
-          setError(messageForError(err));
-        } finally {
-          setBusy(false);
-        }
-      } else if (data.type === "throttle.error") {
-        setError(data.message || t.common.somethingWentWrong);
-      } else if (data.type === "throttle.cancelled") {
-        onClose.current();
-      }
-    }
-    window.addEventListener("message", onMessage);
-    return () => window.removeEventListener("message", onMessage);
-  }, [src, account, t]);
-  if (!props.open) return null;
-  return /* @__PURE__ */ jsxs23(Modal, { open: true, onClose: props.onClose, labelledBy: titleId, children: [
-    /* @__PURE__ */ jsx33("div", { className: "throttle-modal__header", children: /* @__PURE__ */ jsx33("h2", { id: titleId, className: "throttle-modal__title", children: t.paymentMethods.addTitle }) }),
-    /* @__PURE__ */ jsxs23("div", { className: "throttle-modal__body", children: [
-      error ? /* @__PURE__ */ jsx33(Alert, { tone: "error", children: error }) : null,
-      busy ? /* @__PURE__ */ jsx33("div", { className: "throttle-centre", children: /* @__PURE__ */ jsx33(Spinner, {}) }) : src ? /* @__PURE__ */ jsx33(
-        "iframe",
-        {
-          className: "throttle-cardframe",
-          src,
-          title: t.paymentMethods.addTitle,
-          sandbox: "allow-scripts allow-forms allow-same-origin"
-        }
-      ) : !error ? /* @__PURE__ */ jsx33("div", { className: "throttle-centre", children: /* @__PURE__ */ jsx33(Spinner, {}) }) : null
-    ] })
-  ] });
-}
-
-// src/react/components/account/PaymentMethodsPanel.tsx
-import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
-function PaymentMethodsPanel(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const { emailVerified } = useAuth();
-  const resource = useSavedCards();
-  const { submitting, error, run } = useAction();
-  const confirm = useConfirm();
-  const [adding, setAdding] = useState16(false);
-  const variant = props.variant ?? "rows";
-  const rowsVariant = variant === "rows";
-  const listBase = rowsVariant ? "throttle-rows" : "throttle-stack";
-  const itemBase = rowsVariant ? "throttle-rowitem" : "throttle-listitem";
-  const actionVariant = (base) => rowsVariant ? base === "danger" ? "linkDanger" : "link" : base;
-  const cardLabel = (card) => `${(card.cardBrand ?? card.methodType).toUpperCase()} \u2022\u2022\u2022\u2022 ${card.cardLastFour ?? "____"}`;
-  const expiryLabel = (card) => card.cardExpMonth && card.cardExpYear ? `${String(card.cardExpMonth).padStart(2, "0")}/${card.cardExpYear}` : "";
-  return /* @__PURE__ */ jsx34(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx34("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs24("div", { ...a.el("paymentMethodsPanel.root", "throttle-panel"), children: [
-    error ? /* @__PURE__ */ jsx34(Alert, { tone: "error", children: error }) : null,
-    emailVerified ? /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(Button, { elementKey: "paymentMethodsPanel.addButton", variant: "secondary", onClick: () => setAdding(true), children: t.paymentMethods.addButton }) }) : null,
-    /* @__PURE__ */ jsx34(
-      AddCardDialog,
-      {
-        open: adding,
-        onClose: () => setAdding(false),
-        onAdded: () => {
-          void resource.refetch();
-        },
-        localization: props.localization
-      }
-    ),
-    /* @__PURE__ */ jsx34(
-      PanelState,
-      {
-        resource,
-        gated: !emailVerified,
-        gatedDescription: t.paymentMethods.gatedDescription,
-        isEmpty: (rows) => rows.length === 0,
-        emptyTitle: t.paymentMethods.empty,
-        emptyDescription: t.paymentMethods.emptyDescription,
-        children: (rows) => variant === "table" ? /* @__PURE__ */ jsx34(
-          DataTable,
-          {
-            tableKey: "paymentMethodsPanel.table",
-            rowElementKey: "paymentMethodsPanel.row",
-            rowKey: (card) => card.id,
-            rows,
-            columns: [
-              { key: "card", label: t.paymentMethods.columnCard, render: (card) => cardLabel(card) },
-              { key: "expires", label: t.paymentMethods.expires, render: (card) => expiryLabel(card) },
-              { key: "default", label: t.paymentMethods.defaultBadge, render: (card) => card.isDefault ? /* @__PURE__ */ jsx34(Badge, { tone: "success", children: t.paymentMethods.defaultBadge }) : null },
-              { key: "actions", label: t.common.actions, render: (card) => /* @__PURE__ */ jsxs24("div", { className: "throttle-actions", children: [
-                !card.isDefault ? /* @__PURE__ */ jsx34(
-                  Button,
-                  {
-                    variant: "secondary",
-                    loading: submitting,
-                    elementKey: "paymentMethodsPanel.defaultButton",
-                    onClick: () => void run(() => resource.setDefault(card.id)),
-                    children: t.paymentMethods.makeDefault
-                  }
-                ) : null,
-                /* @__PURE__ */ jsx34(
-                  Button,
-                  {
-                    variant: "danger",
-                    elementKey: "paymentMethodsPanel.deleteButton",
-                    disabled: submitting,
-                    onClick: async () => {
-                      if (!await confirm({ title: t.paymentMethods.deleteConfirm, confirmLabel: t.paymentMethods.deleteConfirmAction, tone: "danger" })) return;
-                      void run(() => resource.remove(card.id));
-                    },
-                    children: t.common.delete
-                  }
-                )
-              ] }) }
-            ]
-          }
-        ) : /* @__PURE__ */ jsx34("div", { ...a.el("paymentMethodsPanel.list", listBase), children: rows.map((card) => /* @__PURE__ */ jsxs24("div", { ...a.el("paymentMethodsPanel.item", itemBase), children: [
-          /* @__PURE__ */ jsxs24("div", { children: [
-            /* @__PURE__ */ jsxs24("div", { className: "throttle-row", children: [
-              /* @__PURE__ */ jsx34("strong", { children: cardLabel(card) }),
-              card.isDefault ? /* @__PURE__ */ jsx34(Badge, { tone: "success", children: t.paymentMethods.defaultBadge }) : null
-            ] }),
-            card.cardExpMonth && card.cardExpYear ? /* @__PURE__ */ jsxs24("p", { className: "throttle-muted", children: [
-              t.paymentMethods.expires,
-              " ",
-              String(card.cardExpMonth).padStart(2, "0"),
-              "/",
-              card.cardExpYear
-            ] }) : null
-          ] }),
-          /* @__PURE__ */ jsxs24("div", { className: "throttle-actions", children: [
-            !card.isDefault ? /* @__PURE__ */ jsx34(
-              Button,
-              {
-                variant: actionVariant("secondary"),
-                loading: submitting,
-                elementKey: "paymentMethodsPanel.defaultButton",
-                onClick: () => void run(() => resource.setDefault(card.id)),
-                children: t.paymentMethods.makeDefault
-              }
-            ) : null,
-            /* @__PURE__ */ jsx34(
-              Button,
-              {
-                variant: actionVariant("danger"),
-                elementKey: "paymentMethodsPanel.deleteButton",
-                disabled: submitting,
-                onClick: async () => {
-                  if (!await confirm({ title: t.paymentMethods.deleteConfirm, confirmLabel: t.paymentMethods.deleteConfirmAction, tone: "danger" })) return;
-                  void run(() => resource.remove(card.id));
-                },
-                children: t.common.delete
-              }
-            )
-          ] })
-        ] }, card.id)) })
-      }
-    )
-  ] }) }) });
-}
-
-// src/react/components/account/OrdersPanel.tsx
-import { useEffect as useEffect8, useState as useState17 } from "react";
-
-// src/react/components/format.ts
-function formatMoney(minorUnits, currency, locale) {
-  const code = (currency || "USD").toUpperCase();
-  let digits = 2;
-  try {
-    digits = new Intl.NumberFormat("en-US", { style: "currency", currency: code }).resolvedOptions().maximumFractionDigits ?? 2;
-  } catch {
-  }
-  const major = minorUnits / 10 ** digits;
-  try {
-    return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(major);
-  } catch {
-    try {
-      return new Intl.NumberFormat("en-US", { style: "currency", currency: code }).format(major);
-    } catch {
-      return `${code} ${major.toFixed(digits)}`;
-    }
-  }
-}
-function formatDate(value, locale) {
-  const date = value instanceof Date ? value : new Date(value);
-  if (Number.isNaN(date.getTime())) return "";
-  try {
-    return new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(date);
-  } catch {
-    return date.toISOString().slice(0, 10);
-  }
-}
-function scheduleDueLabel(row, locale) {
-  if (row.intervalUnit !== "hour") return formatDate(row.dueAt, locale);
-  const date = new Date(row.dueAt);
-  if (Number.isNaN(date.getTime())) return "";
-  const opts = {
-    dateStyle: "medium",
-    timeStyle: "short",
-    timeZone: "UTC"
-  };
-  try {
-    return `${new Intl.DateTimeFormat(locale, opts).format(date)} UTC`;
-  } catch {
-    return `${new Intl.DateTimeFormat("en-US", opts).format(date)} UTC`;
-  }
-}
-
-// src/react/components/account/OrderStatus.tsx
-import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
-function copyKey(wire) {
-  return wire.replace(/_([a-z])/g, (_, c) => c.toUpperCase());
-}
-var ATTENTION_PAYMENT_STATES = /* @__PURE__ */ new Set(["pending", "failed", "disputed", "expired"]);
-var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["cancelled", "closed", "void", "expired", "voided"]);
-function StatusBadge(props) {
-  const label = props.labels[copyKey(props.status)] ?? props.status.replace(/_/g, " ");
-  return /* @__PURE__ */ jsx35(Badge, { tone: TERMINAL_STATUSES.has(props.status) ? "muted" : "neutral", children: label });
-}
-function OrderStatus(props) {
-  const labels = props.t.orders.statusLabels;
-  const payLabels = props.t.orders.paymentLabels;
-  const lifecycle = labels[copyKey(props.status)] ?? props.status.replace(/_/g, " ");
-  const money = props.paymentStatus ? payLabels[copyKey(props.paymentStatus)] : void 0;
-  return /* @__PURE__ */ jsxs25(Fragment7, { children: [
-    /* @__PURE__ */ jsx35(Badge, { tone: TERMINAL_STATUSES.has(props.status) ? "muted" : "neutral", children: lifecycle }),
-    money ? /* @__PURE__ */ jsx35(Badge, { tone: ATTENTION_PAYMENT_STATES.has(props.paymentStatus) ? "warning" : "neutral", children: money }) : null
-  ] });
-}
-
-// src/react/components/account/AddressBlock.tsx
-import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
-function addressLines(address) {
-  if (!address || typeof address !== "object") return [];
-  const a = address;
-  const str = (k) => typeof a[k] === "string" && a[k].trim() ? a[k].trim() : null;
-  const name = [str("firstName"), str("lastName")].filter(Boolean).join(" ");
-  const cityLine = [str("city"), str("stateProvince"), str("postalCode")].filter(Boolean).join(", ");
-  return [
-    name || null,
-    str("company"),
-    str("addressLine1") ?? str("line1"),
-    str("addressLine2") ?? str("line2"),
-    cityLine || null,
-    str("countryCode") ?? str("country")
-  ].filter((l) => Boolean(l));
-}
-function AddressBlock(props) {
-  const a = useAppearance();
-  const lines = addressLines(props.address);
-  if (lines.length === 0) return null;
-  return /* @__PURE__ */ jsxs26("div", { ...a.el(props.elementKey ?? "orderDetail.address", "throttle-addressblock"), children: [
-    /* @__PURE__ */ jsx36("h4", { className: "throttle-section__title", children: props.heading }),
-    lines.map((l) => /* @__PURE__ */ jsx36("p", { className: "throttle-addressblock__line throttle-muted", children: l }, l))
-  ] });
-}
-
-// src/react/components/account/OrderTimeline.tsx
-import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
-function orderTimeline(order, labels) {
-  const entries = [{ label: labels.placed, at: order.createdAt }];
-  if (order.completedAt) entries.push({ label: labels.completed, at: order.completedAt });
-  if (order.cancelledAt) entries.push({ label: labels.cancelled, at: order.cancelledAt });
-  if (order.closedAt) entries.push({ label: labels.closed, at: order.closedAt });
-  return entries.sort((x, y) => new Date(x.at).getTime() - new Date(y.at).getTime());
-}
-function OrderTimeline(props) {
-  const a = useAppearance();
-  if (props.entries.length <= 1) return null;
-  return /* @__PURE__ */ jsxs27("div", { ...a.el("orderDetail.timeline", "throttle-timeline"), children: [
-    /* @__PURE__ */ jsx37("h4", { className: "throttle-section__title", children: props.heading }),
-    props.entries.map((e) => /* @__PURE__ */ jsxs27("div", { className: "throttle-timeline__row", children: [
-      /* @__PURE__ */ jsx37("span", { className: "throttle-timeline__dot", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx37("span", { className: "throttle-timeline__label", children: e.label }),
-      /* @__PURE__ */ jsx37("span", { className: "throttle-muted", children: formatDate(e.at, props.locale) })
-    ] }, `${e.label}-${e.at}`))
-  ] });
-}
-
-// src/react/components/account/order-subscription-links.ts
-function orderSubscriptionLinks(order, labels) {
-  const ids = order.subscriptionIds?.length ? order.subscriptionIds : order.subscriptionId ? [order.subscriptionId] : [];
-  if (ids.length === 1) return [{ id: ids[0], label: labels.single }];
-  return ids.map((id, index) => {
-    const name = order.lineItems.find((li) => li.subscriptionId === id)?.name;
-    return { id, label: name ? `${labels.named} ${name}` : `${labels.single} ${index + 1}` };
-  });
-}
-
-// src/react/components/account/OrderDetail.tsx
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
-var CAN_PAY = /* @__PURE__ */ new Set(["draft", "pending"]);
-var CAN_REORDER = /* @__PURE__ */ new Set(["fulfilled", "cancelled", "closed"]);
-var CAN_CANCEL = /* @__PURE__ */ new Set(["draft", "pending", "processing"]);
-var SETTLED_PAYMENT = /* @__PURE__ */ new Set(["captured", "paid", "partially_refunded", "refunded"]);
-var CAN_RETURN = /* @__PURE__ */ new Set(["fulfilled", "partially_fulfilled", "closed"]);
-function Line(props) {
-  return /* @__PURE__ */ jsxs28("div", { className: "throttle-row", children: [
-    /* @__PURE__ */ jsx38("span", { className: "throttle-muted", children: props.label }),
-    /* @__PURE__ */ jsx38("span", { children: props.strong ? /* @__PURE__ */ jsx38("strong", { children: props.value }) : props.value })
-  ] });
-}
-function OrderDetail(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t, locale } = useCopy(props.localization);
-  const { account } = useAuth();
-  const resource = useOrder(props.orderId);
-  const { submitting, error, run } = useAction();
-  const confirm = useConfirm();
-  const allowCancel = props.allowCancel ?? true;
-  const allowReturn = props.allowReturn ?? true;
-  return /* @__PURE__ */ jsx38(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx38("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs28("div", { ...a.el("orderDetail.root", "throttle-panel"), children: [
-    props.onBack ? (
-      // Wrapped on purpose. The panel is a column flex container, so a
-      // direct child stretches to its full width however `width: auto`
-      // the link variant is — the control rendered 748px wide with a
-      // centred label. The wrapper takes the stretch; the button keeps
-      // its own width. A CSS fix would need a compound selector, and
-      // those outrank the merchant overrides in `appearance.elements`.
-      /* @__PURE__ */ jsx38("div", { children: /* @__PURE__ */ jsx38(Button, { variant: "link", elementKey: "orderDetail.backButton", onClick: props.onBack, children: t.common.back }) })
-    ) : null,
-    error ? /* @__PURE__ */ jsx38(Alert, { tone: "error", children: error }) : null,
-    /* @__PURE__ */ jsx38(
-      PanelState,
-      {
-        resource,
-        isEmpty: (o) => o === null,
-        emptyTitle: t.orders.empty,
-        skeletonRows: 5,
-        children: (order) => {
-          const target = {
-            id: order.id,
-            orderNumber: order.orderNumber,
-            currency: order.currency,
-            lineItems: order.lineItems.map((li) => ({
-              name: li.name,
-              unitPrice: li.unitPrice,
-              quantity: li.quantity
-            }))
-          };
-          const money = (v) => formatMoney(v, order.currency, locale);
-          const paid = SETTLED_PAYMENT.has(order.paymentStatus);
-          const showCancel = allowCancel && CAN_CANCEL.has(order.status) && !paid;
-          const showReturn = allowReturn && CAN_RETURN.has(order.status);
-          return /* @__PURE__ */ jsxs28("div", { ...a.el("orderDetail.layout", "throttle-detail"), children: [
-            /* @__PURE__ */ jsxs28("div", { ...a.el("orderDetail.main", "throttle-detail__main"), children: [
-              /* @__PURE__ */ jsxs28("div", { className: "throttle-detail__section", children: [
-                /* @__PURE__ */ jsxs28("div", { className: "throttle-row", children: [
-                  /* @__PURE__ */ jsx38("h3", { children: order.orderNumber }),
-                  /* @__PURE__ */ jsx38(OrderStatus, { status: order.status, paymentStatus: order.paymentStatus, t })
-                ] }),
-                /* @__PURE__ */ jsx38("p", { className: "throttle-muted", children: formatDate(order.createdAt, locale) })
-              ] }),
-              /* @__PURE__ */ jsxs28("div", { className: "throttle-detail__section", children: [
-                /* @__PURE__ */ jsx38("span", { className: "throttle-detail__label", children: t.orders.items }),
-                /* @__PURE__ */ jsx38("div", { ...a.el("orderDetail.lineItems", "throttle-stack"), children: order.lineItems.map((item) => /* @__PURE__ */ jsxs28("div", { ...a.el("orderDetail.lineItem", "throttle-lineitem"), children: [
-                  item.imageUrl ? /* @__PURE__ */ jsx38("img", { className: "throttle-lineitem__image", src: item.imageUrl, alt: "" }) : null,
-                  /* @__PURE__ */ jsxs28("div", { style: { flex: 1 }, children: [
-                    /* @__PURE__ */ jsx38("strong", { children: item.name }),
-                    item.description ? /* @__PURE__ */ jsx38("p", { className: "throttle-lineitem__desc", children: item.description }) : null,
-                    /* @__PURE__ */ jsxs28("p", { className: "throttle-lineitem__meta", children: [
-                      t.orders.quantity,
-                      " ",
-                      item.quantity,
-                      " \xD7 ",
-                      money(item.unitPrice)
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsx38("span", { children: money(item.total) })
-                ] }, item.id)) })
-              ] }),
-              /* @__PURE__ */ jsx38(
-                OrderTimeline,
-                {
-                  heading: t.orders.history,
-                  locale,
-                  entries: orderTimeline(order, {
-                    placed: t.orders.placed,
-                    completed: t.orders.completed,
-                    cancelled: t.orders.cancelledAt,
-                    closed: t.orders.closedAt
-                  })
-                }
-              ),
-              /* @__PURE__ */ jsxs28("div", { ...a.el("orderDetail.addresses", "throttle-addresses"), children: [
-                /* @__PURE__ */ jsx38(
-                  AddressBlock,
-                  {
-                    heading: t.orders.shipTo,
-                    address: order.shippingAddress,
-                    elementKey: "orderDetail.shippingAddress"
-                  }
-                ),
-                /* @__PURE__ */ jsx38(
-                  AddressBlock,
-                  {
-                    heading: t.orders.billTo,
-                    address: order.billingAddress,
-                    elementKey: "orderDetail.billingAddress"
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs28("aside", { ...a.el("orderDetail.rail", "throttle-detail__rail"), children: [
-              /* @__PURE__ */ jsxs28("div", { className: "throttle-detail__section", children: [
-                /* @__PURE__ */ jsx38("span", { className: "throttle-detail__label", children: t.orders.total }),
-                /* @__PURE__ */ jsx38("span", { className: "throttle-detail__headline", children: money(order.total) })
-              ] }),
-              /* @__PURE__ */ jsxs28("div", { ...a.el("orderDetail.totals", "throttle-totals"), children: [
-                /* @__PURE__ */ jsx38(Line, { label: t.orders.subtotal, value: money(order.subtotal) }),
-                order.discountTotal ? /* @__PURE__ */ jsx38(Line, { label: t.orders.discount, value: money(-order.discountTotal) }) : null,
-                /* @__PURE__ */ jsx38(Line, { label: t.orders.shipping, value: money(order.shippingTotal) }),
-                /* @__PURE__ */ jsx38(Line, { label: t.orders.tax, value: money(order.taxTotal) })
-              ] }),
-              /* @__PURE__ */ jsxs28("div", { ...a.el("orderDetail.actions", "throttle-detail__actions"), children: [
-                props.onPayNow && CAN_PAY.has(order.status) ? /* @__PURE__ */ jsx38(Button, { elementKey: "orderDetail.payButton", onClick: () => props.onPayNow(target), children: t.orders.payNow }) : null,
-                order.invoiceId ? /* @__PURE__ */ jsx38(
-                  Button,
-                  {
-                    variant: "secondary",
-                    loading: submitting,
-                    elementKey: "orderDetail.invoiceButton",
-                    onClick: () => void run(async () => {
-                      const { url } = await account.getInvoicePdfUrl(order.invoiceId);
-                      const opened = window.open(url, "_blank", "noopener,noreferrer");
-                      if (!opened) window.location.assign(url);
-                    }),
-                    children: t.orders.downloadInvoice
-                  }
-                ) : null,
-                props.onTrackShipment && order.status === "partially_fulfilled" ? /* @__PURE__ */ jsx38(
-                  Button,
-                  {
-                    variant: "secondary",
-                    elementKey: "orderDetail.trackButton",
-                    onClick: () => props.onTrackShipment(target),
-                    children: t.orders.track
-                  }
-                ) : null,
-                props.onReorder && CAN_REORDER.has(order.status) ? /* @__PURE__ */ jsx38(
-                  Button,
-                  {
-                    variant: "secondary",
-                    elementKey: "orderDetail.reorderButton",
-                    onClick: () => props.onReorder(target),
-                    children: t.orders.reorder
-                  }
-                ) : null,
-                props.onViewSubscription ? orderSubscriptionLinks(order, {
-                  single: t.orders.viewSubscription,
-                  named: t.orders.viewSubscriptionFor
-                }).map((link) => /* @__PURE__ */ jsx38(
-                  Button,
-                  {
-                    variant: "secondary",
-                    elementKey: "orderDetail.subscriptionButton",
-                    onClick: () => props.onViewSubscription(link.id),
-                    children: link.label
-                  },
-                  link.id
-                )) : null,
-                showReturn ? /* @__PURE__ */ jsx38(
-                  Button,
-                  {
-                    variant: "secondary",
-                    disabled: submitting,
-                    elementKey: "orderDetail.returnButton",
-                    onClick: () => void (async () => {
-                      if (!await confirm({
-                        title: t.orders.requestReturnConfirm,
-                        body: t.orders.requestReturnBody,
-                        confirmLabel: t.orders.requestReturnAction
-                      })) return;
-                      await run(async () => {
-                        await account.requestOrderReturn(order.id, {
-                          items: order.lineItems.map((li) => ({
-                            lineItemId: li.id,
-                            quantity: li.quantity
-                          }))
-                        });
-                        await resource.refetch();
-                      });
-                    })(),
-                    children: t.orders.requestReturn
-                  }
-                ) : null,
-                showCancel ? /* @__PURE__ */ jsx38(
-                  Button,
-                  {
-                    variant: "danger",
-                    disabled: submitting,
-                    elementKey: "orderDetail.cancelButton",
-                    onClick: () => void (async () => {
-                      if (!await confirm({
-                        title: t.orders.cancelOrderConfirm,
-                        body: t.orders.cancelOrderBody,
-                        confirmLabel: t.orders.cancelOrderAction,
-                        tone: "danger"
-                      })) return;
-                      await run(async () => {
-                        await account.cancelOrder(order.id);
-                        await resource.refetch();
-                      });
-                    })(),
-                    children: t.orders.cancelOrder
-                  }
-                ) : null
-              ] })
-            ] })
-          ] });
-        }
-      }
-    )
-  ] }) }) });
-}
-
-// src/react/components/account/OrdersPanel.tsx
-import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
-function OrdersPanel(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t, locale } = useCopy(props.localization);
-  const { emailVerified } = useAuth();
-  const resource = useOrders();
-  const [openId, setOpenId] = useState17(props.initialOpenId ?? null);
-  useEffect8(() => {
-    if (props.initialOpenId) setOpenId(props.initialOpenId);
-  }, [props.initialOpenId]);
-  const variant = props.variant ?? "table";
-  const rowsVariant = variant === "rows";
-  const listBase = rowsVariant ? "throttle-rows" : "throttle-stack";
-  const itemBase = rowsVariant ? "throttle-rowitem" : "throttle-listitem";
-  if (openId) {
-    return /* @__PURE__ */ jsx39(
-      OrderDetail,
-      {
-        orderId: openId,
-        onBack: () => setOpenId(null),
-        onPayNow: props.onPayNow,
-        onReorder: props.onReorder,
-        onTrackShipment: props.onTrackShipment,
-        onViewSubscription: props.onViewSubscription,
-        allowCancel: props.allowCancel,
-        allowReturn: props.allowReturn,
-        appearance: props.appearance,
-        localization: props.localization
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx39(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx39("div", { ...a.rootProps, children: /* @__PURE__ */ jsx39("div", { ...a.el("ordersPanel.root", "throttle-panel"), children: /* @__PURE__ */ jsx39(
-    PanelState,
-    {
-      resource,
-      gated: !emailVerified,
-      gatedDescription: t.orders.gatedDescription,
-      isEmpty: (rows) => rows.length === 0,
-      emptyTitle: t.orders.empty,
-      emptyDescription: t.orders.emptyDescription,
-      children: (rows) => variant === "table" ? /* @__PURE__ */ jsx39(
-        DataTable,
-        {
-          tableKey: "ordersPanel.table",
-          rowElementKey: "ordersPanel.row",
-          rowKey: (o) => o.id,
-          onRowClick: (o) => setOpenId(o.id),
-          rows,
-          columns: [
-            { key: "orderNumber", label: t.orders.number },
-            { key: "createdAt", label: t.orders.date, render: (o) => formatDate(o.createdAt, locale) },
-            {
-              key: "status",
-              label: t.orders.status,
-              render: (o) => /* @__PURE__ */ jsx39(OrderStatus, { status: o.status, paymentStatus: o.paymentStatus, t })
-            },
-            {
-              key: "total",
-              label: t.orders.total,
-              render: (o) => /* @__PURE__ */ jsx39("span", { className: "throttle-table__money", children: formatMoney(o.total, o.currency, locale) })
-            }
-          ]
-        }
-      ) : /* @__PURE__ */ jsx39("div", { ...a.el("ordersPanel.list", listBase), children: rows.map((o) => /* @__PURE__ */ jsxs29("div", { ...a.el("ordersPanel.item", itemBase), children: [
-        /* @__PURE__ */ jsxs29("div", { children: [
-          /* @__PURE__ */ jsxs29("div", { className: "throttle-row", children: [
-            /* @__PURE__ */ jsx39("strong", { children: o.orderNumber }),
-            /* @__PURE__ */ jsx39(OrderStatus, { status: o.status, paymentStatus: o.paymentStatus, t })
-          ] }),
-          /* @__PURE__ */ jsx39("p", { className: "throttle-muted", children: formatDate(o.createdAt, locale) }),
-          /* @__PURE__ */ jsx39("p", { className: "throttle-muted", children: formatMoney(o.total, o.currency, locale) })
-        ] }),
-        /* @__PURE__ */ jsx39("div", { className: "throttle-actions", children: /* @__PURE__ */ jsx39(
-          Button,
-          {
-            variant: rowsVariant ? "link" : "secondary",
-            elementKey: "ordersPanel.viewButton",
-            onClick: () => setOpenId(o.id),
-            children: t.common.view
-          }
-        ) })
-      ] }, o.id)) })
-    }
-  ) }) }) });
-}
-
-// src/react/components/account/InvoicesPanel.tsx
-import { useEffect as useEffect9, useState as useState18 } from "react";
-
-// src/react/components/account/InvoiceDetail.tsx
-import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
-var PAYABLE = /* @__PURE__ */ new Set(["open"]);
-function Line2(props) {
-  return /* @__PURE__ */ jsxs30("div", { className: "throttle-row", children: [
-    /* @__PURE__ */ jsx40("span", { className: "throttle-muted", children: props.label }),
-    /* @__PURE__ */ jsx40("span", { children: props.value })
-  ] });
-}
-function InvoiceDetail(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t, locale } = useCopy(props.localization);
-  const { account } = useAuth();
-  const resource = useInvoice(props.invoiceId);
-  const { submitting, error, run } = useAction();
-  return /* @__PURE__ */ jsx40(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx40("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs30("div", { ...a.el("invoiceDetail.root", "throttle-panel"), children: [
-    props.onBack ? (
-      // Wrapped on purpose — see OrderDetail's back button for why a
-      // direct flex child stretched to 748px.
-      /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40(Button, { variant: "link", elementKey: "invoiceDetail.backButton", onClick: props.onBack, children: t.common.back }) })
-    ) : null,
-    error ? /* @__PURE__ */ jsx40(Alert, { tone: "error", children: error }) : null,
-    /* @__PURE__ */ jsx40(PanelState, { resource, isEmpty: (i) => i === null, emptyTitle: t.invoices.empty, skeletonRows: 4, children: (invoice) => {
-      const money = (v) => formatMoney(v, invoice.currency, locale);
-      const lines = invoice.lineItems ?? [];
-      const partOfOrder = invoice.orderTotal != null;
-      const isDepositReceipt = partOfOrder && invoice.balanceDue != null;
-      const headlineLabel = !partOfOrder ? t.invoices.total : isDepositReceipt ? t.invoices.amountPaid : t.invoices.amountDue;
-      return /* @__PURE__ */ jsxs30("div", { ...a.el("invoiceDetail.layout", "throttle-detail"), children: [
-        /* @__PURE__ */ jsxs30("div", { ...a.el("invoiceDetail.main", "throttle-detail__main"), children: [
-          /* @__PURE__ */ jsxs30("div", { className: "throttle-detail__section", children: [
-            /* @__PURE__ */ jsxs30("div", { className: "throttle-row", children: [
-              /* @__PURE__ */ jsx40("h3", { children: invoice.number }),
-              /* @__PURE__ */ jsx40(StatusBadge, { status: invoice.status, labels: t.invoices.statusLabels })
-            ] }),
-            /* @__PURE__ */ jsxs30("p", { className: "throttle-muted", children: [
-              t.invoices.issued,
-              " ",
-              formatDate(invoice.issuedAt, locale)
-            ] })
-          ] }),
-          lines.length > 0 ? /* @__PURE__ */ jsxs30("div", { className: "throttle-detail__section", children: [
-            /* @__PURE__ */ jsx40("span", { className: "throttle-detail__label", children: t.invoices.items }),
-            /* @__PURE__ */ jsx40("div", { ...a.el("invoiceDetail.lineItems", "throttle-stack"), children: lines.map((item, i) => /* @__PURE__ */ jsxs30("div", { ...a.el("invoiceDetail.lineItem", "throttle-lineitem"), children: [
-              /* @__PURE__ */ jsxs30("div", { style: { flex: 1 }, children: [
-                /* @__PURE__ */ jsx40("strong", { children: item.name }),
-                item.description ? /* @__PURE__ */ jsx40("p", { className: "throttle-lineitem__desc", children: item.description }) : null,
-                /* @__PURE__ */ jsxs30("p", { className: "throttle-lineitem__meta", children: [
-                  t.orders.quantity,
-                  " ",
-                  item.quantity,
-                  " \xD7 ",
-                  money(item.unitPrice)
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx40("span", { children: money(item.total) })
-            ] }, i)) })
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ jsxs30("aside", { ...a.el("invoiceDetail.rail", "throttle-detail__rail"), children: [
-          /* @__PURE__ */ jsxs30("div", { className: "throttle-detail__section", children: [
-            /* @__PURE__ */ jsx40("span", { className: "throttle-detail__label", children: headlineLabel }),
-            /* @__PURE__ */ jsx40("span", { className: "throttle-detail__headline", children: money(invoice.total) })
-          ] }),
-          /* @__PURE__ */ jsxs30("div", { ...a.el("invoiceDetail.totals", "throttle-totals"), children: [
-            partOfOrder ? /* @__PURE__ */ jsx40(Line2, { label: t.invoices.orderTotal, value: money(invoice.orderTotal) }) : null,
-            partOfOrder && invoice.amountPaid ? /* @__PURE__ */ jsx40(Line2, { label: t.invoices.amountPaid, value: `-${money(invoice.amountPaid)}` }) : null,
-            partOfOrder && invoice.compWaived ? /* @__PURE__ */ jsx40(Line2, { label: t.invoices.waived, value: `-${money(invoice.compWaived)}` }) : null,
-            isDepositReceipt && invoice.balanceDue ? /* @__PURE__ */ jsx40(Line2, { label: t.invoices.balanceDue, value: money(invoice.balanceDue) }) : null,
-            invoice.dueAt ? /* @__PURE__ */ jsx40(Line2, { label: t.invoices.due, value: formatDate(invoice.dueAt, locale) }) : null,
-            invoice.periodStart && invoice.periodEnd ? /* @__PURE__ */ jsx40(
-              Line2,
-              {
-                label: t.invoices.period,
-                value: `${formatDate(invoice.periodStart, locale)} \u2013 ${formatDate(invoice.periodEnd, locale)}`
-              }
-            ) : null,
-            invoice.amountRefunded ? /* @__PURE__ */ jsx40(Line2, { label: t.invoices.refunded, value: money(invoice.amountRefunded) }) : null
-          ] }),
-          /* @__PURE__ */ jsxs30("div", { ...a.el("invoiceDetail.actions", "throttle-detail__actions"), children: [
-            props.onPay && PAYABLE.has(invoice.status) ? /* @__PURE__ */ jsx40(
-              Button,
-              {
-                elementKey: "invoiceDetail.payButton",
-                onClick: () => props.onPay({
-                  id: invoice.id,
-                  number: invoice.number,
-                  total: invoice.total,
-                  currency: invoice.currency
-                }),
-                children: t.invoices.payButton
-              }
-            ) : null,
-            /* @__PURE__ */ jsx40(
-              Button,
-              {
-                variant: "secondary",
-                loading: submitting,
-                elementKey: "invoiceDetail.downloadButton",
-                onClick: () => void run(async () => {
-                  const { url } = await account.getInvoicePdfUrl(invoice.id);
-                  const opened = window.open(url, "_blank", "noopener,noreferrer");
-                  if (!opened) window.location.assign(url);
-                }),
-                children: t.invoices.downloadButton
-              }
-            ),
-            invoice.orderId && props.onViewOrder ? /* @__PURE__ */ jsx40(
-              Button,
-              {
-                variant: "secondary",
-                elementKey: "invoiceDetail.orderLink",
-                onClick: () => props.onViewOrder(invoice.orderId),
-                children: invoice.orderNumber ? `${t.invoices.viewOrder} ${invoice.orderNumber}` : t.invoices.viewOrder
-              }
-            ) : null,
-            invoice.subscriptionId && props.onViewSubscription ? /* @__PURE__ */ jsx40(
-              Button,
-              {
-                variant: "secondary",
-                elementKey: "invoiceDetail.subscriptionLink",
-                onClick: () => props.onViewSubscription(invoice.subscriptionId),
-                children: t.invoices.viewSubscription
-              }
-            ) : null
-          ] })
-        ] })
-      ] });
-    } })
-  ] }) }) });
-}
-
-// src/react/components/account/InvoicesPanel.tsx
-import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
-function InvoicesPanel(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t, locale } = useCopy(props.localization);
-  const { emailVerified } = useAuth();
-  const resource = useInvoices();
-  const [openId, setOpenId] = useState18(props.initialOpenId ?? null);
-  useEffect9(() => {
-    if (props.initialOpenId) setOpenId(props.initialOpenId);
-  }, [props.initialOpenId]);
-  const variant = props.variant ?? "table";
-  const rowsVariant = variant === "rows";
-  const listBase = rowsVariant ? "throttle-rows" : "throttle-stack";
-  const itemBase = rowsVariant ? "throttle-rowitem" : "throttle-listitem";
-  if (openId) {
-    return /* @__PURE__ */ jsx41(
-      InvoiceDetail,
-      {
-        invoiceId: openId,
-        onBack: () => setOpenId(null),
-        onViewOrder: props.onViewOrder,
-        onViewSubscription: props.onViewSubscription,
-        onPay: props.onPay,
-        appearance: props.appearance,
-        localization: props.localization
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx41(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx41("div", { ...a.rootProps, children: /* @__PURE__ */ jsx41("div", { ...a.el("invoicesPanel.root", "throttle-panel"), children: /* @__PURE__ */ jsx41(
-    PanelState,
-    {
-      resource,
-      gated: !emailVerified,
-      gatedDescription: t.invoices.gatedDescription,
-      isEmpty: (rows) => rows.length === 0,
-      emptyTitle: t.invoices.empty,
-      emptyDescription: t.invoices.emptyDescription,
-      children: (rows) => variant === "table" ? /* @__PURE__ */ jsx41(
-        DataTable,
-        {
-          tableKey: "invoicesPanel.table",
-          rowElementKey: "invoicesPanel.row",
-          rowKey: (i) => i.id,
-          onRowClick: (i) => setOpenId(i.id),
-          rows,
-          columns: [
-            { key: "number", label: t.invoices.number },
-            { key: "issuedAt", label: t.invoices.issued, render: (i) => formatDate(i.issuedAt, locale) },
-            { key: "status", label: t.invoices.status, render: (i) => /* @__PURE__ */ jsx41(StatusBadge, { status: i.status, labels: t.invoices.statusLabels }) },
-            {
-              key: "total",
-              label: t.invoices.total,
-              render: (i) => /* @__PURE__ */ jsx41("span", { className: "throttle-table__money", children: formatMoney(i.total, i.currency, locale) })
-            }
-          ]
-        }
-      ) : /* @__PURE__ */ jsx41("div", { ...a.el("invoicesPanel.list", listBase), children: rows.map((i) => /* @__PURE__ */ jsxs31("div", { ...a.el("invoicesPanel.item", itemBase), children: [
-        /* @__PURE__ */ jsxs31("div", { children: [
-          /* @__PURE__ */ jsxs31("div", { className: "throttle-row", children: [
-            /* @__PURE__ */ jsx41("strong", { children: i.number }),
-            /* @__PURE__ */ jsx41(StatusBadge, { status: i.status, labels: t.invoices.statusLabels })
-          ] }),
-          /* @__PURE__ */ jsx41("p", { className: "throttle-muted", children: formatDate(i.issuedAt, locale) }),
-          /* @__PURE__ */ jsx41("p", { className: "throttle-muted", children: formatMoney(i.total, i.currency, locale) })
-        ] }),
-        /* @__PURE__ */ jsx41("div", { className: "throttle-actions", children: /* @__PURE__ */ jsx41(
-          Button,
-          {
-            variant: rowsVariant ? "link" : "secondary",
-            elementKey: "invoicesPanel.viewButton",
-            onClick: () => setOpenId(i.id),
-            children: t.common.view
-          }
-        ) })
-      ] }, i.id)) })
-    }
-  ) }) }) });
-}
-
-// src/react/components/account/SubscriptionsPanel.tsx
-import { useState as useState19 } from "react";
-
-// ../core-cadence/src/cadence.ts
-var INTERVAL_UNITS = ["hour", "day", "week", "month"];
-var NAMED_INTERVALS = ["weekly", "biweekly", "monthly", "quarterly", "yearly"];
-var INTERVAL_VALUES = [...NAMED_INTERVALS, "custom"];
-var HOUR_MS = 36e5;
-var DAY_MS = 24 * HOUR_MS;
-var WEEK_MS = 7 * DAY_MS;
-function isNamedInterval(value) {
-  return typeof value === "string" && NAMED_INTERVALS.includes(value);
-}
-function isIntervalUnit(value) {
-  return typeof value === "string" && INTERVAL_UNITS.includes(value);
-}
-
-// ../core-cadence/src/schedule.ts
-function isVariedSchedule(rows) {
-  if (!rows || rows.length === 0) return false;
-  return rows.some(
-    (r, i) => r.discount !== 0 || r.amount !== rows[0].amount || i > 1 && (r.intervalUnit !== rows[1].intervalUnit || r.intervalCount !== rows[1].intervalCount)
-  );
-}
-function upcomingSchedulePayments(rows) {
-  if (!rows || !isVariedSchedule(rows)) return [];
-  return rows.filter((r) => r.status !== "paid" && r.dueAt != null);
-}
-
-// ../core-cadence/src/labels.ts
-var NAMED_NOUN = {
-  weekly: "week",
-  biweekly: "2 weeks",
-  monthly: "month",
-  quarterly: "quarter",
-  yearly: "year"
-};
-function cadenceNoun(cadence) {
-  if (isNamedInterval(cadence.interval)) return NAMED_NOUN[cadence.interval];
-  if (isIntervalUnit(cadence.intervalUnit) && cadence.intervalCount != null) {
-    return cadence.intervalCount === 1 ? cadence.intervalUnit : `${cadence.intervalCount} ${cadence.intervalUnit}s`;
-  }
-  return cadence.interval;
-}
-function scheduleDeal(sub) {
-  if (!sub.paymentSchedule || sub.scheduleTotal == null || !isVariedSchedule(sub.paymentSchedule)) return null;
-  return { total: sub.scheduleTotal, payments: sub.paymentSchedule.length };
-}
-
-// src/react/components/account/SubscriptionsPanel.tsx
-import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
-var CAN_PAUSE = /* @__PURE__ */ new Set(["active"]);
-var CAN_RESUME = /* @__PURE__ */ new Set(["paused"]);
-var CAN_CANCEL2 = /* @__PURE__ */ new Set(["active", "trialing", "paused", "past_due", "unpaid"]);
-var isInstallment = (sub) => sub.totalPayments != null;
-var canChangeAddress = (sub) => sub.deliveryMethod === "shipment" && sub.status !== "cancelled" && sub.status !== "completed";
-function oneLine(address) {
-  if (!address) return null;
-  const parts = [address.addressLine1, address.addressLine2, address.city, address.stateProvince, address.postalCode, address.countryCode];
-  return parts.filter(Boolean).join(", ") || null;
-}
-function SubscriptionsPanel(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t, locale } = useCopy(props.localization);
-  const { emailVerified } = useAuth();
-  const resource = useSubscriptions();
-  const { submitting, error, run } = useAction();
-  const confirm = useConfirm();
-  const [editingAddress, setEditingAddress] = useState19(null);
-  const variant = props.variant ?? "rows";
-  const rowsVariant = variant === "rows";
-  const listBase = rowsVariant ? "throttle-rows" : "throttle-stack";
-  const itemBase = rowsVariant ? "throttle-rowitem" : "throttle-listitem";
-  const actionVariant = (base) => base;
-  const confirmThen = (fn, ask) => () => {
-    void (async () => {
-      if (!await confirm({ ...ask, tone: ask.tone ?? "neutral" })) return;
-      await run(fn);
-    })();
-  };
-  const priceLabel = (sub) => {
-    const deal = scheduleDeal(sub);
-    return deal ? t.subscriptions.installmentTotal.replace("{amount}", formatMoney(deal.total, sub.currency, locale)) : `${formatMoney(sub.amount, sub.currency, locale)} / ${cadenceNoun(sub)}${sub.quantity > 1 ? ` \xD7 ${sub.quantity}` : ""}`;
-  };
-  const nextPaymentLabel = (sub) => {
-    if (!isVariedSchedule(sub.paymentSchedule) || !sub.paymentSchedule || sub.nextPaymentAmount == null) return null;
-    const upcoming = sub.paymentSchedule.find((r) => r.status !== "paid");
-    return t.subscriptions.installmentNext.replace("{amount}", formatMoney(sub.nextPaymentAmount, sub.currency, locale)).replace(
-      "{date}",
-      upcoming?.dueAt ? scheduleDueLabel({ dueAt: upcoming.dueAt, intervalUnit: upcoming.intervalUnit }, locale) : formatDate(sub.currentPeriodEnd, locale)
-    );
-  };
-  const upcomingList = (sub) => {
-    const upcoming = upcomingSchedulePayments(sub.paymentSchedule);
-    if (upcoming.length === 0) return null;
-    return /* @__PURE__ */ jsx42("ul", { className: "throttle-muted", "aria-label": t.subscriptions.upcomingPayments, children: upcoming.map((r) => /* @__PURE__ */ jsx42("li", { children: t.subscriptions.upcomingPayment.replace("{amount}", formatMoney(r.net, sub.currency, locale)).replace("{date}", scheduleDueLabel(r, locale)) }, r.dueAt)) });
-  };
-  const shipsTo = (sub) => sub.deliveryMethod === "shipment" && oneLine(sub.shippingAddress) ? /* @__PURE__ */ jsxs32("p", { className: "throttle-muted", children: [
-    t.subscriptions.shipsTo,
-    " ",
-    oneLine(sub.shippingAddress)
-  ] }) : null;
-  const addressAction = (sub, variantFor) => canChangeAddress(sub) ? /* @__PURE__ */ jsx42(
-    Button,
-    {
-      variant: variantFor("secondary"),
-      elementKey: "subscriptionsPanel.changeAddressButton",
-      disabled: submitting,
-      onClick: () => setEditingAddress(sub.id),
-      children: t.subscriptions.changeAddress
-    }
-  ) : null;
-  const renewsLabel = (sub) => formatDate(
-    sub.status === "completed" ? sub.completedAt ?? sub.currentPeriodEnd : sub.status === "cancelled" ? sub.cancelledAt ?? sub.currentPeriodEnd : sub.currentPeriodEnd,
-    locale
-  );
-  const lifecycleActions = (sub, variantFor) => isInstallment(sub) ? null : /* @__PURE__ */ jsxs32("div", { className: "throttle-actions", children: [
-    CAN_PAUSE.has(sub.status) ? /* @__PURE__ */ jsx42(
-      Button,
-      {
-        variant: variantFor("secondary"),
-        loading: submitting,
-        elementKey: "subscriptionsPanel.pauseButton",
-        onClick: confirmThen(() => resource.pause(sub.id), {
-          title: t.subscriptions.pauseConfirm,
-          confirmLabel: t.subscriptions.pauseButton
-        }),
-        children: t.subscriptions.pauseButton
-      }
-    ) : null,
-    CAN_RESUME.has(sub.status) ? /* @__PURE__ */ jsx42(
-      Button,
-      {
-        variant: variantFor("secondary"),
-        loading: submitting,
-        elementKey: "subscriptionsPanel.resumeButton",
-        onClick: confirmThen(() => resource.resume(sub.id), {
-          title: t.subscriptions.resumeConfirm,
-          confirmLabel: t.subscriptions.resumeButton
-        }),
-        children: t.subscriptions.resumeButton
-      }
-    ) : null,
-    CAN_CANCEL2.has(sub.status) && !sub.cancelAtPeriodEnd ? /* @__PURE__ */ jsx42(
-      Button,
-      {
-        variant: variantFor("secondary"),
-        elementKey: "subscriptionsPanel.cancelButton",
-        disabled: submitting,
-        onClick: confirmThen(() => resource.cancel(sub.id, { atPeriodEnd: true }), {
-          title: t.subscriptions.cancelConfirm,
-          confirmLabel: t.subscriptions.cancelConfirmAction,
-          tone: "danger"
-        }),
-        children: t.subscriptions.cancelAtPeriodEnd
-      }
-    ) : null,
-    CAN_CANCEL2.has(sub.status) ? /* @__PURE__ */ jsx42(
-      Button,
-      {
-        variant: variantFor("danger"),
-        elementKey: "subscriptionsPanel.cancelNowButton",
-        disabled: submitting,
-        onClick: confirmThen(() => resource.cancel(sub.id, { atPeriodEnd: false }), {
-          title: t.subscriptions.cancelNowConfirm,
-          confirmLabel: t.subscriptions.cancelConfirmAction,
-          tone: "danger"
-        }),
-        children: t.subscriptions.cancelNow
-      }
-    ) : null
-  ] });
-  return /* @__PURE__ */ jsx42(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx42("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs32("div", { ...a.el("subscriptionsPanel.root", "throttle-panel"), children: [
-    error && !editingAddress ? /* @__PURE__ */ jsx42(Alert, { tone: "error", children: error }) : null,
-    editingAddress ? (() => {
-      const sub = resource.data.find((row) => row.id === editingAddress);
-      const current = sub?.shippingAddress;
-      return /* @__PURE__ */ jsxs32("div", { className: "throttle-stack", children: [
-        /* @__PURE__ */ jsx42("strong", { children: t.subscriptions.changeAddressTitle }),
-        /* @__PURE__ */ jsx42("p", { className: "throttle-muted", children: t.subscriptions.changeAddressHint }),
-        /* @__PURE__ */ jsx42(
-          AddressForm,
-          {
-            elementKey: "subscriptionsPanel.addressForm",
-            hideLabel: true,
-            initial: current ? { ...current, label: null } : void 0,
-            submitting,
-            error,
-            onCancel: () => setEditingAddress(null),
-            onSubmit: ({ label: _label, isDefault: _isDefault, ...address }) => {
-              void run(async () => {
-                await resource.updateShippingAddress(editingAddress, address);
-                setEditingAddress(null);
-              });
-            }
-          }
-        )
-      ] });
-    })() : null,
-    /* @__PURE__ */ jsx42(
-      PanelState,
-      {
-        resource,
-        gated: !emailVerified,
-        gatedDescription: t.subscriptions.gatedDescription,
-        isEmpty: (rows) => rows.length === 0,
-        emptyTitle: t.subscriptions.empty,
-        emptyDescription: t.subscriptions.emptyDescription,
-        children: (rows) => variant === "table" ? /* @__PURE__ */ jsx42(
-          DataTable,
-          {
-            tableKey: "subscriptionsPanel.table",
-            rowElementKey: "subscriptionsPanel.row",
-            rowKey: (sub) => sub.id,
-            rows,
-            columns: [
-              { key: "plan", label: t.subscriptions.columnPlan, render: (sub) => /* @__PURE__ */ jsxs32(Fragment8, { children: [
-                sub.planName ?? sub.planReference,
-                sub.totalPayments != null ? /* @__PURE__ */ jsx42("div", { className: "throttle-muted", children: t.subscriptions.installmentProgress.replace("{paid}", String(Math.min(sub.paymentsMade ?? 0, sub.totalPayments))).replace("{total}", String(sub.totalPayments)) }) : null,
-                nextPaymentLabel(sub) ? /* @__PURE__ */ jsx42("div", { className: "throttle-muted", children: nextPaymentLabel(sub) }) : null,
-                upcomingList(sub),
-                shipsTo(sub)
-              ] }) },
-              { key: "price", label: t.subscriptions.columnPrice, render: (sub) => /* @__PURE__ */ jsx42("span", { className: "throttle-table__money", children: priceLabel(sub) }) },
-              { key: "renews", label: t.subscriptions.columnRenews, render: (sub) => renewsLabel(sub) },
-              { key: "status", label: t.subscriptions.columnStatus, render: (sub) => /* @__PURE__ */ jsxs32("div", { className: "throttle-row", children: [
-                /* @__PURE__ */ jsx42(StatusBadge, { status: sub.status, labels: t.subscriptions.statusLabels }),
-                sub.cancelAtPeriodEnd ? /* @__PURE__ */ jsx42(Badge, { tone: "warning", children: t.subscriptions.cancelScheduled }) : null
-              ] }) },
-              { key: "actions", label: t.common.actions, render: (sub) => /* @__PURE__ */ jsxs32(Fragment8, { children: [
-                lifecycleActions(sub, (base) => base),
-                addressAction(sub, (base) => base)
-              ] }) }
-            ]
-          }
-        ) : /* @__PURE__ */ jsx42("div", { ...a.el("subscriptionsPanel.list", listBase), children: rows.map((sub) => /* @__PURE__ */ jsxs32("div", { ...a.el("subscriptionsPanel.item", itemBase), children: [
-          /* @__PURE__ */ jsxs32("div", { children: [
-            /* @__PURE__ */ jsxs32("div", { className: "throttle-row", children: [
-              /* @__PURE__ */ jsx42("strong", { children: sub.planName ?? sub.planReference }),
-              /* @__PURE__ */ jsx42(StatusBadge, { status: sub.status, labels: t.subscriptions.statusLabels })
-            ] }),
-            sub.totalPayments != null ? /* @__PURE__ */ jsx42("div", { className: "throttle-muted", children: t.subscriptions.installmentProgress.replace("{paid}", String(Math.min(sub.paymentsMade ?? 0, sub.totalPayments))).replace("{total}", String(sub.totalPayments)) }) : null,
-            nextPaymentLabel(sub) ? /* @__PURE__ */ jsx42("div", { className: "throttle-muted", children: nextPaymentLabel(sub) }) : null,
-            upcomingList(sub),
-            /* @__PURE__ */ jsx42("p", { className: "throttle-muted", children: priceLabel(sub) }),
-            shipsTo(sub),
-            sub.status === "completed" ? /* @__PURE__ */ jsxs32("p", { className: "throttle-muted", children: [
-              t.subscriptions.statusLabels.completed,
-              " ",
-              formatDate(sub.completedAt ?? sub.currentPeriodEnd, locale)
-            ] }) : sub.status === "cancelled" ? /* @__PURE__ */ jsxs32("p", { className: "throttle-muted", children: [
-              t.subscriptions.cancelledOn,
-              " ",
-              formatDate(sub.cancelledAt ?? sub.currentPeriodEnd, locale)
-            ] }) : /* @__PURE__ */ jsxs32("p", { className: "throttle-muted", children: [
-              sub.cancelAtPeriodEnd ? t.subscriptions.endsOn : t.subscriptions.renewsOn,
-              " ",
-              formatDate(sub.currentPeriodEnd, locale)
-            ] }),
-            sub.trialEnd ? /* @__PURE__ */ jsxs32("p", { className: "throttle-muted", children: [
-              t.subscriptions.trialEnds,
-              " ",
-              formatDate(sub.trialEnd, locale)
-            ] }) : null,
-            sub.cancelAtPeriodEnd ? /* @__PURE__ */ jsx42(Badge, { tone: "warning", children: t.subscriptions.cancelScheduled }) : null
-          ] }),
-          lifecycleActions(sub, actionVariant),
-          addressAction(sub, actionVariant)
-        ] }, sub.id)) })
-      }
-    )
-  ] }) }) });
-}
-
-// src/react/components/account/SecurityPanel.tsx
-import { useCallback as useCallback3, useEffect as useEffect10, useRef as useRef8, useState as useState20 } from "react";
-
-// src/react/components/account/device.ts
-var BROWSERS = [
-  [/\bEdg(?:e|A|iOS)?\//, "Edge"],
-  [/\bOPR\/|\bOpera\b/, "Opera"],
-  // No leading \b: real agents ship prefixed builds (HeadlessChrome), and a
-  // word boundary there sends them to the Safari rule instead.
-  [/Chrome\/|CriOS\//, "Chrome"],
-  [/\bFirefox\/|\bFxiOS\//, "Firefox"],
-  [/\bSafari\//, "Safari"]
-];
-var PLATFORMS = [
-  [/\biPhone\b|\biPad\b|\biPod\b/, "iOS"],
-  [/\bAndroid\b/, "Android"],
-  [/\bMac OS X\b|\bMacintosh\b/, "macOS"],
-  [/\bWindows\b/, "Windows"],
-  [/\bLinux\b|\bX11\b/, "Linux"]
-];
-function first(ua, table) {
-  for (const [pattern, label] of table) if (pattern.test(ua)) return label;
-  return null;
-}
-function describeDevice(userAgent) {
-  const ua = (userAgent ?? "").trim();
-  if (!ua) return "";
-  const browser = first(ua, BROWSERS);
-  if (!browser) return ua;
-  const platform = first(ua, PLATFORMS);
-  return platform ? `${browser} on ${platform}` : browser;
-}
-
-// src/react/components/account/SecurityPanel.tsx
-import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
-function SecurityPanel(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t, locale, errorMessage } = useCopy(props.localization);
-  const { auth } = useAuth();
-  const variant = props.variant ?? "rows";
-  const rowsVariant = variant === "rows";
-  const itemBase = rowsVariant ? "throttle-rowitem" : "throttle-listitem";
-  const revokeVariant = rowsVariant ? "linkDanger" : "danger";
-  const [password, setPassword] = useState20("");
-  const passwordAction = useAction();
-  const sessionAction = useAction();
-  const [sessions, setSessions] = useState20(null);
-  const [listError, setListError] = useState20(null);
-  const errorMessageRef = useRef8(errorMessage);
-  useEffect10(() => {
-    errorMessageRef.current = errorMessage;
-  });
-  const load = useCallback3(async () => {
-    try {
-      setSessions(await auth.listSessions());
-      setListError(null);
-    } catch (err) {
-      setListError(errorMessageRef.current(err));
-    }
-  }, [auth]);
-  useEffect10(() => {
-    void load();
-  }, [load]);
-  const others = (sessions ?? []).filter((s) => !s.current);
-  return /* @__PURE__ */ jsx43(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx43("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs33("div", { ...a.el("securityPanel.root", "throttle-panel"), children: [
-    /* @__PURE__ */ jsxs33(
-      "form",
-      {
-        ...a.el("securityPanel.passwordForm", "throttle-stack"),
-        onSubmit: (e) => {
-          e.preventDefault();
-          void passwordAction.run(async () => {
-            await auth.changePassword(password);
-            setPassword("");
-            return t.security.changedNotice;
-          });
-        },
-        children: [
-          /* @__PURE__ */ jsx43("h3", { children: t.security.passwordTitle }),
-          /* @__PURE__ */ jsx43(
-            Field,
-            {
-              label: t.security.newPassword,
-              type: "password",
-              autoComplete: "new-password",
-              required: true,
-              value: password,
-              onChange: setPassword
-            }
-          ),
-          passwordAction.error ? /* @__PURE__ */ jsx43(Alert, { tone: "error", children: passwordAction.error }) : null,
-          passwordAction.notice ? /* @__PURE__ */ jsx43(Alert, { tone: "success", children: passwordAction.notice }) : null,
-          /* @__PURE__ */ jsx43(Button, { type: "submit", loading: passwordAction.submitting, elementKey: "securityPanel.passwordButton", children: t.security.changeButton })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs33("div", { ...a.el("securityPanel.sessionList", "throttle-stack"), children: [
-      /* @__PURE__ */ jsx43("h3", { children: t.security.sessionsTitle }),
-      listError ? /* @__PURE__ */ jsxs33(Fragment9, { children: [
-        /* @__PURE__ */ jsx43(Alert, { tone: "error", children: listError }),
-        /* @__PURE__ */ jsx43(Button, { variant: "secondary", onClick: () => void load(), children: t.common.retry })
-      ] }) : null,
-      sessionAction.error ? /* @__PURE__ */ jsx43(Alert, { tone: "error", children: sessionAction.error }) : null,
-      sessions === null && !listError ? /* @__PURE__ */ jsx43(Skeleton, { count: 2 }) : null,
-      sessions !== null && !listError && variant === "table" ? /* @__PURE__ */ jsx43(
-        DataTable,
-        {
-          tableKey: "securityPanel.table",
-          rowElementKey: "securityPanel.row",
-          rowKey: (session) => session.id,
-          rows: sessions,
-          columns: [
-            { key: "device", label: t.security.columnDevice, render: (session) => /* @__PURE__ */ jsxs33("div", { className: "throttle-row", children: [
-              /* @__PURE__ */ jsx43("span", { children: describeDevice(session.userAgent) || session.ipPrefix || session.id }),
-              session.current ? /* @__PURE__ */ jsx43(Badge, { tone: "success", children: t.security.thisDevice }) : null
-            ] }) },
-            { key: "lastActive", label: t.security.lastActive, render: (session) => formatDate(session.lastUsedAt, locale) },
-            { key: "actions", label: t.common.actions, render: (session) => !session.current ? /* @__PURE__ */ jsx43(
-              Button,
-              {
-                variant: "danger",
-                loading: sessionAction.submitting,
-                elementKey: "securityPanel.revokeButton",
-                onClick: () => void sessionAction.run(async () => {
-                  await auth.revokeSession(session.id);
-                  await load();
-                }),
-                children: t.security.revokeButton
-              }
-            ) : null }
-          ]
-        }
-      ) : (sessions ?? []).map((session) => /* @__PURE__ */ jsxs33("div", { ...a.el("securityPanel.sessionItem", itemBase), children: [
-        /* @__PURE__ */ jsxs33("div", { children: [
-          /* @__PURE__ */ jsxs33("div", { className: "throttle-row", children: [
-            /* @__PURE__ */ jsx43("strong", { children: describeDevice(session.userAgent) || session.ipPrefix || session.id }),
-            session.current ? /* @__PURE__ */ jsx43(Badge, { tone: "success", children: t.security.thisDevice }) : null
-          ] }),
-          /* @__PURE__ */ jsxs33("p", { className: "throttle-muted", children: [
-            t.security.lastActive,
-            " ",
-            formatDate(session.lastUsedAt, locale)
-          ] })
-        ] }),
-        !session.current ? /* @__PURE__ */ jsx43(
-          Button,
-          {
-            variant: revokeVariant,
-            loading: sessionAction.submitting,
-            elementKey: "securityPanel.revokeButton",
-            onClick: () => void sessionAction.run(async () => {
-              await auth.revokeSession(session.id);
-              await load();
-            }),
-            children: t.security.revokeButton
-          }
-        ) : null
-      ] }, session.id)),
-      sessions !== null && others.length === 0 ? /* @__PURE__ */ jsx43("p", { className: "throttle-muted", children: t.security.sessionsEmpty }) : null,
-      others.length > 0 ? /* @__PURE__ */ jsx43(
-        Button,
-        {
-          variant: "danger",
-          loading: sessionAction.submitting,
-          elementKey: "securityPanel.revokeAllButton",
-          onClick: () => void sessionAction.run(async () => {
-            for (const session of others) {
-              await auth.revokeSession(session.id);
-            }
-            await load();
-          }),
-          children: t.security.revokeAllButton
-        }
-      ) : null
-    ] })
-  ] }) }) });
-}
-
-// src/react/components/account/AccountDashboard.tsx
-import { Fragment as Fragment10, jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
-var ACCOUNT_TABS = [
-  "profile",
-  "addresses",
-  "paymentMethods",
-  "orders",
-  "invoices",
-  "subscriptions",
-  "security"
-];
-var HASH_FOR2 = {
-  profile: "#/profile",
-  addresses: "#/addresses",
-  paymentMethods: "#/payment-methods",
-  orders: "#/orders",
-  invoices: "#/invoices",
-  subscriptions: "#/subscriptions",
-  security: "#/security"
-};
-var TAB_FOR_HASH = Object.fromEntries(
-  Object.entries(HASH_FOR2).map(([tab, hash]) => [hash, tab])
-);
-function AccountDashboard(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const { status } = useAuth();
-  const shown = props.tabs ?? [...ACCOUNT_TABS];
-  const controlled = props.tab !== void 0;
-  const [internal, setInternal] = useState21(shown[0] ?? "profile");
-  const [openOrderId, setOpenOrderId] = useState21(null);
-  const idBase = useId5();
-  useEffect11(() => {
-    if (props.routing !== "hash" || typeof window === "undefined") return;
-    const apply = () => {
-      const next = TAB_FOR_HASH[window.location.hash] ?? shown[0];
-      if (!next || !shown.includes(next)) return;
-      if (controlled) props.onTabChange?.(next);
-      else setInternal(next);
-    };
-    apply();
-    window.addEventListener("hashchange", apply);
-    return () => window.removeEventListener("hashchange", apply);
-  }, [props.routing, controlled, shown.join(",")]);
-  if (status !== "authenticated") return null;
-  const active = controlled ? props.tab : internal;
-  const go = (next) => {
-    props.onTabChange?.(next);
-    if (!controlled) setInternal(next);
-    if (props.routing === "hash" && typeof window !== "undefined") window.location.hash = HASH_FOR2[next];
-  };
-  const shared = { appearance: props.appearance, localization: props.localization };
-  const sidebar = (props.layout ?? "sidebar") === "sidebar";
-  const nav = /* @__PURE__ */ jsx44(
-    Tabs,
-    {
-      idBase,
-      orientation: sidebar ? "vertical" : "horizontal",
-      active,
-      onChange: (id) => go(id),
-      tabs: shown.map((id) => ({
-        id,
-        label: t.account.tabs[id],
-        // Icons ride the rail only. In the horizontal strip they cost
-        // horizontal room, which is the scarce axis there.
-        icon: sidebar ? ACCOUNT_ICONS[id] : void 0
-      }))
-    }
-  );
-  const panel = /* @__PURE__ */ jsxs34(
-    "div",
-    {
-      ...a.el("accountDashboard.panel", sidebar ? "throttle-account__content" : "throttle-tabs__panel"),
-      role: "tabpanel",
-      id: `${idBase}-panel-${active}`,
-      "aria-labelledby": `${idBase}-tab-${active}`,
-      tabIndex: 0,
-      children: [
-        active === "profile" ? /* @__PURE__ */ jsx44(ProfilePanel, { ...shared }) : null,
-        active === "addresses" ? /* @__PURE__ */ jsx44(AddressesPanel, { ...shared, variant: props.panelVariant }) : null,
-        active === "paymentMethods" ? /* @__PURE__ */ jsx44(PaymentMethodsPanel, { ...shared, variant: props.panelVariant }) : null,
-        active === "orders" ? /* @__PURE__ */ jsx44(
-          OrdersPanel,
-          {
-            ...shared,
-            variant: props.panelVariant,
-            initialOpenId: openOrderId,
-            onViewSubscription: () => go("subscriptions"),
-            onPayNow: props.onPayNow,
-            onReorder: props.onReorder,
-            onTrackShipment: props.onTrackShipment
-          }
-        ) : null,
-        active === "invoices" ? /* @__PURE__ */ jsx44(
-          InvoicesPanel,
-          {
-            ...shared,
-            variant: props.panelVariant,
-            onViewOrder: (orderId) => {
-              setOpenOrderId(orderId);
-              go("orders");
-            },
-            onViewSubscription: () => go("subscriptions")
-          }
-        ) : null,
-        active === "subscriptions" ? /* @__PURE__ */ jsx44(SubscriptionsPanel, { ...shared, variant: props.panelVariant }) : null,
-        active === "security" ? /* @__PURE__ */ jsx44(SecurityPanel, { ...shared, variant: props.panelVariant }) : null
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsx44(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx44("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs34("div", { ...a.el("accountDashboard.root", "throttle-panel throttle-account-root"), children: [
-    /* @__PURE__ */ jsx44(VerifyEmailBanner, { ...shared }),
-    sidebar ? /* @__PURE__ */ jsxs34("div", { className: "throttle-account", children: [
-      /* @__PURE__ */ jsx44("div", { ...a.el("accountDashboard.sidebar"), children: nav }),
-      panel
-    ] }) : /* @__PURE__ */ jsxs34(Fragment10, { children: [
-      /* @__PURE__ */ jsx44("div", { ...a.el("accountDashboard.tabs"), children: nav }),
-      panel
-    ] })
-  ] }) }) });
-}
-
-// src/react/components/account/AccountModal.tsx
-import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
-function AccountModal(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const titleId = useId6();
-  return /* @__PURE__ */ jsx45(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsxs35(
-    Modal,
-    {
-      open: props.open,
-      onClose: props.onClose,
-      labelledBy: titleId,
-      restoreFocusTo: props.restoreFocusTo,
-      overlayKey: "accountModal.overlay",
-      containerKey: "accountModal.container",
-      children: [
-        /* @__PURE__ */ jsx45("div", { ...a.el("accountModal.header", "throttle-modal__header"), children: /* @__PURE__ */ jsx45("h2", { id: titleId, ...a.el("accountModal.title", "throttle-modal__title"), children: t.account.title }) }),
-        /* @__PURE__ */ jsx45("div", { ...a.el("accountModal.body", "throttle-modal__body"), children: /* @__PURE__ */ jsx45(AccountDashboard, { tabs: props.tabs, appearance: props.appearance, localization: props.localization }) })
-      ]
-    }
-  ) });
-}
-
-// src/react/components/provider.tsx
-import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
-var warned = /* @__PURE__ */ new Set();
-function warnOnce(key, message) {
-  if (process.env.NODE_ENV === "production") return;
-  if (warned.has(key)) return;
-  warned.add(key);
-  console.warn(`[@usethrottle/auth] ${message}`);
-}
-var ThrottleUIContext = createContext6(null);
-function useThrottle() {
-  const ctx = useContext6(ThrottleUIContext);
-  if (!ctx) {
-    warnOnce(
-      "use-throttle-no-provider",
-      "useThrottle() was called without a <ThrottleProvider> above it in the tree. openSignIn/openSignUp/openAccount will do nothing \u2014 wrap your app in <ThrottleProvider> to use them."
-    );
-    return { openSignIn: () => {
-    }, openSignUp: () => {
-    }, openAccount: () => {
-    }, close: () => {
-    }, isOpen: false };
-  }
-  return {
-    openSignIn: () => ctx.openSignIn(),
-    openSignUp: () => ctx.openSignUp(),
-    openAccount: ctx.openAccount,
-    close: ctx.close,
-    isOpen: ctx.overlay !== null
-  };
-}
-function ThrottleProvider(props) {
-  const {
-    publishableKey,
-    baseUrl,
-    storage,
-    appearance,
-    localization,
-    logo,
-    injectStyles = true,
-    claimCartOnSignIn,
-    auth: injected,
-    children,
-    __captureStepUp
-  } = props;
-  useInjectStyles(injectStyles);
-  const [stepUpOpen, setStepUpOpen] = useState22(false);
-  const resolveStepUp = useRef9(null);
-  const claimRef = useRef9(claimCartOnSignIn);
-  claimRef.current = claimCartOnSignIn;
-  const [overlay, setOverlay] = useState22(null);
-  const overlayRestoreFocus = useRef9(null);
-  const [accountTabs, setAccountTabs] = useState22(void 0);
-  const onOverlaySuccess = useRef9(null);
-  const openSignIn = useCallback4((onSuccess) => {
-    onOverlaySuccess.current = onSuccess ?? null;
-    setOverlay("signIn");
-  }, []);
-  const openSignUp = useCallback4((onSuccess) => {
-    onOverlaySuccess.current = onSuccess ?? null;
-    setOverlay("signUp");
-  }, []);
-  const openAccount = useCallback4((opts) => {
-    onOverlaySuccess.current = null;
-    overlayRestoreFocus.current = opts?.restoreFocusTo ?? null;
-    setAccountTabs(opts?.tabs);
-    setOverlay("account");
-  }, []);
-  const closeOverlay = useCallback4(() => {
-    onOverlaySuccess.current = null;
-    overlayRestoreFocus.current = null;
-    setOverlay(null);
-  }, []);
-  const handleOverlaySuccess = useCallback4(() => {
-    const fn = onOverlaySuccess.current;
-    onOverlaySuccess.current = null;
-    setOverlay(null);
-    fn?.();
-  }, []);
-  const ui = useMemo4(
-    () => ({ overlay, openSignIn, openSignUp, openAccount, close: closeOverlay }),
-    [overlay, openSignIn, openSignUp, openAccount, closeOverlay]
-  );
-  const askForStepUp = useCallback4(
-    () => new Promise((resolve) => {
-      resolveStepUp.current = resolve;
-      setStepUpOpen(true);
-    }),
-    []
-  );
-  const auth = useMemo4(() => {
-    __captureStepUp?.(askForStepUp);
-    const client = injected ?? createThrottleAuth({ publishableKey, baseUrl, storage, onStepUpRequired: askForStepUp });
-    const account = createAccount(client);
-    const claim = async () => {
-      const cartId = claimRef.current?.();
-      if (!cartId) return;
-      try {
-        await account.claimCart(cartId);
-      } catch (err) {
-        warnOnce("claim-cart", `claimCartOnSignIn failed: ${err?.message ?? err}`);
-      }
-    };
-    return {
-      ...client,
-      async signIn(email, password) {
-        await client.signIn(email, password);
-        await claim();
-      },
-      async register(email, password) {
-        const result = await client.register(email, password);
-        if (result.status === "active") await claim();
-        return result;
-      }
-    };
-  }, [injected, publishableKey, baseUrl]);
-  const finishStepUp = (password) => {
-    setStepUpOpen(false);
-    const resolve = resolveStepUp.current;
-    resolveStepUp.current = null;
-    resolve?.(password);
-  };
-  const authOverlayOpen = overlay === "signIn" || overlay === "signUp";
-  return /* @__PURE__ */ jsx46(AppearanceProvider, { value: appearance ?? {}, children: /* @__PURE__ */ jsx46(LocalizationProvider, { value: localization ?? {}, children: /* @__PURE__ */ jsx46(BrandLogoProvider, { value: logo ?? null, children: /* @__PURE__ */ jsx46(ThrottleAuthProvider, { auth, publishableKey, children: /* @__PURE__ */ jsx46(ConfirmProvider, { stepUpOpen, onStepUpResolve: finishStepUp, children: /* @__PURE__ */ jsxs36(ThrottleUIContext.Provider, { value: ui, children: [
-    children,
-    /* @__PURE__ */ jsx46(
-      AuthModal,
-      {
-        open: authOverlayOpen,
-        onClose: closeOverlay,
-        initialView: overlay === "signUp" ? "signUp" : "signIn",
-        afterSignIn: handleOverlaySuccess,
-        afterSignUp: handleOverlaySuccess
-      },
-      overlay === "signUp" ? "signUp" : "signIn"
-    ),
-    /* @__PURE__ */ jsx46(AccountModal, { open: overlay === "account", onClose: closeOverlay, tabs: accountTabs, restoreFocusTo: overlayRestoreFocus.current })
-  ] }) }) }) }) }) });
-}
-
-// src/react/components/auth/StepUpDialog.tsx
-import { useEffect as useEffect12, useId as useId7, useState as useState23 } from "react";
-import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
-
-// src/react/components/auth/SignInButton.tsx
-import { cloneElement, isValidElement, useContext as useContext7, useState as useState24 } from "react";
-import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
-function SignInButton(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const ui = useContext7(ThrottleUIContext);
-  const [localOpen, setLocalOpen] = useState24(false);
-  const useShared = ui !== null && props.initialView === void 0;
-  const label = props.children ?? t.signIn.submitButton;
-  if (props.mode === "redirect") {
-    return /* @__PURE__ */ jsx48(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx48("span", { ...a.rootProps, children: /* @__PURE__ */ jsx48("a", { ...a.el("signInButton.root", "throttle-button throttle-button--primary"), href: props.url ?? "#", children: label }) }) });
-  }
-  const openModal = () => {
-    if (useShared) ui.openSignIn(props.afterSignIn);
-    else setLocalOpen(true);
-  };
-  const closeModal = () => {
-    if (useShared) ui.close();
-    else setLocalOpen(false);
-  };
-  const trigger = props.asChild && isValidElement(props.children) ? cloneElement(props.children, { onClick: openModal }) : /* @__PURE__ */ jsx48(Button, { elementKey: "signInButton.root", onClick: openModal, children: label });
-  return /* @__PURE__ */ jsxs38(AppearanceProvider, { value: scoped, children: [
-    /* @__PURE__ */ jsx48("span", { ...a.rootProps, children: trigger }),
-    !useShared ? /* @__PURE__ */ jsx48(
-      AuthModal,
-      {
-        open: localOpen,
-        onClose: closeModal,
-        initialView: props.initialView,
-        appearance: props.appearance,
-        localization: props.localization,
-        afterSignIn: () => {
-          closeModal();
-          props.afterSignIn?.();
-        }
-      }
-    ) : null
-  ] });
-}
-
-// src/react/components/auth/SignUpButton.tsx
-import { cloneElement as cloneElement2, isValidElement as isValidElement2, useContext as useContext8, useState as useState25 } from "react";
-import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
-function SignUpButton(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  const { t } = useCopy(props.localization);
-  const ui = useContext8(ThrottleUIContext);
-  const [localOpen, setLocalOpen] = useState25(false);
-  const useShared = ui !== null && props.initialView === void 0;
-  const label = props.children ?? t.signUp.submitButton;
-  if (props.mode === "redirect") {
-    return /* @__PURE__ */ jsx49(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx49("span", { ...a.rootProps, children: /* @__PURE__ */ jsx49("a", { ...a.el("signUpButton.root", "throttle-button throttle-button--primary"), href: props.url ?? "#", children: label }) }) });
-  }
-  const openModal = () => {
-    if (useShared) ui.openSignUp(props.afterSignUp);
-    else setLocalOpen(true);
-  };
-  const closeModal = () => {
-    if (useShared) ui.close();
-    else setLocalOpen(false);
-  };
-  const trigger = props.asChild && isValidElement2(props.children) ? cloneElement2(props.children, { onClick: openModal }) : /* @__PURE__ */ jsx49(Button, { elementKey: "signUpButton.root", onClick: openModal, children: label });
-  return /* @__PURE__ */ jsxs39(AppearanceProvider, { value: scoped, children: [
-    /* @__PURE__ */ jsx49("span", { ...a.rootProps, children: trigger }),
-    !useShared ? /* @__PURE__ */ jsx49(
-      AuthModal,
-      {
-        open: localOpen,
-        onClose: closeModal,
-        initialView: props.initialView ?? "signUp",
-        appearance: props.appearance,
-        localization: props.localization,
-        afterSignUp: () => {
-          closeModal();
-          props.afterSignUp?.();
-        }
-      }
-    ) : null
-  ] });
-}
-
-// src/react/components/auth/SignOutButton.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
-function SignOutButton(props) {
-  const a = useAppearance();
-  const { auth } = useAuth();
-  const { t } = useCopy(props.localization);
-  const { submitting, run } = useAction();
-  const label = props.children ?? (props.everywhere ? t.userButton.signOutAll : t.userButton.signOut);
-  return /* @__PURE__ */ jsx50("span", { ...a.rootProps, children: /* @__PURE__ */ jsx50(
-    Button,
-    {
-      variant: "secondary",
-      loading: submitting,
-      elementKey: "signOutButton.root",
-      onClick: () => void run(async () => {
-        if (props.everywhere) await auth.signOutEverywhere();
-        else await auth.signOut();
-        props.onSignedOut?.();
-      }),
-      children: label
-    }
-  ) });
-}
-
-// src/react/components/auth/SignInPage.tsx
-import { jsx as jsx51, jsxs as jsxs40 } from "react/jsx-runtime";
-function SignInPage(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  return /* @__PURE__ */ jsx51(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx51("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs40("div", { ...a.el("signInPage.root", "throttle-page"), children: [
-    props.logo ? /* @__PURE__ */ jsx51("div", { ...a.el("signInPage.logo", "throttle-page__logo"), children: props.logo }) : null,
-    /* @__PURE__ */ jsx51(
-      SignIn,
-      {
-        onSuccess: props.onSuccess,
-        onForgotPassword: props.onForgotPassword,
-        onSignUp: props.onSignUp,
-        appearance: props.appearance,
-        localization: props.localization
-      }
-    ),
-    props.footer ? /* @__PURE__ */ jsx51("div", { ...a.el("signInPage.footer", "throttle-page__footer"), children: props.footer }) : null
-  ] }) }) });
-}
-
-// src/react/components/auth/SignUpPage.tsx
-import { jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
-function SignUpPage(props) {
-  const a = useAppearance(props.appearance);
-  const scoped = useAppearanceProviderValue(props.appearance);
-  return /* @__PURE__ */ jsx52(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx52("div", { ...a.rootProps, children: /* @__PURE__ */ jsxs41("div", { ...a.el("signUpPage.root", "throttle-page"), children: [
-    props.logo ? /* @__PURE__ */ jsx52("div", { ...a.el("signUpPage.logo", "throttle-page__logo"), children: props.logo }) : null,
-    /* @__PURE__ */ jsx52(
-      SignUp,
-      {
-        onSuccess: props.onSuccess,
-        onSignIn: props.onSignIn,
-        appearance: props.appearance,
-        localization: props.localization
-      }
-    ),
-    props.footer ? /* @__PURE__ */ jsx52("div", { ...a.el("signUpPage.footer", "throttle-page__footer"), children: props.footer }) : null
-  ] }) }) });
-}
-
-// src/react/components/guards.tsx
-import { Fragment as Fragment11, jsx as jsx53 } from "react/jsx-runtime";
-function SignedIn(props) {
-  const { status } = useAuth();
-  return status === "authenticated" ? /* @__PURE__ */ jsx53(Fragment11, { children: props.children }) : null;
-}
-function SignedOut(props) {
-  const { status } = useAuth();
-  return status === "unauthenticated" ? /* @__PURE__ */ jsx53(Fragment11, { children: props.children }) : null;
-}
-function Protect(props) {
-  const { status, emailVerified } = useAuth();
-  if (status === "loading") return null;
-  if (status !== "authenticated") return /* @__PURE__ */ jsx53(Fragment11, { children: props.fallback ?? null });
-  if (props.requireVerified && !emailVerified) return /* @__PURE__ */ jsx53(Fragment11, { children: props.fallback ?? null });
-  return /* @__PURE__ */ jsx53(Fragment11, { children: props.children });
-}
+} from "../../chunk-TDQC3LMQ.js";
 
 // src/react/components/UserButton.tsx
-import { useContext as useContext9, useId as useId8, useRef as useRef10, useState as useState26 } from "react";
-import { jsx as jsx54, jsxs as jsxs42 } from "react/jsx-runtime";
+import { useContext, useId, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function UserButtonRoot(props) {
   const a = useAppearance(props.appearance);
   const scoped = useAppearanceProviderValue(props.appearance);
   const { t } = useCopy(props.localization);
   const { auth, status, customer, emailVerified } = useAuth();
-  const ui = useContext9(ThrottleUIContext);
-  const [localOpen, setLocalOpen] = useState26(false);
+  const ui = useContext(ThrottleUIContext);
+  const [localOpen, setLocalOpen] = useState(false);
   const accountOpen = ui ? false : localOpen;
-  const titleId = useId8();
-  const rootRef = useRef10(null);
-  const openerRef = useRef10(null);
+  const titleId = useId();
+  const rootRef = useRef(null);
+  const openerRef = useRef(null);
   const openAccount = () => {
     const opener = rootRef.current?.querySelector('button[aria-haspopup="menu"]') ?? null;
     openerRef.current = opener;
@@ -4697,25 +107,25 @@ function UserButtonRoot(props) {
   };
   if (status !== "authenticated" || !customer) return null;
   const name = [customer.firstName, customer.lastName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx54(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx54("span", { ...a.rootProps, children: /* @__PURE__ */ jsxs42("span", { ref: rootRef, ...a.el("userButton.root"), children: [
-    /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsx(AppearanceProvider, { value: scoped, children: /* @__PURE__ */ jsx("span", { ...a.rootProps, children: /* @__PURE__ */ jsxs("span", { ref: rootRef, ...a.el("userButton.root"), children: [
+    /* @__PURE__ */ jsxs(
       Dropdown,
       {
         label: t.userButton.openMenu,
         triggerKey: "userButton.trigger",
         menuKey: "userButton.menu",
-        trigger: /* @__PURE__ */ jsx54(Avatar, { name, email: customer.email }),
+        trigger: /* @__PURE__ */ jsx(Avatar, { name, email: customer.email }),
         children: [
-          /* @__PURE__ */ jsx54("div", { ...a.el("userButton.identity", "throttle-dropdown__item"), children: /* @__PURE__ */ jsxs42("span", { children: [
-            /* @__PURE__ */ jsx54("span", { ...a.el("userButton.email"), children: customer.email }),
-            /* @__PURE__ */ jsx54("br", {}),
-            /* @__PURE__ */ jsx54(Badge, { tone: emailVerified ? "success" : "warning", elementKey: "userButton.badge", children: emailVerified ? t.userButton.verified : t.userButton.unverified })
+          /* @__PURE__ */ jsx("div", { ...a.el("userButton.identity", "throttle-dropdown__item"), children: /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("span", { ...a.el("userButton.email"), children: customer.email }),
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsx(Badge, { tone: emailVerified ? "success" : "warning", elementKey: "userButton.badge", children: emailVerified ? t.userButton.verified : t.userButton.unverified })
           ] }) }),
-          /* @__PURE__ */ jsx54(DropdownSeparator, {}),
-          props.mode === "navigate" ? /* @__PURE__ */ jsx54(DropdownItem, { itemKey: "userButton.manageButton", href: props.accountUrl ?? "#", children: t.userButton.manage }) : /* @__PURE__ */ jsx54(DropdownItem, { itemKey: "userButton.manageButton", onClick: openAccount, children: t.userButton.manage }),
+          /* @__PURE__ */ jsx(DropdownSeparator, {}),
+          props.mode === "navigate" ? /* @__PURE__ */ jsx(DropdownItem, { itemKey: "userButton.manageButton", href: props.accountUrl ?? "#", children: t.userButton.manage }) : /* @__PURE__ */ jsx(DropdownItem, { itemKey: "userButton.manageButton", onClick: openAccount, children: t.userButton.manage }),
           props.children,
-          /* @__PURE__ */ jsx54(DropdownSeparator, {}),
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx(DropdownSeparator, {}),
+          /* @__PURE__ */ jsx(
             DropdownItem,
             {
               itemKey: "userButton.signOutButton",
@@ -4723,7 +133,7 @@ function UserButtonRoot(props) {
               children: t.userButton.signOut
             }
           ),
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx(
             DropdownItem,
             {
               itemKey: "userButton.signOutAllButton",
@@ -4734,7 +144,7 @@ function UserButtonRoot(props) {
         ]
       }
     ),
-    props.mode !== "navigate" && !ui ? /* @__PURE__ */ jsxs42(
+    props.mode !== "navigate" && !ui ? /* @__PURE__ */ jsxs(
       Modal,
       {
         open: accountOpen,
@@ -4742,8 +152,8 @@ function UserButtonRoot(props) {
         labelledBy: titleId,
         restoreFocusTo: openerRef.current,
         children: [
-          /* @__PURE__ */ jsx54("h2", { id: titleId, style: { padding: "16px 16px 0", margin: 0 }, children: t.account.title }),
-          /* @__PURE__ */ jsx54("div", { style: { padding: 16 }, children: /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx("h2", { id: titleId, style: { padding: "16px 16px 0", margin: 0 }, children: t.account.title }),
+          /* @__PURE__ */ jsx("div", { style: { padding: 16 }, children: /* @__PURE__ */ jsx(
             AccountDashboard,
             {
               tabs: props.tabs,
@@ -4757,13 +167,13 @@ function UserButtonRoot(props) {
   ] }) }) });
 }
 function UserButtonLink(props) {
-  return /* @__PURE__ */ jsxs42(DropdownItem, { itemKey: "userButton.item", href: props.href, children: [
+  return /* @__PURE__ */ jsxs(DropdownItem, { itemKey: "userButton.item", href: props.href, children: [
     props.icon,
     props.label
   ] });
 }
 function UserButtonAction(props) {
-  return /* @__PURE__ */ jsxs42(DropdownItem, { itemKey: "userButton.item", onClick: props.onClick, children: [
+  return /* @__PURE__ */ jsxs(DropdownItem, { itemKey: "userButton.item", onClick: props.onClick, children: [
     props.icon,
     props.label
   ] });