@monetizekit/react 0.1.0

package/dist/index.js

@@ -0,0 +1,552 @@
+import { createContext, useMemo, useContext, useState, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/provider.tsx
+
+// src/lib/client.ts
+var MonetizeKitClient = class {
+  constructor(config) {
+    this.config = config;
+  }
+  async get(path) {
+    const headers = {
+      Authorization: `Bearer ${this.config.publishableKey}`
+    };
+    if (this.config.customerToken) {
+      headers["X-Customer-Token"] = this.config.customerToken;
+    }
+    const res = await fetch(`${this.config.baseUrl}${path}`, { headers });
+    if (!res.ok) {
+      throw new Error(`MonetizeKit API ${res.status} for ${path}`);
+    }
+    return await res.json();
+  }
+  listPlans() {
+    return this.get("/api/v1/plans?page=1&pageSize=100");
+  }
+  getEntitlement(customerId, featureKey) {
+    return this.get(`/api/v1/entitlements/${customerId}/${encodeURIComponent(featureKey)}`);
+  }
+  getUsage(customerId, meterId) {
+    return this.get(`/api/v1/usage/${customerId}/${encodeURIComponent(meterId)}`);
+  }
+  getCredits(customerId) {
+    return this.get(`/api/v1/credits/${customerId}`);
+  }
+};
+
+// src/theme/tokens.ts
+var THEME_PRESETS = {
+  light: {
+    colorBackground: "#ffffff",
+    colorForeground: "#0a0a0a",
+    colorMuted: "#71717a",
+    colorPrimary: "#4f46e5",
+    colorPrimaryForeground: "#ffffff",
+    colorAccent: "#10b981",
+    colorBorder: "#e4e4e7",
+    radius: "0.5rem",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  dark: {
+    colorBackground: "#0a0a0a",
+    colorForeground: "#fafafa",
+    colorMuted: "#a1a1aa",
+    colorPrimary: "#6366f1",
+    colorPrimaryForeground: "#0a0a0a",
+    colorAccent: "#10b981",
+    colorBorder: "#27272a",
+    radius: "0.5rem",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  memphis: {
+    colorBackground: "#FFFEF2",
+    colorForeground: "#1a1a1a",
+    colorMuted: "#5b5b52",
+    colorPrimary: "#FF6B35",
+    colorPrimaryForeground: "#1a1a1a",
+    colorAccent: "#00D9FF",
+    colorBorder: "#1a1a1a",
+    radius: "0",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  },
+  dashboard: {
+    colorBackground: "oklch(1 0 0)",
+    colorForeground: "oklch(0.145 0 0)",
+    colorMuted: "oklch(0.556 0 0)",
+    colorPrimary: "oklch(0.205 0 0)",
+    colorPrimaryForeground: "oklch(0.985 0 0)",
+    colorAccent: "oklch(0.97 0 0)",
+    colorBorder: "oklch(0.922 0 0)",
+    radius: "0.625rem",
+    fontFamily: "Geist, system-ui, sans-serif"
+  }
+};
+function resolveTokens(appearance = "light") {
+  if (typeof appearance === "string") {
+    return THEME_PRESETS[appearance];
+  }
+  const base = THEME_PRESETS[appearance.preset ?? "light"];
+  return { ...base, ...appearance.tokens };
+}
+var TOKEN_TO_CSS_VAR = {
+  colorBackground: "--mk-bg",
+  colorForeground: "--mk-fg",
+  colorMuted: "--mk-muted",
+  colorPrimary: "--mk-primary",
+  colorPrimaryForeground: "--mk-primary-fg",
+  colorAccent: "--mk-accent",
+  colorBorder: "--mk-border",
+  radius: "--mk-radius",
+  fontFamily: "--mk-font"
+};
+function tokensToStyle(tokens) {
+  const style = {};
+  Object.keys(tokens).forEach((key) => {
+    style[TOKEN_TO_CSS_VAR[key]] = String(tokens[key]);
+  });
+  return style;
+}
+var MonetizeKitContext = createContext(null);
+function MonetizeKitProvider({
+  publishableKey,
+  baseUrl,
+  customerToken,
+  customerId,
+  appearance = "light",
+  children
+}) {
+  const value = useMemo(() => {
+    return {
+      client: new MonetizeKitClient({ publishableKey, baseUrl, customerToken }),
+      customerId,
+      appearance,
+      tokens: resolveTokens(appearance)
+    };
+  }, [publishableKey, baseUrl, customerToken, customerId, appearance]);
+  return /* @__PURE__ */ jsx(MonetizeKitContext.Provider, { value, children });
+}
+function useMonetizeKit() {
+  const ctx = useContext(MonetizeKitContext);
+  if (!ctx) {
+    throw new Error("useMonetizeKit must be used within a <MonetizeKitProvider>.");
+  }
+  return ctx;
+}
+function useAsync(run, deps) {
+  const [state, setState] = useState({
+    data: null,
+    loading: true,
+    error: null
+  });
+  useEffect(() => {
+    let active = true;
+    const promise = run();
+    if (!promise) {
+      setState({ data: null, loading: false, error: null });
+      return;
+    }
+    setState((prev) => ({ ...prev, loading: true, error: null }));
+    promise.then((data) => {
+      if (active) setState({ data, loading: false, error: null });
+    }).catch((error) => {
+      if (active) {
+        setState({
+          data: null,
+          loading: false,
+          error: error instanceof Error ? error : new Error(String(error))
+        });
+      }
+    });
+    return () => {
+      active = false;
+    };
+  }, deps);
+  return state;
+}
+function useEntitlement(featureKey) {
+  const { client, customerId } = useMonetizeKit();
+  const state = useAsync(
+    () => customerId ? client.getEntitlement(customerId, featureKey) : null,
+    [client, customerId, featureKey]
+  );
+  return {
+    value: state.data?.value ?? null,
+    allowed: state.data?.allowed ?? false,
+    loading: state.loading,
+    error: state.error
+  };
+}
+function useUsage(meterId) {
+  const { client, customerId } = useMonetizeKit();
+  const state = useAsync(
+    () => customerId ? client.getUsage(customerId, meterId) : null,
+    [client, customerId, meterId]
+  );
+  return {
+    current: state.data?.current ?? 0,
+    limit: state.data?.limit ?? null,
+    loading: state.loading,
+    error: state.error
+  };
+}
+function useCredits() {
+  const { client, customerId } = useMonetizeKit();
+  const state = useAsync(
+    () => customerId ? client.getCredits(customerId) : null,
+    [client, customerId]
+  );
+  return {
+    balance: state.data?.balance ?? 0,
+    currency: state.data?.currency,
+    loading: state.loading,
+    error: state.error
+  };
+}
+
+// src/lib/format.ts
+function formatMoney(amount, currency = "USD", locale) {
+  return new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency,
+    minimumFractionDigits: Number.isInteger(amount) ? 0 : 2,
+    maximumFractionDigits: amount < 1 ? 3 : 2
+  }).format(amount);
+}
+function formatUnits(value, locale) {
+  return new Intl.NumberFormat(locale, {
+    notation: value >= 1e4 ? "compact" : "standard",
+    maximumFractionDigits: 1
+  }).format(value);
+}
+var INTERVAL_SUFFIX = {
+  monthly: "/mo",
+  annually: "/yr",
+  one_time: ""
+};
+function describePlanPrice(plan, locale) {
+  const pricing = plan.pricing ?? [];
+  const contactSales = (plan.tags ?? []).includes("contact_sales") || pricing.length === 0;
+  if (contactSales) {
+    return { headline: null, contactSales: true };
+  }
+  const base = pricing.find((t) => t.type === "flat");
+  const hasUsage = pricing.some((t) => t.type === "usage");
+  const currency = base?.currency ?? pricing[0]?.currency ?? "USD";
+  const interval = base?.interval ?? pricing[0]?.interval ?? "monthly";
+  const baseAmount = base?.amount ?? 0;
+  const headline = `${formatMoney(baseAmount, currency, locale)}${INTERVAL_SUFFIX[interval]}`;
+  return {
+    headline,
+    caption: hasUsage ? "+ usage" : void 0,
+    contactSales: false
+  };
+}
+function describeUsageTerm(term, locale) {
+  const parts = [];
+  if (term.includedUnits && term.includedUnits > 0) {
+    parts.push(`${formatUnits(term.includedUnits, locale)} ${term.meterDisplayName ?? "units"} included`);
+  }
+  const tiers = term.tieredPricing ?? [];
+  if (tiers.length > 0) {
+    const first = tiers[0];
+    parts.push(
+      `then ${formatMoney(first.unitPrice, term.currency, locale)}/unit${term.tierMode === "volume" ? " (volume)" : ""}`
+    );
+  }
+  return parts.join(", ");
+}
+var wrapperStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fit, minmax(240px, 1fr))",
+  gap: "1.5rem",
+  background: "var(--mk-bg)",
+  color: "var(--mk-fg)",
+  fontFamily: "var(--mk-font)"
+};
+var cardBase = {
+  border: "1px solid var(--mk-border)",
+  borderRadius: "var(--mk-radius)",
+  padding: "1.5rem",
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.75rem"
+};
+function PricingTable({
+  plans: plansProp,
+  highlightPlan,
+  locale,
+  onSelectPlan,
+  onContactSales
+}) {
+  const { client, tokens } = useMonetizeKit();
+  const [plans, setPlans] = useState(plansProp ?? null);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (plansProp) {
+      setPlans(plansProp);
+      return;
+    }
+    let active = true;
+    client.listPlans().then((res) => {
+      if (active) setPlans(res.data ?? []);
+    }).catch((e) => {
+      if (active) setError(e instanceof Error ? e : new Error(String(e)));
+    });
+    return () => {
+      active = false;
+    };
+  }, [client, plansProp]);
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { role: "alert", style: { color: "var(--mk-muted)" }, children: "Unable to load pricing." });
+  }
+  if (!plans) {
+    return /* @__PURE__ */ jsx("div", { "aria-busy": "true", style: { color: "var(--mk-muted)" }, children: "Loading pricing\u2026" });
+  }
+  return /* @__PURE__ */ jsx("div", { style: { ...tokensToStyle(tokens), ...wrapperStyle }, "data-mk-component": "pricing-table", children: plans.map((plan) => {
+    const price = describePlanPrice(plan, locale);
+    const highlighted = highlightPlan != null && plan.name.toLowerCase() === highlightPlan.toLowerCase();
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          ...cardBase,
+          borderColor: highlighted ? "var(--mk-primary)" : "var(--mk-border)",
+          borderWidth: highlighted ? 2 : 1
+        },
+        "data-mk-plan": plan.name,
+        "data-mk-highlighted": highlighted ? "true" : void 0,
+        children: [
+          highlighted ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                alignSelf: "flex-start",
+                background: "var(--mk-primary)",
+                color: "var(--mk-primary-fg)",
+                borderRadius: "var(--mk-radius)",
+                padding: "0.125rem 0.5rem",
+                fontSize: "0.75rem",
+                fontWeight: 600
+              },
+              children: "Most Popular"
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "1.25rem", fontWeight: 700 }, children: plan.name }),
+          plan.description ? /* @__PURE__ */ jsx("p", { style: { margin: 0, color: "var(--mk-muted)", fontSize: "0.875rem" }, children: plan.description }) : null,
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "baseline", gap: "0.375rem" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { fontSize: "2rem", fontWeight: 700 }, children: price.contactSales ? "Custom" : price.headline }),
+            price.caption ? /* @__PURE__ */ jsx("span", { style: { color: "var(--mk-muted)", fontSize: "0.875rem" }, children: price.caption }) : null
+          ] }),
+          plan.entitlements && plan.entitlements.length > 0 ? /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: "1rem", color: "var(--mk-fg)", fontSize: "0.875rem" }, children: plan.entitlements.slice(0, 6).map((e) => /* @__PURE__ */ jsxs("li", { children: [
+            e.featureDisplayName,
+            e.type !== "boolean" ? `: ${String(e.value)}` : ""
+          ] }, e.featureKey)) }) : null,
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => price.contactSales ? onContactSales?.(plan.id) : onSelectPlan?.(plan.id),
+              style: {
+                marginTop: "auto",
+                background: "var(--mk-primary)",
+                color: "var(--mk-primary-fg)",
+                border: "none",
+                borderRadius: "var(--mk-radius)",
+                padding: "0.625rem 1rem",
+                fontWeight: 600,
+                cursor: "pointer"
+              },
+              children: price.contactSales ? "Contact Sales" : "Get started"
+            }
+          )
+        ]
+      },
+      plan.id
+    );
+  }) });
+}
+var overlayStyle = {
+  border: "1px solid var(--mk-border)",
+  borderRadius: "var(--mk-radius)",
+  padding: "2rem",
+  textAlign: "center",
+  background: "var(--mk-bg)",
+  color: "var(--mk-fg)",
+  fontFamily: "var(--mk-font)",
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.75rem",
+  alignItems: "center"
+};
+function Paywall({
+  feature,
+  children,
+  title = "Upgrade to unlock this feature",
+  description = "This feature isn't included in your current plan.",
+  ctaLabel = "Upgrade",
+  onUpgrade
+}) {
+  const { allowed, loading } = useEntitlement(feature);
+  const { tokens } = useMonetizeKit();
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { "aria-busy": "true", style: { color: "var(--mk-muted)" }, children: "Checking access\u2026" });
+  }
+  if (allowed) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsxs("div", { style: { ...tokensToStyle(tokens), ...overlayStyle }, "data-mk-component": "paywall", children: [
+    /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: "1.125rem", fontWeight: 700 }, children: title }),
+    /* @__PURE__ */ jsx("p", { style: { margin: 0, color: "var(--mk-muted)", fontSize: "0.875rem" }, children: description }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onUpgrade,
+        style: {
+          background: "var(--mk-primary)",
+          color: "var(--mk-primary-fg)",
+          border: "none",
+          borderRadius: "var(--mk-radius)",
+          padding: "0.625rem 1.25rem",
+          fontWeight: 600,
+          cursor: "pointer"
+        },
+        children: ctaLabel
+      }
+    )
+  ] });
+}
+var bannerStyle = {
+  border: "1px solid var(--mk-border)",
+  borderRadius: "var(--mk-radius)",
+  padding: "0.875rem 1rem",
+  background: "var(--mk-bg)",
+  color: "var(--mk-fg)",
+  fontFamily: "var(--mk-font)",
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.5rem"
+};
+function UsageBanner({
+  meterId,
+  label = "Usage",
+  locale,
+  warnAt = 0.8
+}) {
+  const { current, limit, loading } = useUsage(meterId);
+  const { tokens } = useMonetizeKit();
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { "aria-busy": "true", style: { color: "var(--mk-muted)" }, children: "Loading usage\u2026" });
+  }
+  const hasLimit = typeof limit === "number" && limit > 0;
+  const fraction = hasLimit ? Math.min(1, current / limit) : 0;
+  const over = hasLimit && current > limit;
+  const warn = hasLimit && fraction >= warnAt;
+  const barColor = over || warn ? "var(--mk-primary)" : "var(--mk-accent)";
+  return /* @__PURE__ */ jsxs("div", { style: { ...tokensToStyle(tokens), ...bannerStyle }, "data-mk-component": "usage-banner", children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", fontSize: "0.875rem" }, children: [
+      /* @__PURE__ */ jsx("span", { style: { fontWeight: 600 }, children: label }),
+      /* @__PURE__ */ jsxs("span", { style: { color: "var(--mk-muted)" }, children: [
+        formatUnits(current, locale),
+        hasLimit ? ` / ${formatUnits(limit, locale)}` : ""
+      ] })
+    ] }),
+    hasLimit ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          height: 6,
+          borderRadius: 999,
+          background: "var(--mk-border)",
+          overflow: "hidden"
+        },
+        role: "progressbar",
+        "aria-valuenow": Math.round(fraction * 100),
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        children: /* @__PURE__ */ jsx("div", { style: { width: `${fraction * 100}%`, height: "100%", background: barColor } })
+      }
+    ) : null,
+    over ? /* @__PURE__ */ jsx("span", { style: { color: "var(--mk-primary)", fontSize: "0.75rem" }, children: "Over included allotment \u2014 overage billed per usage pricing." }) : null
+  ] });
+}
+var containerStyle = {
+  border: "1px solid var(--mk-border)",
+  borderRadius: "var(--mk-radius)",
+  padding: "1.25rem",
+  background: "var(--mk-bg)",
+  color: "var(--mk-fg)",
+  fontFamily: "var(--mk-font)",
+  display: "flex",
+  flexDirection: "column",
+  gap: "1rem",
+  maxWidth: 480
+};
+function CustomerPortal({
+  planName = "Current plan",
+  meterIds = [],
+  showCredits = true,
+  locale,
+  currency = "USD",
+  onManageBilling
+}) {
+  const { tokens } = useMonetizeKit();
+  const credits = useCredits();
+  return /* @__PURE__ */ jsxs("div", { style: { ...tokensToStyle(tokens), ...containerStyle }, "data-mk-component": "customer-portal", children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: "0.75rem", color: "var(--mk-muted)" }, children: "Plan" }),
+        /* @__PURE__ */ jsx("div", { style: { fontSize: "1.125rem", fontWeight: 700 }, children: planName })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onManageBilling,
+          style: {
+            background: "var(--mk-primary)",
+            color: "var(--mk-primary-fg)",
+            border: "none",
+            borderRadius: "var(--mk-radius)",
+            padding: "0.5rem 0.875rem",
+            fontWeight: 600,
+            cursor: "pointer"
+          },
+          children: "Manage billing"
+        }
+      )
+    ] }),
+    meterIds.map((meterId) => /* @__PURE__ */ jsx(UsageBanner, { meterId, label: meterId, locale }, meterId)),
+    showCredits ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          border: "1px solid var(--mk-border)",
+          borderRadius: "var(--mk-radius)",
+          padding: "0.875rem 1rem",
+          display: "flex",
+          justifyContent: "space-between"
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: "0.875rem" }, children: "Credits" }),
+          /* @__PURE__ */ jsx("span", { style: { color: "var(--mk-muted)" }, children: credits.loading ? "\u2026" : formatMoney(credits.balance, credits.currency ?? currency, locale) })
+        ]
+      }
+    ) : null
+  ] });
+}
+function EntitlementGate({
+  feature,
+  children,
+  fallback = null,
+  loadingFallback = null
+}) {
+  const { allowed, loading } = useEntitlement(feature);
+  if (loading) return /* @__PURE__ */ jsx(Fragment, { children: loadingFallback });
+  return /* @__PURE__ */ jsx(Fragment, { children: allowed ? children : fallback });
+}
+
+export { CustomerPortal, EntitlementGate, MonetizeKitClient, MonetizeKitProvider, Paywall, PricingTable, THEME_PRESETS, UsageBanner, describePlanPrice, describeUsageTerm, formatMoney, formatUnits, resolveTokens, tokensToStyle, useCredits, useEntitlement, useMonetizeKit, useUsage };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/client.ts","../src/theme/tokens.ts","../src/provider.tsx","../src/hooks.ts","../src/lib/format.ts","../src/components/PricingTable.tsx","../src/components/Paywall.tsx","../src/components/UsageBanner.tsx","../src/components/CustomerPortal.tsx","../src/components/EntitlementGate.tsx"],"names":["useState","useEffect","jsx","jsxs","Fragment"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Minimal fetch client for the MonetizeKit public API. Uses a publishable key\n * (pk_*) as a Bearer token; safe for browser use against allowlisted origins.\n */\nexport interface MonetizeKitClientConfig {\n  publishableKey: string;\n  baseUrl: string;\n  customerToken?: string;\n}\n\nexport class MonetizeKitClient {\n  constructor(private readonly config: MonetizeKitClientConfig) {}\n\n  private async get<T>(path: string): Promise<T> {\n    const headers: Record<string, string> = {\n      Authorization: `Bearer ${this.config.publishableKey}`,\n    };\n    if (this.config.customerToken) {\n      headers[\"X-Customer-Token\"] = this.config.customerToken;\n    }\n    const res = await fetch(`${this.config.baseUrl}${path}`, { headers });\n    if (!res.ok) {\n      throw new Error(`MonetizeKit API ${res.status} for ${path}`);\n    }\n    return (await res.json()) as T;\n  }\n\n  listPlans<T>(): Promise<T> {\n    return this.get<T>(\"/api/v1/plans?page=1&pageSize=100\");\n  }\n\n  getEntitlement<T>(customerId: string, featureKey: string): Promise<T> {\n    return this.get<T>(`/api/v1/entitlements/${customerId}/${encodeURIComponent(featureKey)}`);\n  }\n\n  getUsage<T>(customerId: string, meterId: string): Promise<T> {\n    return this.get<T>(`/api/v1/usage/${customerId}/${encodeURIComponent(meterId)}`);\n  }\n\n  getCredits<T>(customerId: string): Promise<T> {\n    return this.get<T>(`/api/v1/credits/${customerId}`);\n  }\n}\n","/**\n * Appearance/theme token contract for MonetizeKit components. Components consume\n * CSS custom properties derived from these tokens, so a host app can pass a\n * preset name, a partial token override, or both.\n *\n * Presets:\n *  - `memphis`   — the marketing site identity (coral/yellow/cyan, sharp corners)\n *  - `dashboard` — the app's neutral palette (rounded, muted)\n *  - `light` / `dark` — neutral defaults\n */\nimport type { CSSProperties } from \"react\";\n\nexport interface ThemeTokens {\n  colorBackground: string;\n  colorForeground: string;\n  colorMuted: string;\n  colorPrimary: string;\n  colorPrimaryForeground: string;\n  colorAccent: string;\n  colorBorder: string;\n  radius: string;\n  fontFamily: string;\n}\n\nexport type ThemePresetName = \"light\" | \"dark\" | \"memphis\" | \"dashboard\";\n\nexport const THEME_PRESETS: Record<ThemePresetName, ThemeTokens> = {\n  light: {\n    colorBackground: \"#ffffff\",\n    colorForeground: \"#0a0a0a\",\n    colorMuted: \"#71717a\",\n    colorPrimary: \"#4f46e5\",\n    colorPrimaryForeground: \"#ffffff\",\n    colorAccent: \"#10b981\",\n    colorBorder: \"#e4e4e7\",\n    radius: \"0.5rem\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  dark: {\n    colorBackground: \"#0a0a0a\",\n    colorForeground: \"#fafafa\",\n    colorMuted: \"#a1a1aa\",\n    colorPrimary: \"#6366f1\",\n    colorPrimaryForeground: \"#0a0a0a\",\n    colorAccent: \"#10b981\",\n    colorBorder: \"#27272a\",\n    radius: \"0.5rem\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  memphis: {\n    colorBackground: \"#FFFEF2\",\n    colorForeground: \"#1a1a1a\",\n    colorMuted: \"#5b5b52\",\n    colorPrimary: \"#FF6B35\",\n    colorPrimaryForeground: \"#1a1a1a\",\n    colorAccent: \"#00D9FF\",\n    colorBorder: \"#1a1a1a\",\n    radius: \"0\",\n    fontFamily: \"system-ui, -apple-system, sans-serif\",\n  },\n  dashboard: {\n    colorBackground: \"oklch(1 0 0)\",\n    colorForeground: \"oklch(0.145 0 0)\",\n    colorMuted: \"oklch(0.556 0 0)\",\n    colorPrimary: \"oklch(0.205 0 0)\",\n    colorPrimaryForeground: \"oklch(0.985 0 0)\",\n    colorAccent: \"oklch(0.97 0 0)\",\n    colorBorder: \"oklch(0.922 0 0)\",\n    radius: \"0.625rem\",\n    fontFamily: \"Geist, system-ui, sans-serif\",\n  },\n};\n\nexport type Appearance =\n  | ThemePresetName\n  | { preset?: ThemePresetName; tokens?: Partial<ThemeTokens> };\n\n/** Resolve an appearance prop into a concrete token set. */\nexport function resolveTokens(appearance: Appearance = \"light\"): ThemeTokens {\n  if (typeof appearance === \"string\") {\n    return THEME_PRESETS[appearance];\n  }\n  const base = THEME_PRESETS[appearance.preset ?? \"light\"];\n  return { ...base, ...appearance.tokens };\n}\n\nconst TOKEN_TO_CSS_VAR: Record<keyof ThemeTokens, string> = {\n  colorBackground: \"--mk-bg\",\n  colorForeground: \"--mk-fg\",\n  colorMuted: \"--mk-muted\",\n  colorPrimary: \"--mk-primary\",\n  colorPrimaryForeground: \"--mk-primary-fg\",\n  colorAccent: \"--mk-accent\",\n  colorBorder: \"--mk-border\",\n  radius: \"--mk-radius\",\n  fontFamily: \"--mk-font\",\n};\n\n/** Convert tokens into a CSS custom-property style object for a wrapper element. */\nexport function tokensToStyle(tokens: ThemeTokens): CSSProperties {\n  const style: Record<string, string> = {};\n  (Object.keys(tokens) as (keyof ThemeTokens)[]).forEach((key) => {\n    style[TOKEN_TO_CSS_VAR[key]] = String(tokens[key]);\n  });\n  return style as CSSProperties;\n}\n\n","import {\n  createContext,\n  useContext,\n  useMemo,\n  type ReactNode,\n} from \"react\";\nimport { MonetizeKitClient } from \"./lib/client\";\nimport {\n  resolveTokens,\n  type Appearance,\n  type ThemeTokens,\n} from \"./theme/tokens\";\n\nexport interface MonetizeKitContextValue {\n  client: MonetizeKitClient;\n  customerId?: string;\n  appearance: Appearance;\n  tokens: ThemeTokens;\n}\n\nconst MonetizeKitContext = createContext<MonetizeKitContextValue | null>(null);\n\nexport interface MonetizeKitProviderProps {\n  /** Browser-safe publishable key (pk_*). */\n  publishableKey: string;\n  /** API origin, e.g. https://app.monetizekit.app. */\n  baseUrl: string;\n  /** Optional customer JWT for customer-scoped reads (entitlements/usage/credits). */\n  customerToken?: string;\n  /** Customer id for entitlement/usage/credit hooks. */\n  customerId?: string;\n  /** Theme preset name or token overrides. */\n  appearance?: Appearance;\n  children: ReactNode;\n}\n\nexport function MonetizeKitProvider({\n  publishableKey,\n  baseUrl,\n  customerToken,\n  customerId,\n  appearance = \"light\",\n  children,\n}: MonetizeKitProviderProps) {\n  const value = useMemo<MonetizeKitContextValue>(() => {\n    return {\n      client: new MonetizeKitClient({ publishableKey, baseUrl, customerToken }),\n      customerId,\n      appearance,\n      tokens: resolveTokens(appearance),\n    };\n  }, [publishableKey, baseUrl, customerToken, customerId, appearance]);\n\n  return (\n    <MonetizeKitContext.Provider value={value}>\n      {children}\n    </MonetizeKitContext.Provider>\n  );\n}\n\nexport function useMonetizeKit(): MonetizeKitContextValue {\n  const ctx = useContext(MonetizeKitContext);\n  if (!ctx) {\n    throw new Error(\"useMonetizeKit must be used within a <MonetizeKitProvider>.\");\n  }\n  return ctx;\n}\n","import { useEffect, useState } from \"react\";\nimport { useMonetizeKit } from \"./provider\";\nimport type { CreditBalance, EntitlementResult, UsageResult } from \"./types\";\n\ninterface AsyncState<T> {\n  data: T | null;\n  loading: boolean;\n  error: Error | null;\n}\n\nfunction useAsync<T>(\n  run: () => Promise<T> | null,\n  deps: unknown[],\n): AsyncState<T> {\n  const [state, setState] = useState<AsyncState<T>>({\n    data: null,\n    loading: true,\n    error: null,\n  });\n\n  useEffect(() => {\n    let active = true;\n    const promise = run();\n    if (!promise) {\n      setState({ data: null, loading: false, error: null });\n      return;\n    }\n    setState((prev) => ({ ...prev, loading: true, error: null }));\n    promise\n      .then((data) => {\n        if (active) setState({ data, loading: false, error: null });\n      })\n      .catch((error: unknown) => {\n        if (active) {\n          setState({\n            data: null,\n            loading: false,\n            error: error instanceof Error ? error : new Error(String(error)),\n          });\n        }\n      });\n    return () => {\n      active = false;\n    };\n  }, deps);\n\n  return state;\n}\n\n/** Resolve a single feature entitlement for the provider's customer. */\nexport function useEntitlement(featureKey: string) {\n  const { client, customerId } = useMonetizeKit();\n  const state = useAsync<EntitlementResult>(\n    () =>\n      customerId\n        ? client.getEntitlement<EntitlementResult>(customerId, featureKey)\n        : null,\n    [client, customerId, featureKey],\n  );\n  return {\n    value: state.data?.value ?? null,\n    allowed: state.data?.allowed ?? false,\n    loading: state.loading,\n    error: state.error,\n  };\n}\n\n/** Resolve current usage for a meter. */\nexport function useUsage(meterId: string) {\n  const { client, customerId } = useMonetizeKit();\n  const state = useAsync<UsageResult>(\n    () => (customerId ? client.getUsage<UsageResult>(customerId, meterId) : null),\n    [client, customerId, meterId],\n  );\n  return {\n    current: state.data?.current ?? 0,\n    limit: state.data?.limit ?? null,\n    loading: state.loading,\n    error: state.error,\n  };\n}\n\n/** Resolve the customer's credit balance. */\nexport function useCredits() {\n  const { client, customerId } = useMonetizeKit();\n  const state = useAsync<CreditBalance>(\n    () => (customerId ? client.getCredits<CreditBalance>(customerId) : null),\n    [client, customerId],\n  );\n  return {\n    balance: state.data?.balance ?? 0,\n    currency: state.data?.currency,\n    loading: state.loading,\n    error: state.error,\n  };\n}\n","import type { Plan, PricingTerm } from \"../types\";\n\n/** Format a monetary amount with Intl, honoring locale + currency. */\nexport function formatMoney(\n  amount: number,\n  currency = \"USD\",\n  locale?: string,\n): string {\n  return new Intl.NumberFormat(locale, {\n    style: \"currency\",\n    currency,\n    minimumFractionDigits: Number.isInteger(amount) ? 0 : 2,\n    maximumFractionDigits: amount < 1 ? 3 : 2,\n  }).format(amount);\n}\n\n/** Format a large unit count compactly (e.g. 5,000 / 1M). */\nexport function formatUnits(value: number, locale?: string): string {\n  return new Intl.NumberFormat(locale, {\n    notation: value >= 10_000 ? \"compact\" : \"standard\",\n    maximumFractionDigits: 1,\n  }).format(value);\n}\n\nexport interface PriceDisplay {\n  /** Headline price string, or null for contact-sales. */\n  headline: string | null;\n  /** Secondary line (e.g. \"+ usage\" or billing interval). */\n  caption?: string;\n  contactSales: boolean;\n}\n\nconst INTERVAL_SUFFIX: Record<PricingTerm[\"interval\"], string> = {\n  monthly: \"/mo\",\n  annually: \"/yr\",\n  one_time: \"\",\n};\n\n/**\n * Derive a display from a plan's pricing terms. Returns a contact-sales display\n * when the plan is tagged `contact_sales` or has no public price; renders a\n * \"from $base + usage\" headline when metered usage terms are present.\n */\nexport function describePlanPrice(\n  plan: Plan,\n  locale?: string,\n): PriceDisplay {\n  const pricing = plan.pricing ?? [];\n  const contactSales =\n    (plan.tags ?? []).includes(\"contact_sales\") || pricing.length === 0;\n  if (contactSales) {\n    return { headline: null, contactSales: true };\n  }\n\n  const base = pricing.find((t) => t.type === \"flat\");\n  const hasUsage = pricing.some((t) => t.type === \"usage\");\n  const currency = base?.currency ?? pricing[0]?.currency ?? \"USD\";\n  const interval = base?.interval ?? pricing[0]?.interval ?? \"monthly\";\n  const baseAmount = base?.amount ?? 0;\n\n  const headline = `${formatMoney(baseAmount, currency, locale)}${INTERVAL_SUFFIX[interval]}`;\n  return {\n    headline,\n    caption: hasUsage ? \"+ usage\" : undefined,\n    contactSales: false,\n  };\n}\n\n/** Human-readable description of a usage term's metered tiers. */\nexport function describeUsageTerm(term: PricingTerm, locale?: string): string {\n  const parts: string[] = [];\n  if (term.includedUnits && term.includedUnits > 0) {\n    parts.push(`${formatUnits(term.includedUnits, locale)} ${term.meterDisplayName ?? \"units\"} included`);\n  }\n  const tiers = term.tieredPricing ?? [];\n  if (tiers.length > 0) {\n    const first = tiers[0]!;\n    parts.push(\n      `then ${formatMoney(first.unitPrice, term.currency, locale)}/unit${\n        term.tierMode === \"volume\" ? \" (volume)\" : \"\"\n      }`,\n    );\n  }\n  return parts.join(\", \");\n}\n","import { useEffect, useState, type CSSProperties } from \"react\";\nimport { useMonetizeKit } from \"../provider\";\nimport { tokensToStyle } from \"../theme/tokens\";\nimport { describePlanPrice } from \"../lib/format\";\nimport type { Plan } from \"../types\";\n\nexport interface PricingTableProps {\n  /** Plans to render; if omitted, fetched live from the publishable-key API. */\n  plans?: Plan[];\n  /** Plan name to highlight as \"Most Popular\". */\n  highlightPlan?: string;\n  billingCycle?: \"monthly\" | \"annually\";\n  locale?: string;\n  onSelectPlan?: (planId: string) => void;\n  /** Where the Contact Sales CTA links (defaults to no-op). */\n  onContactSales?: (planId: string) => void;\n}\n\nconst wrapperStyle: CSSProperties = {\n  display: \"grid\",\n  gridTemplateColumns: \"repeat(auto-fit, minmax(240px, 1fr))\",\n  gap: \"1.5rem\",\n  background: \"var(--mk-bg)\",\n  color: \"var(--mk-fg)\",\n  fontFamily: \"var(--mk-font)\",\n};\n\nconst cardBase: CSSProperties = {\n  border: \"1px solid var(--mk-border)\",\n  borderRadius: \"var(--mk-radius)\",\n  padding: \"1.5rem\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: \"0.75rem\",\n};\n\nexport function PricingTable({\n  plans: plansProp,\n  highlightPlan,\n  locale,\n  onSelectPlan,\n  onContactSales,\n}: PricingTableProps) {\n  const { client, tokens } = useMonetizeKit();\n  const [plans, setPlans] = useState<Plan[] | null>(plansProp ?? null);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    if (plansProp) {\n      setPlans(plansProp);\n      return;\n    }\n    let active = true;\n    client\n      .listPlans<{ data: Plan[] }>()\n      .then((res) => {\n        if (active) setPlans(res.data ?? []);\n      })\n      .catch((e: unknown) => {\n        if (active) setError(e instanceof Error ? e : new Error(String(e)));\n      });\n    return () => {\n      active = false;\n    };\n  }, [client, plansProp]);\n\n  if (error) {\n    return <div role=\"alert\" style={{ color: \"var(--mk-muted)\" }}>Unable to load pricing.</div>;\n  }\n  if (!plans) {\n    return <div aria-busy=\"true\" style={{ color: \"var(--mk-muted)\" }}>Loading pricing…</div>;\n  }\n\n  return (\n    <div style={{ ...tokensToStyle(tokens), ...wrapperStyle }} data-mk-component=\"pricing-table\">\n      {plans.map((plan) => {\n        const price = describePlanPrice(plan, locale);\n        const highlighted =\n          highlightPlan != null &&\n          plan.name.toLowerCase() === highlightPlan.toLowerCase();\n        return (\n          <div\n            key={plan.id}\n            style={{\n              ...cardBase,\n              borderColor: highlighted ? \"var(--mk-primary)\" : \"var(--mk-border)\",\n              borderWidth: highlighted ? 2 : 1,\n            }}\n            data-mk-plan={plan.name}\n            data-mk-highlighted={highlighted ? \"true\" : undefined}\n          >\n            {highlighted ? (\n              <span\n                style={{\n                  alignSelf: \"flex-start\",\n                  background: \"var(--mk-primary)\",\n                  color: \"var(--mk-primary-fg)\",\n                  borderRadius: \"var(--mk-radius)\",\n                  padding: \"0.125rem 0.5rem\",\n                  fontSize: \"0.75rem\",\n                  fontWeight: 600,\n                }}\n              >\n                Most Popular\n              </span>\n            ) : null}\n            <h3 style={{ margin: 0, fontSize: \"1.25rem\", fontWeight: 700 }}>{plan.name}</h3>\n            {plan.description ? (\n              <p style={{ margin: 0, color: \"var(--mk-muted)\", fontSize: \"0.875rem\" }}>\n                {plan.description}\n              </p>\n            ) : null}\n            <div style={{ display: \"flex\", alignItems: \"baseline\", gap: \"0.375rem\" }}>\n              <span style={{ fontSize: \"2rem\", fontWeight: 700 }}>\n                {price.contactSales ? \"Custom\" : price.headline}\n              </span>\n              {price.caption ? (\n                <span style={{ color: \"var(--mk-muted)\", fontSize: \"0.875rem\" }}>\n                  {price.caption}\n                </span>\n              ) : null}\n            </div>\n            {plan.entitlements && plan.entitlements.length > 0 ? (\n              <ul style={{ margin: 0, paddingLeft: \"1rem\", color: \"var(--mk-fg)\", fontSize: \"0.875rem\" }}>\n                {plan.entitlements.slice(0, 6).map((e) => (\n                  <li key={e.featureKey}>\n                    {e.featureDisplayName}\n                    {e.type !== \"boolean\" ? `: ${String(e.value)}` : \"\"}\n                  </li>\n                ))}\n              </ul>\n            ) : null}\n            <button\n              type=\"button\"\n              onClick={() =>\n                price.contactSales\n                  ? onContactSales?.(plan.id)\n                  : onSelectPlan?.(plan.id)\n              }\n              style={{\n                marginTop: \"auto\",\n                background: \"var(--mk-primary)\",\n                color: \"var(--mk-primary-fg)\",\n                border: \"none\",\n                borderRadius: \"var(--mk-radius)\",\n                padding: \"0.625rem 1rem\",\n                fontWeight: 600,\n                cursor: \"pointer\",\n              }}\n            >\n              {price.contactSales ? \"Contact Sales\" : \"Get started\"}\n            </button>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","import { type CSSProperties, type ReactNode } from \"react\";\nimport { useEntitlement } from \"../hooks\";\nimport { useMonetizeKit } from \"../provider\";\nimport { tokensToStyle } from \"../theme/tokens\";\n\nexport interface PaywallProps {\n  /** Feature key gating the content. */\n  feature: string;\n  /** Protected content, shown when entitled. */\n  children: ReactNode;\n  title?: string;\n  description?: string;\n  ctaLabel?: string;\n  onUpgrade?: () => void;\n}\n\nconst overlayStyle: CSSProperties = {\n  border: \"1px solid var(--mk-border)\",\n  borderRadius: \"var(--mk-radius)\",\n  padding: \"2rem\",\n  textAlign: \"center\",\n  background: \"var(--mk-bg)\",\n  color: \"var(--mk-fg)\",\n  fontFamily: \"var(--mk-font)\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: \"0.75rem\",\n  alignItems: \"center\",\n};\n\n/** Gate content behind an entitlement, showing an upgrade prompt when locked. */\nexport function Paywall({\n  feature,\n  children,\n  title = \"Upgrade to unlock this feature\",\n  description = \"This feature isn't included in your current plan.\",\n  ctaLabel = \"Upgrade\",\n  onUpgrade,\n}: PaywallProps) {\n  const { allowed, loading } = useEntitlement(feature);\n  const { tokens } = useMonetizeKit();\n\n  if (loading) {\n    return <div aria-busy=\"true\" style={{ color: \"var(--mk-muted)\" }}>Checking access…</div>;\n  }\n  if (allowed) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div style={{ ...tokensToStyle(tokens), ...overlayStyle }} data-mk-component=\"paywall\">\n      <h3 style={{ margin: 0, fontSize: \"1.125rem\", fontWeight: 700 }}>{title}</h3>\n      <p style={{ margin: 0, color: \"var(--mk-muted)\", fontSize: \"0.875rem\" }}>{description}</p>\n      <button\n        type=\"button\"\n        onClick={onUpgrade}\n        style={{\n          background: \"var(--mk-primary)\",\n          color: \"var(--mk-primary-fg)\",\n          border: \"none\",\n          borderRadius: \"var(--mk-radius)\",\n          padding: \"0.625rem 1.25rem\",\n          fontWeight: 600,\n          cursor: \"pointer\",\n        }}\n      >\n        {ctaLabel}\n      </button>\n    </div>\n  );\n}\n","import { type CSSProperties } from \"react\";\nimport { useUsage } from \"../hooks\";\nimport { useMonetizeKit } from \"../provider\";\nimport { tokensToStyle } from \"../theme/tokens\";\nimport { formatUnits } from \"../lib/format\";\n\nexport interface UsageBannerProps {\n  /** Meter to display usage for. */\n  meterId: string;\n  label?: string;\n  locale?: string;\n  /** Fraction (0-1) at which the banner switches to a warning style. */\n  warnAt?: number;\n}\n\nconst bannerStyle: CSSProperties = {\n  border: \"1px solid var(--mk-border)\",\n  borderRadius: \"var(--mk-radius)\",\n  padding: \"0.875rem 1rem\",\n  background: \"var(--mk-bg)\",\n  color: \"var(--mk-fg)\",\n  fontFamily: \"var(--mk-font)\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: \"0.5rem\",\n};\n\n/** Show current usage vs allotment for a capacity meter, with overage hint. */\nexport function UsageBanner({\n  meterId,\n  label = \"Usage\",\n  locale,\n  warnAt = 0.8,\n}: UsageBannerProps) {\n  const { current, limit, loading } = useUsage(meterId);\n  const { tokens } = useMonetizeKit();\n\n  if (loading) {\n    return <div aria-busy=\"true\" style={{ color: \"var(--mk-muted)\" }}>Loading usage…</div>;\n  }\n\n  const hasLimit = typeof limit === \"number\" && limit > 0;\n  const fraction = hasLimit ? Math.min(1, current / (limit as number)) : 0;\n  const over = hasLimit && current > (limit as number);\n  const warn = hasLimit && fraction >= warnAt;\n  const barColor = over || warn ? \"var(--mk-primary)\" : \"var(--mk-accent)\";\n\n  return (\n    <div style={{ ...tokensToStyle(tokens), ...bannerStyle }} data-mk-component=\"usage-banner\">\n      <div style={{ display: \"flex\", justifyContent: \"space-between\", fontSize: \"0.875rem\" }}>\n        <span style={{ fontWeight: 600 }}>{label}</span>\n        <span style={{ color: \"var(--mk-muted)\" }}>\n          {formatUnits(current, locale)}\n          {hasLimit ? ` / ${formatUnits(limit as number, locale)}` : \"\"}\n        </span>\n      </div>\n      {hasLimit ? (\n        <div\n          style={{\n            height: 6,\n            borderRadius: 999,\n            background: \"var(--mk-border)\",\n            overflow: \"hidden\",\n          }}\n          role=\"progressbar\"\n          aria-valuenow={Math.round(fraction * 100)}\n          aria-valuemin={0}\n          aria-valuemax={100}\n        >\n          <div style={{ width: `${fraction * 100}%`, height: \"100%\", background: barColor }} />\n        </div>\n      ) : null}\n      {over ? (\n        <span style={{ color: \"var(--mk-primary)\", fontSize: \"0.75rem\" }}>\n          Over included allotment — overage billed per usage pricing.\n        </span>\n      ) : null}\n    </div>\n  );\n}\n","import { type CSSProperties } from \"react\";\nimport { useCredits } from \"../hooks\";\nimport { useMonetizeKit } from \"../provider\";\nimport { tokensToStyle } from \"../theme/tokens\";\nimport { formatMoney } from \"../lib/format\";\nimport { UsageBanner } from \"./UsageBanner\";\n\nexport interface CustomerPortalProps {\n  /** Current plan name to display. */\n  planName?: string;\n  /** Meters to surface usage for. */\n  meterIds?: string[];\n  /** Whether to show the credit balance card. */\n  showCredits?: boolean;\n  locale?: string;\n  currency?: string;\n  onManageBilling?: () => void;\n}\n\nconst containerStyle: CSSProperties = {\n  border: \"1px solid var(--mk-border)\",\n  borderRadius: \"var(--mk-radius)\",\n  padding: \"1.25rem\",\n  background: \"var(--mk-bg)\",\n  color: \"var(--mk-fg)\",\n  fontFamily: \"var(--mk-font)\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: \"1rem\",\n  maxWidth: 480,\n};\n\n/** A self-service portal: current plan, usage meters, and credit balance. */\nexport function CustomerPortal({\n  planName = \"Current plan\",\n  meterIds = [],\n  showCredits = true,\n  locale,\n  currency = \"USD\",\n  onManageBilling,\n}: CustomerPortalProps) {\n  const { tokens } = useMonetizeKit();\n  const credits = useCredits();\n\n  return (\n    <div style={{ ...tokensToStyle(tokens), ...containerStyle }} data-mk-component=\"customer-portal\">\n      <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" }}>\n        <div>\n          <div style={{ fontSize: \"0.75rem\", color: \"var(--mk-muted)\" }}>Plan</div>\n          <div style={{ fontSize: \"1.125rem\", fontWeight: 700 }}>{planName}</div>\n        </div>\n        <button\n          type=\"button\"\n          onClick={onManageBilling}\n          style={{\n            background: \"var(--mk-primary)\",\n            color: \"var(--mk-primary-fg)\",\n            border: \"none\",\n            borderRadius: \"var(--mk-radius)\",\n            padding: \"0.5rem 0.875rem\",\n            fontWeight: 600,\n            cursor: \"pointer\",\n          }}\n        >\n          Manage billing\n        </button>\n      </div>\n\n      {meterIds.map((meterId) => (\n        <UsageBanner key={meterId} meterId={meterId} label={meterId} locale={locale} />\n      ))}\n\n      {showCredits ? (\n        <div\n          style={{\n            border: \"1px solid var(--mk-border)\",\n            borderRadius: \"var(--mk-radius)\",\n            padding: \"0.875rem 1rem\",\n            display: \"flex\",\n            justifyContent: \"space-between\",\n          }}\n        >\n          <span style={{ fontWeight: 600, fontSize: \"0.875rem\" }}>Credits</span>\n          <span style={{ color: \"var(--mk-muted)\" }}>\n            {credits.loading\n              ? \"…\"\n              : formatMoney(credits.balance, credits.currency ?? currency, locale)}\n          </span>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n","import type { ReactNode } from \"react\";\nimport { useEntitlement } from \"../hooks\";\n\nexport interface EntitlementGateProps {\n  /** Feature key to check for the provider's customer. */\n  feature: string;\n  /** Rendered when the customer is entitled. */\n  children: ReactNode;\n  /** Rendered when not entitled (defaults to nothing). */\n  fallback?: ReactNode;\n  /** Rendered while the entitlement check is loading. */\n  loadingFallback?: ReactNode;\n}\n\n/** Conditionally render children based on a live entitlement check. */\nexport function EntitlementGate({\n  feature,\n  children,\n  fallback = null,\n  loadingFallback = null,\n}: EntitlementGateProps) {\n  const { allowed, loading } = useEntitlement(feature);\n  if (loading) return <>{loadingFallback}</>;\n  return <>{allowed ? children : fallback}</>;\n}\n"]}