@kerne/react 1.1.0 → 1.2.0

package/dist/{chunk-IZMRK3WK.js → chunk-IHNWY4ML.js}

@@ -378,6 +378,11 @@ var KerneClient = class {
       baseUrl: this.baseUrl,
       appId: this.appId,
       timeout: config.timeout,
+      // Forwarded so <KerneProvider defaultRedirects={...} headers={...}> is
+      // actually honored - the type inherited them from KerneConfig, but the
+      // client was dropping both silently.
+      headers: config.headers,
+      defaultRedirects: config.defaultRedirects,
       onUnauthorized: () => {
         if (process.env.NODE_ENV === "development") {
           console.warn("[Kerne] 401 received. Auto-logout disabled in dev.");
@@ -695,8 +700,9 @@ var KerneClient = class {
     return response;
   }
   // Cross-Origin Session Handoff
-  // For apps/portal (auth hosted on its own origin): call this at the end of
-  // a successful auth flow (login/magic-link/register/activation) instead of
+  // For a hosted auth origin (auth on its own domain, separate from the
+  // tenant's app): call this at the end of a successful auth flow
+  // (login/magic-link/register/activation) instead of
   // a plain `window.location.href = url` whenever `url` isn't same-origin -
   // the exchange on the other end is picked up automatically by
   // `exchangeHandoffOnLoad()`, no code required on the tenant app's side.
@@ -748,6 +754,24 @@ var KerneClient = class {
   async check(featureKey, requested) {
     return this.kerne.check(featureKey, { requested });
   }
+  /** Atomically check a QUOTA limit and commit the consumption. Reports for the signed-in subject. */
+  async consume(featureKey, params) {
+    return this.kerne.consume(featureKey, params);
+  }
+  /** Report usage without a limit check, for the signed-in subject. See `reportUsageBatch()` for many at once. */
+  async reportUsage(featureKey, params) {
+    return this.kerne.reportUsage(featureKey, { subject: this.requireUserId(), ...params });
+  }
+  /** Several usage events in one request instead of one call each - kills the manual request staggering. */
+  async reportUsageBatch(events) {
+    const subject = this.requireUserId();
+    return this.kerne.reportUsageBatch(events.map((e) => ({ subject, ...e })));
+  }
+  requireUserId() {
+    const id = this.user?.id;
+    if (!id) throw new Error("reportUsage requires a signed-in user; none is loaded yet.");
+    return id;
+  }
   async createCheckout(planPriceId, options) {
     const { url } = await this.kerne.billing.checkout(planPriceId, options);
     return url;
@@ -930,7 +954,7 @@ function useAuth() {
       (token2, password) => client.completeActivation(token2, password),
       [client]
     ),
-    // Cross-origin handoff (apps/portal -> tenant app_url) - see redirectWithSession on KerneClient.
+    // Cross-origin handoff (hosted auth origin -> tenant app_url) - see redirectWithSession on KerneClient.
     redirectWithSession: useCallback2((url) => client.redirectWithSession(url), [client])
   };
 }
@@ -1207,6 +1231,23 @@ function useUsage(featureKey) {
   }, [client, featureKey]);
   return state;
 }
+function useReportUsage() {
+  const client = useClient();
+  return {
+    consume: useCallback2(
+      (featureKey, params) => client.consume(featureKey, params),
+      [client]
+    ),
+    report: useCallback2(
+      (featureKey, params) => client.reportUsage(featureKey, params),
+      [client]
+    ),
+    reportBatch: useCallback2(
+      (events) => client.reportUsageBatch(events),
+      [client]
+    )
+  };
+}
 function useWaitlist() {
   const client = useClient();
   return {
@@ -1279,6 +1320,7 @@ export {
   useAuthConfig,
   useEntitlements,
   useUsage,
+  useReportUsage,
   useWaitlist,
   useInvitation,
   useUser

package/dist/{chunk-TYNZ2WU7.cjs → chunk-N6VPGJ36.cjs}

@@ -378,6 +378,11 @@ var KerneClient = (_class = class {
       baseUrl: this.baseUrl,
       appId: this.appId,
       timeout: config.timeout,
+      // Forwarded so <KerneProvider defaultRedirects={...} headers={...}> is
+      // actually honored - the type inherited them from KerneConfig, but the
+      // client was dropping both silently.
+      headers: config.headers,
+      defaultRedirects: config.defaultRedirects,
       onUnauthorized: () => {
         if (process.env.NODE_ENV === "development") {
           console.warn("[Kerne] 401 received. Auto-logout disabled in dev.");
@@ -695,8 +700,9 @@ var KerneClient = (_class = class {
     return response;
   }
   // Cross-Origin Session Handoff
-  // For apps/portal (auth hosted on its own origin): call this at the end of
-  // a successful auth flow (login/magic-link/register/activation) instead of
+  // For a hosted auth origin (auth on its own domain, separate from the
+  // tenant's app): call this at the end of a successful auth flow
+  // (login/magic-link/register/activation) instead of
   // a plain `window.location.href = url` whenever `url` isn't same-origin -
   // the exchange on the other end is picked up automatically by
   // `exchangeHandoffOnLoad()`, no code required on the tenant app's side.
@@ -748,6 +754,24 @@ var KerneClient = (_class = class {
   async check(featureKey, requested) {
     return this.kerne.check(featureKey, { requested });
   }
+  /** Atomically check a QUOTA limit and commit the consumption. Reports for the signed-in subject. */
+  async consume(featureKey, params) {
+    return this.kerne.consume(featureKey, params);
+  }
+  /** Report usage without a limit check, for the signed-in subject. See `reportUsageBatch()` for many at once. */
+  async reportUsage(featureKey, params) {
+    return this.kerne.reportUsage(featureKey, { subject: this.requireUserId(), ...params });
+  }
+  /** Several usage events in one request instead of one call each - kills the manual request staggering. */
+  async reportUsageBatch(events) {
+    const subject = this.requireUserId();
+    return this.kerne.reportUsageBatch(events.map((e) => ({ subject, ...e })));
+  }
+  requireUserId() {
+    const id = _optionalChain([this, 'access', _21 => _21.user, 'optionalAccess', _22 => _22.id]);
+    if (!id) throw new Error("reportUsage requires a signed-in user; none is loaded yet.");
+    return id;
+  }
   async createCheckout(planPriceId, options) {
     const { url } = await this.kerne.billing.checkout(planPriceId, options);
     return url;
@@ -829,7 +853,7 @@ function KerneProvider({ children, localization, ...config }) {
   }, [config.appId, config.baseUrl]);
   _react.useEffect.call(void 0, () => {
     return () => {
-      _optionalChain([client, 'access', _21 => _21.cancelRefresh, 'optionalCall', _22 => _22()]);
+      _optionalChain([client, 'access', _23 => _23.cancelRefresh, 'optionalCall', _24 => _24()]);
     };
   }, [client]);
   const l10n = _react.useMemo.call(void 0, () => mergeLocalization(localization), [localization]);
@@ -930,7 +954,7 @@ function useAuth() {
       (token2, password) => client.completeActivation(token2, password),
       [client]
     ),
-    // Cross-origin handoff (apps/portal -> tenant app_url) - see redirectWithSession on KerneClient.
+    // Cross-origin handoff (hosted auth origin -> tenant app_url) - see redirectWithSession on KerneClient.
     redirectWithSession: _react.useCallback.call(void 0, (url) => client.redirectWithSession(url), [client])
   };
 }
@@ -994,8 +1018,8 @@ function usePlanSwitch(subscription, refetchSubscription, options) {
   const [switchError, setSwitchError] = _react.useState.call(void 0, null);
   const [checkoutPriceId, setCheckoutPriceId] = _react.useState.call(void 0, null);
   const [checkoutError, setCheckoutError] = _react.useState.call(void 0, null);
-  const successUrl = _optionalChain([options, 'optionalAccess', _23 => _23.successUrl]);
-  const cancelUrl = _optionalChain([options, 'optionalAccess', _24 => _24.cancelUrl]);
+  const successUrl = _optionalChain([options, 'optionalAccess', _25 => _25.successUrl]);
+  const cancelUrl = _optionalChain([options, 'optionalAccess', _26 => _26.cancelUrl]);
   const selectPlan = _react.useCallback.call(void 0, 
     async (plan, price) => {
       if (subscription) {
@@ -1102,8 +1126,8 @@ function useSubscription(productSlug) {
     setState((prev) => ({ ...prev, isLoading: true }));
     fetchOnce({ current: true });
   }, [fetchOnce]);
-  const isActive = _optionalChain([state, 'access', _25 => _25.subscription, 'optionalAccess', _26 => _26.status]) === "ACTIVE" || _optionalChain([state, 'access', _27 => _27.subscription, 'optionalAccess', _28 => _28.status]) === "TRIALING";
-  const planSlug = _optionalChain([state, 'access', _29 => _29.subscription, 'optionalAccess', _30 => _30.plan, 'optionalAccess', _31 => _31.slug]);
+  const isActive = _optionalChain([state, 'access', _27 => _27.subscription, 'optionalAccess', _28 => _28.status]) === "ACTIVE" || _optionalChain([state, 'access', _29 => _29.subscription, 'optionalAccess', _30 => _30.status]) === "TRIALING";
+  const planSlug = _optionalChain([state, 'access', _31 => _31.subscription, 'optionalAccess', _32 => _32.plan, 'optionalAccess', _33 => _33.slug]);
   return {
     ...state,
     isActive,
@@ -1207,6 +1231,23 @@ function useUsage(featureKey) {
   }, [client, featureKey]);
   return state;
 }
+function useReportUsage() {
+  const client = useClient();
+  return {
+    consume: _react.useCallback.call(void 0, 
+      (featureKey, params) => client.consume(featureKey, params),
+      [client]
+    ),
+    report: _react.useCallback.call(void 0, 
+      (featureKey, params) => client.reportUsage(featureKey, params),
+      [client]
+    ),
+    reportBatch: _react.useCallback.call(void 0, 
+      (events) => client.reportUsageBatch(events),
+      [client]
+    )
+  };
+}
 function useWaitlist() {
   const client = useClient();
   return {
@@ -1251,9 +1292,9 @@ function useUser() {
     update: updateProfile,
     // Computed properties
     fullName: user ? `${user.first_name || ""} ${user.last_name || ""}`.trim() : null,
-    initials: user ? `${_optionalChain([user, 'access', _32 => _32.first_name, 'optionalAccess', _33 => _33[0]]) || ""}${_optionalChain([user, 'access', _34 => _34.last_name, 'optionalAccess', _35 => _35[0]]) || ""}`.toUpperCase() : null,
-    email: _optionalChain([user, 'optionalAccess', _36 => _36.email]) || null,
-    emailVerified: _optionalChain([user, 'optionalAccess', _37 => _37.email_verified]) || false
+    initials: user ? `${_optionalChain([user, 'access', _34 => _34.first_name, 'optionalAccess', _35 => _35[0]]) || ""}${_optionalChain([user, 'access', _36 => _36.last_name, 'optionalAccess', _37 => _37[0]]) || ""}`.toUpperCase() : null,
+    email: _optionalChain([user, 'optionalAccess', _38 => _38.email]) || null,
+    emailVerified: _optionalChain([user, 'optionalAccess', _39 => _39.email_verified]) || false
   };
 }
 
@@ -1282,4 +1323,5 @@ function useUser() {
 
 
 
-exports.defaultLocalization = defaultLocalization; exports.useLocalization = useLocalization; exports.fill = fill; exports.fillNode = fillNode; exports.useErrorResolver = useErrorResolver; exports.KerneClient = KerneClient; exports.KerneContext = KerneContext; exports.KerneProvider = KerneProvider; exports.useClient = useClient; exports.useAuth = useAuth; exports.useCheckout = useCheckout; exports.usePortal = usePortal; exports.useCancelSubscription = useCancelSubscription; exports.useChangePlan = useChangePlan; exports.usePlanSwitch = usePlanSwitch; exports.useAccess = useAccess; exports.useSubscription = useSubscription; exports.usePlans = usePlans; exports.useAuthConfig = useAuthConfig; exports.useEntitlements = useEntitlements; exports.useUsage = useUsage; exports.useWaitlist = useWaitlist; exports.useInvitation = useInvitation; exports.useUser = useUser;
+
+exports.defaultLocalization = defaultLocalization; exports.useLocalization = useLocalization; exports.fill = fill; exports.fillNode = fillNode; exports.useErrorResolver = useErrorResolver; exports.KerneClient = KerneClient; exports.KerneContext = KerneContext; exports.KerneProvider = KerneProvider; exports.useClient = useClient; exports.useAuth = useAuth; exports.useCheckout = useCheckout; exports.usePortal = usePortal; exports.useCancelSubscription = useCancelSubscription; exports.useChangePlan = useChangePlan; exports.usePlanSwitch = usePlanSwitch; exports.useAccess = useAccess; exports.useSubscription = useSubscription; exports.usePlans = usePlans; exports.useAuthConfig = useAuthConfig; exports.useEntitlements = useEntitlements; exports.useUsage = useUsage; exports.useReportUsage = useReportUsage; exports.useWaitlist = useWaitlist; exports.useInvitation = useInvitation; exports.useUser = useUser;

package/dist/{i18n-QilNgwqe.d.cts → i18n-CXEhPK58.d.cts}

@@ -273,7 +273,7 @@ interface KerneLocalization {
         signOut: string;
     };
     /**
-     * Keyed by the API's stable ErrorCode (see packages/core/src/errors).
+     * Keyed by the API's stable ErrorCode.
      * Anything absent falls back to `generic` - never to the raw server message,
      * which is written for an integrator and is always English.
      */

package/dist/{i18n-QilNgwqe.d.ts → i18n-CXEhPK58.d.ts}

@@ -273,7 +273,7 @@ interface KerneLocalization {
         signOut: string;
     };
     /**
-     * Keyed by the API's stable ErrorCode (see packages/core/src/errors).
+     * Keyed by the API's stable ErrorCode.
      * Anything absent falls back to `generic` - never to the raw server message,
      * which is written for an integrator and is always English.
      */

package/dist/index.cjs

@@ -20,25 +20,26 @@
 
 
 
-var _chunkTYNZ2WU7cjs = require('./chunk-TYNZ2WU7.cjs');
+
+var _chunkN6VPGJ36cjs = require('./chunk-N6VPGJ36.cjs');
 
 // src/components.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 var _jsxruntime = require('react/jsx-runtime');
 function Authenticated({ children, fallback = null }) {
-  const { isAuthenticated } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
+  const { isAuthenticated } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
   return isAuthenticated ? children : fallback;
 }
 function Unauthenticated({ children, fallback = null }) {
-  const { isAuthenticated } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
+  const { isAuthenticated } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
   return !isAuthenticated ? children : fallback;
 }
 function AuthLoading({ children }) {
-  const client = _chunkTYNZ2WU7cjs.useClient.call(void 0, );
+  const client = _chunkN6VPGJ36cjs.useClient.call(void 0, );
   return client.isLoading ? children : null;
 }
 function HasSubscription({ children, fallback = null }) {
-  const client = _chunkTYNZ2WU7cjs.useClient.call(void 0, );
+  const client = _chunkN6VPGJ36cjs.useClient.call(void 0, );
   const [hasSubscription, setHasSubscription] = _react2.default.useState(null);
   _react2.default.useEffect(() => {
     client.getSubscription().then((sub) => {
@@ -56,7 +57,7 @@ function Access({
   requested,
   fallback = null
 }) {
-  const { allowed, isLoading } = _chunkTYNZ2WU7cjs.useAccess.call(void 0, featureKey, requested);
+  const { allowed, isLoading } = _chunkN6VPGJ36cjs.useAccess.call(void 0, featureKey, requested);
   if (isLoading) return null;
   return allowed ? children : fallback;
 }
@@ -67,7 +68,7 @@ function Protected({
   authFallback = null,
   billingFallback = null
 }) {
-  const { isAuthenticated } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
+  const { isAuthenticated } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
   if (auth && !isAuthenticated) {
     return authFallback;
   }
@@ -181,4 +182,5 @@ function useKerneError() {
 
 
 
-exports.Access = Access; exports.AuthLoading = AuthLoading; exports.Authenticated = Authenticated; exports.HasSubscription = HasSubscription; exports.KerneClient = _chunkTYNZ2WU7cjs.KerneClient; exports.KerneContext = _chunkTYNZ2WU7cjs.KerneContext; exports.KerneErrorBoundary = KerneErrorBoundary; exports.KerneProvider = _chunkTYNZ2WU7cjs.KerneProvider; exports.Protected = Protected; exports.Unauthenticated = Unauthenticated; exports.defaultLocalization = _chunkTYNZ2WU7cjs.defaultLocalization; exports.useAccess = _chunkTYNZ2WU7cjs.useAccess; exports.useAuth = _chunkTYNZ2WU7cjs.useAuth; exports.useAuthConfig = _chunkTYNZ2WU7cjs.useAuthConfig; exports.useCancelSubscription = _chunkTYNZ2WU7cjs.useCancelSubscription; exports.useChangePlan = _chunkTYNZ2WU7cjs.useChangePlan; exports.useCheckout = _chunkTYNZ2WU7cjs.useCheckout; exports.useClient = _chunkTYNZ2WU7cjs.useClient; exports.useEntitlements = _chunkTYNZ2WU7cjs.useEntitlements; exports.useInvitation = _chunkTYNZ2WU7cjs.useInvitation; exports.useKerneError = useKerneError; exports.usePlanSwitch = _chunkTYNZ2WU7cjs.usePlanSwitch; exports.usePlans = _chunkTYNZ2WU7cjs.usePlans; exports.usePortal = _chunkTYNZ2WU7cjs.usePortal; exports.useSubscription = _chunkTYNZ2WU7cjs.useSubscription; exports.useUsage = _chunkTYNZ2WU7cjs.useUsage; exports.useUser = _chunkTYNZ2WU7cjs.useUser; exports.useWaitlist = _chunkTYNZ2WU7cjs.useWaitlist;
+
+exports.Access = Access; exports.AuthLoading = AuthLoading; exports.Authenticated = Authenticated; exports.HasSubscription = HasSubscription; exports.KerneClient = _chunkN6VPGJ36cjs.KerneClient; exports.KerneContext = _chunkN6VPGJ36cjs.KerneContext; exports.KerneErrorBoundary = KerneErrorBoundary; exports.KerneProvider = _chunkN6VPGJ36cjs.KerneProvider; exports.Protected = Protected; exports.Unauthenticated = Unauthenticated; exports.defaultLocalization = _chunkN6VPGJ36cjs.defaultLocalization; exports.useAccess = _chunkN6VPGJ36cjs.useAccess; exports.useAuth = _chunkN6VPGJ36cjs.useAuth; exports.useAuthConfig = _chunkN6VPGJ36cjs.useAuthConfig; exports.useCancelSubscription = _chunkN6VPGJ36cjs.useCancelSubscription; exports.useChangePlan = _chunkN6VPGJ36cjs.useChangePlan; exports.useCheckout = _chunkN6VPGJ36cjs.useCheckout; exports.useClient = _chunkN6VPGJ36cjs.useClient; exports.useEntitlements = _chunkN6VPGJ36cjs.useEntitlements; exports.useInvitation = _chunkN6VPGJ36cjs.useInvitation; exports.useKerneError = useKerneError; exports.usePlanSwitch = _chunkN6VPGJ36cjs.usePlanSwitch; exports.usePlans = _chunkN6VPGJ36cjs.usePlans; exports.usePortal = _chunkN6VPGJ36cjs.usePortal; exports.useReportUsage = _chunkN6VPGJ36cjs.useReportUsage; exports.useSubscription = _chunkN6VPGJ36cjs.useSubscription; exports.useUsage = _chunkN6VPGJ36cjs.useUsage; exports.useUser = _chunkN6VPGJ36cjs.useUser; exports.useWaitlist = _chunkN6VPGJ36cjs.useWaitlist;

package/dist/index.d.cts

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode, Component, ErrorInfo } from 'react';
-import { KerneConfig, JoinWaitlistParams, ValidateTokenResponse, ValidateCodeResponse } from '@kerne/server';
+import { KerneConfig, ConsumeParams, ReportUsageParams, ReportUsageBatchEvent, BatchUsageResult, JoinWaitlistParams, ValidateTokenResponse, ValidateCodeResponse } from '@kerne/server';
 export { JoinWaitlistParams, ValidateCodeResponse, ValidateTokenResponse, WaitlistEntry } from '@kerne/server';
 import * as _kerne_types from '@kerne/types';
-import { User, AuthResponse, ActivationContext, AuthConfig, EntitlementCheck, SubscriptionWithPlan, Subscription, PublicPlan, Entitlements, UsageRecord, PublicPlanPrice } from '@kerne/types';
-export { ActivationContext, AuthConfig, AuthResponse, EntitlementCheck, Entitlements, PublicPlan, Subscription, SubscriptionWithPlan, UsageRecord, User } from '@kerne/types';
-import { D as DeepPartial, K as KerneLocalization } from './i18n-QilNgwqe.cjs';
-export { d as defaultLocalization } from './i18n-QilNgwqe.cjs';
+import { User, AuthResponse, ActivationContext, AuthConfig, EntitlementCheck, UsageRecord, SubscriptionWithPlan, Subscription, PublicPlan, Entitlements, PublicPlanPrice } from '@kerne/types';
+export { ActivationContext, AuthConfig, AuthResponse, BatchUsageResult, EntitlementCheck, Entitlements, PublicPlan, Subscription, SubscriptionWithPlan, UsageRecord, User, ValidationFieldError } from '@kerne/types';
+import { D as DeepPartial, K as KerneLocalization } from './i18n-CXEhPK58.cjs';
+export { d as defaultLocalization } from './i18n-CXEhPK58.cjs';
 
 interface KerneReactConfig extends Omit<KerneConfig, 'secretKey'> {
     storage?: Storage;
@@ -166,6 +166,13 @@ declare class KerneClient {
     allows(featureKey: string, requested?: number): Promise<boolean>;
     /** Full entitlement detail (limit/used/remaining/overage) - use `allows()` for a plain boolean. */
     check(featureKey: string, requested?: number): Promise<EntitlementCheck>;
+    /** Atomically check a QUOTA limit and commit the consumption. Reports for the signed-in subject. */
+    consume(featureKey: string, params?: Omit<ConsumeParams, 'subject'>): Promise<EntitlementCheck>;
+    /** Report usage without a limit check, for the signed-in subject. See `reportUsageBatch()` for many at once. */
+    reportUsage(featureKey: string, params?: Omit<ReportUsageParams, 'subject'>): Promise<UsageRecord>;
+    /** Several usage events in one request instead of one call each - kills the manual request staggering. */
+    reportUsageBatch(events: Array<Omit<ReportUsageBatchEvent, 'subject'>>): Promise<BatchUsageResult[]>;
+    private requireUserId;
     createCheckout(planPriceId: string, options?: {
         successUrl?: string;
         cancelUrl?: string;
@@ -495,6 +502,24 @@ declare function useUsage(featureKey?: string): {
     isLoading: boolean;
     error: Error | null;
 };
+/**
+ * Usage write path for the signed-in user: `consume()` gates a QUOTA and commits
+ * in one step, `report()`/`reportBatch()` record usage without a check.
+ * `reportBatch()` sends many events in one request - the fix for hand-rolled
+ * request staggering in a component reporting several rows at once.
+ *
+ * @example
+ * ```tsx
+ * const { consume, reportBatch } = useReportUsage();
+ * await consume('exports', { delta: 1 });
+ * await reportBatch(machines.map((m) => ({ featureKey: 'machine_minutes', delta: m.minutes })));
+ * ```
+ */
+declare function useReportUsage(): {
+    consume: (featureKey: string, params?: Omit<ConsumeParams, "subject">) => Promise<EntitlementCheck>;
+    report: (featureKey: string, params?: Omit<ReportUsageParams, "subject">) => Promise<UsageRecord>;
+    reportBatch: (events: Array<Omit<ReportUsageBatchEvent, "subject">>) => Promise<_kerne_types.BatchUsageResult[]>;
+};
 /**
  * Waitlist signup form - a mutation, not a data fetch, same shape as
  * `useCheckout`/`usePortal`.
@@ -736,4 +761,4 @@ declare function useKerneError(): {
     clearError: () => void;
 };
 
-export { Access, AuthLoading, Authenticated, HasSubscription, KerneClient, KerneContext, type KerneError, KerneErrorBoundary, KerneLocalization, KerneProvider, type KerneProviderProps, type KerneReactConfig, type PlanSwitchTarget, Protected, Unauthenticated, useAccess, useAuth, useAuthConfig, useCancelSubscription, useChangePlan, useCheckout, useClient, useEntitlements, useInvitation, useKerneError, usePlanSwitch, usePlans, usePortal, useSubscription, useUsage, useUser, useWaitlist };
+export { Access, AuthLoading, Authenticated, HasSubscription, KerneClient, KerneContext, type KerneError, KerneErrorBoundary, KerneLocalization, KerneProvider, type KerneProviderProps, type KerneReactConfig, type PlanSwitchTarget, Protected, Unauthenticated, useAccess, useAuth, useAuthConfig, useCancelSubscription, useChangePlan, useCheckout, useClient, useEntitlements, useInvitation, useKerneError, usePlanSwitch, usePlans, usePortal, useReportUsage, useSubscription, useUsage, useUser, useWaitlist };

package/dist/index.d.ts

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode, Component, ErrorInfo } from 'react';
-import { KerneConfig, JoinWaitlistParams, ValidateTokenResponse, ValidateCodeResponse } from '@kerne/server';
+import { KerneConfig, ConsumeParams, ReportUsageParams, ReportUsageBatchEvent, BatchUsageResult, JoinWaitlistParams, ValidateTokenResponse, ValidateCodeResponse } from '@kerne/server';
 export { JoinWaitlistParams, ValidateCodeResponse, ValidateTokenResponse, WaitlistEntry } from '@kerne/server';
 import * as _kerne_types from '@kerne/types';
-import { User, AuthResponse, ActivationContext, AuthConfig, EntitlementCheck, SubscriptionWithPlan, Subscription, PublicPlan, Entitlements, UsageRecord, PublicPlanPrice } from '@kerne/types';
-export { ActivationContext, AuthConfig, AuthResponse, EntitlementCheck, Entitlements, PublicPlan, Subscription, SubscriptionWithPlan, UsageRecord, User } from '@kerne/types';
-import { D as DeepPartial, K as KerneLocalization } from './i18n-QilNgwqe.js';
-export { d as defaultLocalization } from './i18n-QilNgwqe.js';
+import { User, AuthResponse, ActivationContext, AuthConfig, EntitlementCheck, UsageRecord, SubscriptionWithPlan, Subscription, PublicPlan, Entitlements, PublicPlanPrice } from '@kerne/types';
+export { ActivationContext, AuthConfig, AuthResponse, BatchUsageResult, EntitlementCheck, Entitlements, PublicPlan, Subscription, SubscriptionWithPlan, UsageRecord, User, ValidationFieldError } from '@kerne/types';
+import { D as DeepPartial, K as KerneLocalization } from './i18n-CXEhPK58.js';
+export { d as defaultLocalization } from './i18n-CXEhPK58.js';
 
 interface KerneReactConfig extends Omit<KerneConfig, 'secretKey'> {
     storage?: Storage;
@@ -166,6 +166,13 @@ declare class KerneClient {
     allows(featureKey: string, requested?: number): Promise<boolean>;
     /** Full entitlement detail (limit/used/remaining/overage) - use `allows()` for a plain boolean. */
     check(featureKey: string, requested?: number): Promise<EntitlementCheck>;
+    /** Atomically check a QUOTA limit and commit the consumption. Reports for the signed-in subject. */
+    consume(featureKey: string, params?: Omit<ConsumeParams, 'subject'>): Promise<EntitlementCheck>;
+    /** Report usage without a limit check, for the signed-in subject. See `reportUsageBatch()` for many at once. */
+    reportUsage(featureKey: string, params?: Omit<ReportUsageParams, 'subject'>): Promise<UsageRecord>;
+    /** Several usage events in one request instead of one call each - kills the manual request staggering. */
+    reportUsageBatch(events: Array<Omit<ReportUsageBatchEvent, 'subject'>>): Promise<BatchUsageResult[]>;
+    private requireUserId;
     createCheckout(planPriceId: string, options?: {
         successUrl?: string;
         cancelUrl?: string;
@@ -495,6 +502,24 @@ declare function useUsage(featureKey?: string): {
     isLoading: boolean;
     error: Error | null;
 };
+/**
+ * Usage write path for the signed-in user: `consume()` gates a QUOTA and commits
+ * in one step, `report()`/`reportBatch()` record usage without a check.
+ * `reportBatch()` sends many events in one request - the fix for hand-rolled
+ * request staggering in a component reporting several rows at once.
+ *
+ * @example
+ * ```tsx
+ * const { consume, reportBatch } = useReportUsage();
+ * await consume('exports', { delta: 1 });
+ * await reportBatch(machines.map((m) => ({ featureKey: 'machine_minutes', delta: m.minutes })));
+ * ```
+ */
+declare function useReportUsage(): {
+    consume: (featureKey: string, params?: Omit<ConsumeParams, "subject">) => Promise<EntitlementCheck>;
+    report: (featureKey: string, params?: Omit<ReportUsageParams, "subject">) => Promise<UsageRecord>;
+    reportBatch: (events: Array<Omit<ReportUsageBatchEvent, "subject">>) => Promise<_kerne_types.BatchUsageResult[]>;
+};
 /**
  * Waitlist signup form - a mutation, not a data fetch, same shape as
  * `useCheckout`/`usePortal`.
@@ -736,4 +761,4 @@ declare function useKerneError(): {
     clearError: () => void;
 };
 
-export { Access, AuthLoading, Authenticated, HasSubscription, KerneClient, KerneContext, type KerneError, KerneErrorBoundary, KerneLocalization, KerneProvider, type KerneProviderProps, type KerneReactConfig, type PlanSwitchTarget, Protected, Unauthenticated, useAccess, useAuth, useAuthConfig, useCancelSubscription, useChangePlan, useCheckout, useClient, useEntitlements, useInvitation, useKerneError, usePlanSwitch, usePlans, usePortal, useSubscription, useUsage, useUser, useWaitlist };
+export { Access, AuthLoading, Authenticated, HasSubscription, KerneClient, KerneContext, type KerneError, KerneErrorBoundary, KerneLocalization, KerneProvider, type KerneProviderProps, type KerneReactConfig, type PlanSwitchTarget, Protected, Unauthenticated, useAccess, useAuth, useAuthConfig, useCancelSubscription, useChangePlan, useCheckout, useClient, useEntitlements, useInvitation, useKerneError, usePlanSwitch, usePlans, usePortal, useReportUsage, useSubscription, useUsage, useUser, useWaitlist };

package/dist/index.js

@@ -16,11 +16,12 @@ import {
   usePlanSwitch,
   usePlans,
   usePortal,
+  useReportUsage,
   useSubscription,
   useUsage,
   useUser,
   useWaitlist
-} from "./chunk-IZMRK3WK.js";
+} from "./chunk-IHNWY4ML.js";
 
 // src/components.tsx
 import React from "react";
@@ -177,6 +178,7 @@ export {
   usePlanSwitch,
   usePlans,
   usePortal,
+  useReportUsage,
   useSubscription,
   useUsage,
   useUser,

package/dist/ui/index.cjs

@@ -17,7 +17,7 @@
 
 
 
-var _chunkTYNZ2WU7cjs = require('../chunk-TYNZ2WU7.cjs');
+var _chunkN6VPGJ36cjs = require('../chunk-N6VPGJ36.cjs');
 
 // src/ui/AuthFlow.tsx
 var _react = require('react');
@@ -903,7 +903,7 @@ function Field({
   const id = _react.useId.call(void 0, );
   const errorId = `${id}-error`;
   const noteId = `${id}-note`;
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   const isPassword = type === "password";
   const [revealed, setRevealed] = _react.useState.call(void 0, false);
   const [capsLock, setCapsLock] = _react.useState.call(void 0, false);
@@ -1031,11 +1031,11 @@ function PasswordStrength({
   password,
   policy
 }) {
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   const resolved = _nullishCoalesce(policy, () => ( resolvePolicy(null)));
   if (!meetsPolicy(password, resolved)) {
     const labels2 = {
-      min_length: _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.common.passwordHint, { count: resolved.min_length }),
+      min_length: _chunkN6VPGJ36cjs.fill.call(void 0, l10n.common.passwordHint, { count: resolved.min_length }),
       require_uppercase: l10n.common.passwordRequireUppercase,
       require_number: l10n.common.passwordRequireNumber,
       require_symbol: l10n.common.passwordRequireSymbol
@@ -1231,10 +1231,10 @@ function OAuthButtons({
   disabled,
   onSelect
 }) {
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   if (providers.length === 0) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "kerne-oauth-group", children: providers.map((provider) => {
-    const label = _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.common.continueWith, {
+    const label = _chunkN6VPGJ36cjs.fill.call(void 0, l10n.common.continueWith, {
       provider: _nullishCoalesce(OAUTH_LABELS[provider], () => ( provider))
     });
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -1255,12 +1255,12 @@ function OAuthButtons({
   }) });
 }
 function KerneBranding({ show }) {
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   if (!show) return null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { className: "kerne-branding", href: "https://kerne.io", target: "_blank", rel: "noopener noreferrer", children: l10n.common.securedByKerne });
 }
 function FormSkeleton() {
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-form", "aria-busy": "true", "aria-label": l10n.common.loading, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "kerne-skeleton" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "kerne-skeleton" })
@@ -1285,11 +1285,11 @@ function LoginForm({
   logo,
   className
 }) {
-  const client = _chunkTYNZ2WU7cjs.useClient.call(void 0, );
-  const { login, startPasswordless } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { config, isLoading: configLoading, error: configError } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const client = _chunkN6VPGJ36cjs.useClient.call(void 0, );
+  const { login, startPasswordless } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { config, isLoading: configLoading, error: configError } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [email, setEmail] = _react.useState.call(void 0, "");
   const [password, setPassword] = _react.useState.call(void 0, "");
   const [submitting, setSubmitting] = _react.useState.call(void 0, false);
@@ -1353,7 +1353,7 @@ function LoginForm({
   const signUpLine = canSignUp && (signUpUrl || onSignUpClick) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     l10n.signIn.signUpPrompt,
     " ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextLink, { href: signUpUrl, onClick: onSignUpClick, children: appName ? _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.signIn.signUpForApp, { app: appName }) : l10n.signIn.signUpLink }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextLink, { href: signUpUrl, onClick: onSignUpClick, children: appName ? _chunkN6VPGJ36cjs.fill.call(void 0, l10n.signIn.signUpForApp, { app: appName }) : l10n.signIn.signUpLink }),
     "."
   ] }) : void 0;
   const submitLabel = submitting ? usePassword ? l10n.signIn.submitting : l10n.signIn.magicSubmitting : usePassword ? l10n.signIn.submit : l10n.signIn.magicSubmit;
@@ -1362,7 +1362,7 @@ function LoginForm({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Masthead, { logo, title: heading, subtitle: _nullishCoalesce(subtitle, () => ( signUpLine)) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-stack", children: [
         error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { variant: "danger", children: error }) : null,
-        linkSentTo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { children: _chunkTYNZ2WU7cjs.fillNode.call(void 0, l10n.signIn.linkSent, { email: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: linkSentTo }) }) }) : hasEmailMethod ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { className: "kerne-form", onSubmit: handleSubmit, children: [
+        linkSentTo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { children: _chunkN6VPGJ36cjs.fillNode.call(void 0, l10n.signIn.linkSent, { email: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: linkSentTo }) }) }) : hasEmailMethod ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { className: "kerne-form", onSubmit: handleSubmit, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             Field,
             {
@@ -1438,13 +1438,13 @@ function RegisterForm({
   logo,
   className
 }) {
-  const client = _chunkTYNZ2WU7cjs.useClient.call(void 0, );
-  const { register, startPasswordless } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { config, isLoading: configLoading, error: configError } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
+  const client = _chunkN6VPGJ36cjs.useClient.call(void 0, );
+  const { register, startPasswordless } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { config, isLoading: configLoading, error: configError } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
   const policy = resolvePolicy(config);
   const invitationToken = useUrlToken("token", invitationTokenProp) || void 0;
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [email, setEmail] = _react.useState.call(void 0, "");
   const [password, setPassword] = _react.useState.call(void 0, "");
   const [name, setName] = _react.useState.call(void 0, "");
@@ -1455,7 +1455,7 @@ function RegisterForm({
   const [passwordMode, setPasswordMode] = _react.useState.call(void 0, false);
   const shell = (children) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Shell, { appearance, className, children });
   const appName = _optionalChain([config, 'optionalAccess', _13 => _13.app_name]);
-  const heading = _nullishCoalesce(title, () => ( (appName ? _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.signUp.titleWithApp, { app: appName }) : l10n.signUp.title)));
+  const heading = _nullishCoalesce(title, () => ( (appName ? _chunkN6VPGJ36cjs.fill.call(void 0, l10n.signUp.titleWithApp, { app: appName }) : l10n.signUp.title)));
   const signInLine = signInUrl || onSignInClick ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     l10n.signUp.signInPrompt,
     " ",
@@ -1482,7 +1482,7 @@ function RegisterForm({
     return shell(
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Masthead, { logo, title: l10n.signUp.closedTitle, subtitle: signInLine }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { children: _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.signUp.closedBody, { app: _nullishCoalesce(appName, () => ( l10n.common.thisApp)) }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { children: _chunkN6VPGJ36cjs.fill.call(void 0, l10n.signUp.closedBody, { app: _nullishCoalesce(appName, () => ( l10n.common.thisApp)) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KerneBranding, { show: config.show_kerne_branding })
       ] })
     );
@@ -1544,7 +1544,7 @@ function RegisterForm({
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-stack", children: [
         error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { variant: "danger", children: error }) : null,
-        linkSentTo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { children: _chunkTYNZ2WU7cjs.fillNode.call(void 0, l10n.signUp.linkSent, { email: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: linkSentTo }) }) }) : hasEmailMethod ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { className: "kerne-form", onSubmit: handleSubmit, children: [
+        linkSentTo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { children: _chunkN6VPGJ36cjs.fillNode.call(void 0, l10n.signUp.linkSent, { email: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: linkSentTo }) }) }) : hasEmailMethod ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { className: "kerne-form", onSubmit: handleSubmit, children: [
           needsCode ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             Field,
             {
@@ -1649,10 +1649,10 @@ function ForgotPasswordForm({
   logo,
   className
 }) {
-  const { requestPasswordReset } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const { requestPasswordReset } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [email, setEmail] = _react.useState.call(void 0, "");
   const [submitting, setSubmitting] = _react.useState.call(void 0, false);
   const [error, setError] = _react.useState.call(void 0, null);
@@ -1688,7 +1688,7 @@ function ForgotPasswordForm({
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-stack", children: [
       error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { variant: "danger", children: error }) : null,
-      sentTo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { children: _chunkTYNZ2WU7cjs.fillNode.call(void 0, l10n.resetPassword.requestSent, { email: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: sentTo }) }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { className: "kerne-form", onSubmit: handleSubmit, children: [
+      sentTo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { children: _chunkN6VPGJ36cjs.fillNode.call(void 0, l10n.resetPassword.requestSent, { email: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: sentTo }) }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { className: "kerne-form", onSubmit: handleSubmit, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Field,
           {
@@ -1725,12 +1725,12 @@ function ResetPasswordForm({
   logo,
   className
 }) {
-  const { confirmPasswordReset } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
+  const { confirmPasswordReset } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
   const policy = resolvePolicy(config);
   const token = useUrlToken("token", tokenProp);
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [password, setPassword] = _react.useState.call(void 0, "");
   const [confirm, setConfirm] = _react.useState.call(void 0, "");
   const [submitting, setSubmitting] = _react.useState.call(void 0, false);
@@ -1845,12 +1845,12 @@ function MagicLinkCallback({
   logo,
   className
 }) {
-  const client = _chunkTYNZ2WU7cjs.useClient.call(void 0, );
-  const { loginWithMagicLink } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
+  const client = _chunkN6VPGJ36cjs.useClient.call(void 0, );
+  const { loginWithMagicLink } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
   const token = useUrlToken("token", tokenProp);
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [state, setState] = _react.useState.call(void 0, "pending");
   const [message, setMessage] = _react.useState.call(void 0, null);
   const consumed = _react.useRef.call(void 0, false);
@@ -1904,11 +1904,11 @@ function VerifyEmailForm({
   logo,
   className
 }) {
-  const { verifyEmailWithCode, verifyEmailWithLink, sendVerificationEmail, refreshToken } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
+  const { verifyEmailWithCode, verifyEmailWithLink, sendVerificationEmail, refreshToken } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
   const token = useUrlToken("token", tokenProp);
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [code, setCode] = _react.useState.call(void 0, "");
   const [submitting, setSubmitting] = _react.useState.call(void 0, false);
   const [error, setError] = _react.useState.call(void 0, null);
@@ -2030,13 +2030,13 @@ function ActivateAccountForm({
   logo,
   className
 }) {
-  const client = _chunkTYNZ2WU7cjs.useClient.call(void 0, );
-  const { getActivationContext, completeActivation } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
+  const client = _chunkN6VPGJ36cjs.useClient.call(void 0, );
+  const { getActivationContext, completeActivation } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
   const policy = resolvePolicy(config);
   const token = useUrlToken("token", tokenProp);
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [context, setContext] = _react.useState.call(void 0, null);
   const [loadError, setLoadError] = _react.useState.call(void 0, null);
   const [password, setPassword] = _react.useState.call(void 0, "");
@@ -2106,7 +2106,7 @@ function ActivateAccountForm({
       {
         logo,
         title: heading,
-        subtitle: _chunkTYNZ2WU7cjs.fillNode.call(void 0, 
+        subtitle: _chunkN6VPGJ36cjs.fillNode.call(void 0, 
           credentialsMode ? l10n.activate.credentialsSubtitle : l10n.activate.magicSubtitle,
           { email: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: context.email }) }
         )
@@ -2178,7 +2178,7 @@ function AuthFlow({
   logo,
   className
 }) {
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
   const token = useUrlToken("token");
   const [internalStep, setInternalStep] = _react.useState.call(void 0, null);
   const go = (next) => {
@@ -2265,11 +2265,11 @@ function ChangePasswordForm({
   appearance,
   className
 }) {
-  const { updatePassword } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
+  const { updatePassword } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
   const policy = resolvePolicy(config);
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const heading = title === null ? null : _nullishCoalesce(title, () => ( l10n.security.submit));
   const [currentPassword, setCurrentPassword] = _react.useState.call(void 0, "");
   const [newPassword, setNewPassword] = _react.useState.call(void 0, "");
@@ -2375,10 +2375,10 @@ function WaitlistForm({
   logo,
   className
 }) {
-  const { join } = _chunkTYNZ2WU7cjs.useWaitlist.call(void 0, );
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const { join } = _chunkN6VPGJ36cjs.useWaitlist.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [email, setEmail] = _react.useState.call(void 0, "");
   const [name, setName] = _react.useState.call(void 0, "");
   const [submitting, setSubmitting] = _react.useState.call(void 0, false);
@@ -2459,8 +2459,8 @@ function SignOutButton({
   appearance
 }) {
   ensureStylesInjected();
-  const { logout } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const { logout } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   const handle = () => {
     logout();
     _optionalChain([onSignedOut, 'optionalCall', _36 => _36()]);
@@ -2494,9 +2494,9 @@ function UserButton({
   className
 }) {
   ensureStylesInjected();
-  const { logout, isAuthenticated } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { user, fullName, initials, email } = _chunkTYNZ2WU7cjs.useUser.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const { logout, isAuthenticated } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { user, fullName, initials, email } = _chunkN6VPGJ36cjs.useUser.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   const [open, setOpen] = _react.useState.call(void 0, false);
   const wrapRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
@@ -2587,10 +2587,10 @@ function UserButton({
 
 
 function ProfileSection({ verificationCallbackUrl, onSaved }) {
-  const { updateProfile, sendVerificationEmail, getVerificationStatus } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { user, fullName, initials, email } = _chunkTYNZ2WU7cjs.useUser.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const { updateProfile, sendVerificationEmail, getVerificationStatus } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { user, fullName, initials, email } = _chunkN6VPGJ36cjs.useUser.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [firstName, setFirstName] = _react.useState.call(void 0, "");
   const [lastName, setLastName] = _react.useState.call(void 0, "");
   const [saving, setSaving] = _react.useState.call(void 0, false);
@@ -2701,10 +2701,10 @@ function ProfileSection({ verificationCallbackUrl, onSaved }) {
 
 
 function SecuritySection({ showDeleteAccount = true, onDeleted }) {
-  const { requestAccountDeletion } = _chunkTYNZ2WU7cjs.useAuth.call(void 0, );
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const { requestAccountDeletion } = _chunkN6VPGJ36cjs.useAuth.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [error, setError] = _react.useState.call(void 0, null);
   const [confirmingDelete, setConfirmingDelete] = _react.useState.call(void 0, false);
   const [deleting, setDeleting] = _react.useState.call(void 0, false);
@@ -2886,9 +2886,9 @@ function UsageMeters({
   appearance,
   className
 }) {
-  const { entitlements, isLoading, error } = _chunkTYNZ2WU7cjs.useEntitlements.call(void 0, );
-  const { subscription } = _chunkTYNZ2WU7cjs.useSubscription.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const { entitlements, isLoading, error } = _chunkN6VPGJ36cjs.useEntitlements.call(void 0, );
+  const { subscription } = _chunkN6VPGJ36cjs.useSubscription.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   const heading = title === null ? null : _nullishCoalesce(title, () => ( l10n.usage.title));
   const nameFor = (key) => {
     if (_optionalChain([labels, 'optionalAccess', _56 => _56[key]])) return labels[key];
@@ -2939,7 +2939,7 @@ function UsageMeters({
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-meter", "data-level": level, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-meter-head", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "kerne-meter-name", children: nameFor(e.feature_key) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "kerne-meter-value", children: unlimited ? _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.usage.used, { count: formatNumber(e.used) }) : `${formatNumber(e.used)} / ${formatNumber(e.limit)}` })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "kerne-meter-value", children: unlimited ? _chunkN6VPGJ36cjs.fill.call(void 0, l10n.usage.used, { count: formatNumber(e.used) }) : `${formatNumber(e.used)} / ${formatNumber(e.limit)}` })
         ] }),
         !unlimited ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
@@ -2954,14 +2954,14 @@ function UsageMeters({
           }
         ) : null,
         over && softOverage ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "kerne-meter-note", children: _chunkTYNZ2WU7cjs.fill.call(void 0, 
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "kerne-meter-note", children: _chunkN6VPGJ36cjs.fill.call(void 0, 
             // capReached inverts overageBilled's meaning (billing stopped,
             // access didn't) - a variant string would say the opposite of
             // the truth for the one plan that just stopped costing money.
             capReached ? l10n.usage.capReached : billed ? l10n.usage.overageBilled : l10n.usage.overage,
             { count: formatNumber(e.used - e.limit) }
           ) }),
-          billed && _optionalChain([standing, 'optionalAccess', _65 => _65.billed_amount]) != null && standing.currency ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "kerne-meter-note kerne-meter-cost", children: _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.usage.billedAmount, {
+          billed && _optionalChain([standing, 'optionalAccess', _65 => _65.billed_amount]) != null && standing.currency ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "kerne-meter-note kerne-meter-cost", children: _chunkN6VPGJ36cjs.fill.call(void 0, l10n.usage.billedAmount, {
             amount: formatMoney(standing.billed_amount, standing.currency)
           }) }) : null
         ] }) : over ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "kerne-meter-note", children: l10n.usage.limitReached }) : null
@@ -2992,11 +2992,11 @@ function SubscriptionCard({
   appearance,
   className
 }) {
-  const { subscription, isLoading, error, refetch } = _chunkTYNZ2WU7cjs.useSubscription.call(void 0, productSlug);
-  const { openPortal } = _chunkTYNZ2WU7cjs.usePortal.call(void 0, );
-  const { cancelSubscription, isCanceling } = _chunkTYNZ2WU7cjs.useCancelSubscription.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const { subscription, isLoading, error, refetch } = _chunkN6VPGJ36cjs.useSubscription.call(void 0, productSlug);
+  const { openPortal } = _chunkN6VPGJ36cjs.usePortal.call(void 0, );
+  const { cancelSubscription, isCanceling } = _chunkN6VPGJ36cjs.useCancelSubscription.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const heading = title === null ? null : _nullishCoalesce(title, () => ( l10n.billing.plan));
   const statusLabels = {
     ACTIVE: l10n.billing.statusActive,
@@ -3143,10 +3143,10 @@ function BillingSection({
   usageFeatureKeys,
   usageLabels
 }) {
-  const { subscription, refetch: refetchSubscription } = _chunkTYNZ2WU7cjs.useSubscription.call(void 0, productSlug);
-  const { plans, isLoading: plansLoading } = _chunkTYNZ2WU7cjs.usePlans.call(void 0, pricingProductIdOrSlug);
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const { subscription, refetch: refetchSubscription } = _chunkN6VPGJ36cjs.useSubscription.call(void 0, productSlug);
+  const { plans, isLoading: plansLoading } = _chunkN6VPGJ36cjs.usePlans.call(void 0, pricingProductIdOrSlug);
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const {
     pending: pendingPlan,
     switching,
@@ -3156,7 +3156,7 @@ function BillingSection({
     selectPlan,
     confirmSwitch,
     dismissSwitch
-  } = _chunkTYNZ2WU7cjs.usePlanSwitch.call(void 0, subscription, refetchSubscription, {
+  } = _chunkN6VPGJ36cjs.usePlanSwitch.call(void 0, subscription, refetchSubscription, {
     successUrl: checkoutSuccessUrl,
     cancelUrl: checkoutCancelUrl
   });
@@ -3167,7 +3167,7 @@ function BillingSection({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { variant: "danger", children: showError(error) }) : null,
     pendingPlan ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Panel, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.billing.switchConfirmTitle, { plan: pendingPlan.plan.name }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: _chunkN6VPGJ36cjs.fill.call(void 0, l10n.billing.switchConfirmTitle, { plan: pendingPlan.plan.name }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "kerne-subsection-desc", children: l10n.billing.switchConfirmBody }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-inline-actions", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "outline", type: "button", onClick: dismissSwitch, disabled: switching, children: l10n.billing.switchConfirmDismiss }),
@@ -3270,7 +3270,7 @@ function UserProfile({
   appearance,
   className
 }) {
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   const builtins = {
     profile: {
       label: l10n.profile.tabProfile,
@@ -3380,10 +3380,10 @@ function PricingTable({
   className,
   children
 }) {
-  const { plans, isLoading, error } = _chunkTYNZ2WU7cjs.usePlans.call(void 0, product);
-  const { subscription, refetch: refetchSubscription } = _chunkTYNZ2WU7cjs.useSubscription.call(void 0, product);
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
-  const showError = _chunkTYNZ2WU7cjs.useErrorResolver.call(void 0, );
+  const { plans, isLoading, error } = _chunkN6VPGJ36cjs.usePlans.call(void 0, product);
+  const { subscription, refetch: refetchSubscription } = _chunkN6VPGJ36cjs.useSubscription.call(void 0, product);
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
+  const showError = _chunkN6VPGJ36cjs.useErrorResolver.call(void 0, );
   const [selectedLabelSlug, setSelectedLabelSlug] = _react.useState.call(void 0, _nullishCoalesce(defaultLabel, () => ( null)));
   const {
     pending: pendingSwitch,
@@ -3394,7 +3394,7 @@ function PricingTable({
     selectPlan,
     confirmSwitch,
     dismissSwitch
-  } = _chunkTYNZ2WU7cjs.usePlanSwitch.call(void 0, subscription, refetchSubscription, {
+  } = _chunkN6VPGJ36cjs.usePlanSwitch.call(void 0, subscription, refetchSubscription, {
     successUrl: checkoutSuccessUrl,
     cancelUrl: checkoutCancelUrl
   });
@@ -3427,7 +3427,7 @@ function PricingTable({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Shell, { appearance, className, size: "wide", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "kerne-pricing-skeleton", "aria-busy": "true", "aria-label": l10n.pricing.loading, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "kerne-skeleton", style: { height: 320 } }) }) : error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { variant: "danger", children: l10n.pricing.loadFailed }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PricingTableContext.Provider, { value: ctx, children: [
     checkoutError ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { variant: "danger", children: showError(checkoutError) }) : null,
     pendingSwitch ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Panel, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.billing.switchConfirmTitle, { plan: pendingSwitch.plan.name }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { children: _chunkN6VPGJ36cjs.fill.call(void 0, l10n.billing.switchConfirmTitle, { plan: pendingSwitch.plan.name }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "kerne-subsection-desc", children: l10n.billing.switchConfirmBody }),
       switchError ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Panel, { variant: "danger", children: showError(switchError) }) : null,
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-inline-actions", children: [
@@ -3449,7 +3449,7 @@ function PricingTable({
 }
 function LabelSwitch() {
   const { labels, selectedLabelSlug, setSelectedLabelSlug, savings } = usePricingTable();
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   const containerRef = _react.useRef.call(void 0, null);
   const buttonRefs = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
   const [thumb, setThumb] = _react.useState.call(void 0, null);
@@ -3496,7 +3496,7 @@ function LabelSwitch() {
             onClick: () => setSelectedLabelSlug(label.slug),
             children: [
               label.name,
-              savings && savings.labelSlug === label.slug ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "kerne-pricing-switch-save", children: _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.pricing.save, { percent: savings.percent }) }) : null
+              savings && savings.labelSlug === label.slug ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "kerne-pricing-switch-save", children: _chunkN6VPGJ36cjs.fill.call(void 0, l10n.pricing.save, { percent: savings.percent }) }) : null
             ]
           },
           label.slug
@@ -3536,7 +3536,7 @@ function useAnimatedAmount(target, durationMs = 420) {
 }
 function Plan({ slug, featured, badge, maxFeatures }) {
   const { plans, selectedLabelSlug, currentPlanId, busyPriceId, onSelectPlan } = usePricingTable();
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   const plan = plans.find((p) => p.slug === slug);
   _react.useEffect.call(void 0, () => {
     if (!plan && process.env.NODE_ENV === "development") {
@@ -3553,7 +3553,7 @@ function Plan({ slug, featured, badge, maxFeatures }) {
   const isBusy = !!price && busyPriceId === price.id;
   const shownEntitlements = maxFeatures ? plan.entitlements.slice(0, maxFeatures) : plan.entitlements;
   const remaining = plan.entitlements.length - shownEntitlements.length;
-  const billedCaption = resolved && resolved.displayInterval !== resolved.billedInterval ? _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.pricing.billedAt, {
+  const billedCaption = resolved && resolved.displayInterval !== resolved.billedInterval ? _chunkN6VPGJ36cjs.fill.call(void 0, l10n.pricing.billedAt, {
     amount: formatMoney(resolved.billedAmount, price.currency),
     interval: formatInterval(resolved.billedInterval, l10n.billing)
   }) : null;
@@ -3584,7 +3584,7 @@ function Plan({ slug, featured, badge, maxFeatures }) {
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckIcon2, {}),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: formatEntitlement(e, l10n.pricing.unlimited) })
           ] }, e.feature_key)),
-          remaining > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "kerne-pricing-feature-more", children: _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.pricing.moreFeatures, { count: remaining }) }) : null
+          remaining > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "kerne-pricing-feature-more", children: _chunkN6VPGJ36cjs.fill.call(void 0, l10n.pricing.moreFeatures, { count: remaining }) }) : null
         ] }) : null,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "kerne-pricing-cta", children: isCurrent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "outline", type: "button", disabled: true, children: l10n.billing.current }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Button,
@@ -3650,9 +3650,9 @@ function CheckoutResult({
   logo,
   className
 }) {
-  const client = _chunkTYNZ2WU7cjs.useClient.call(void 0, );
-  const { config } = _chunkTYNZ2WU7cjs.useAuthConfig.call(void 0, );
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const client = _chunkN6VPGJ36cjs.useClient.call(void 0, );
+  const { config } = _chunkN6VPGJ36cjs.useAuthConfig.call(void 0, );
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   const [state, setState] = _react.useState.call(void 0, "checking");
   const confirmed = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
@@ -3736,8 +3736,8 @@ function UpgradePrompt({
   appearance,
   className
 }) {
-  const { details, allowed, isLoading } = _chunkTYNZ2WU7cjs.useAccess.call(void 0, featureKey, requested);
-  const l10n = _chunkTYNZ2WU7cjs.useLocalization.call(void 0, );
+  const { details, allowed, isLoading } = _chunkN6VPGJ36cjs.useAccess.call(void 0, featureKey, requested);
+  const l10n = _chunkN6VPGJ36cjs.useLocalization.call(void 0, );
   if (isLoading) {
     if (hideWhileLoading) return null;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Shell, { appearance, className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "kerne-skeleton", style: { height: 80 }, "aria-label": l10n.upgrade.checking }) });
@@ -3745,14 +3745,14 @@ function UpgradePrompt({
   if (allowed) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
   const name = _nullishCoalesce(featureName, () => ( humanizeFeatureKey(featureKey).toLowerCase()));
   const quotaExhausted = _optionalChain([details, 'optionalAccess', _92 => _92.feature_type]) === "QUOTA" && typeof details.limit === "number" && typeof details.used === "number";
-  const heading = _nullishCoalesce(title, () => ( _chunkTYNZ2WU7cjs.fill.call(void 0, quotaExhausted ? l10n.upgrade.quotaTitle : l10n.upgrade.featureTitle, { feature: name })));
-  const body = _nullishCoalesce(description, () => ( (quotaExhausted ? _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.upgrade.quotaBody, {
+  const heading = _nullishCoalesce(title, () => ( _chunkN6VPGJ36cjs.fill.call(void 0, quotaExhausted ? l10n.upgrade.quotaTitle : l10n.upgrade.featureTitle, { feature: name })));
+  const body = _nullishCoalesce(description, () => ( (quotaExhausted ? _chunkN6VPGJ36cjs.fill.call(void 0, l10n.upgrade.quotaBody, {
     used: formatNumber(details.used),
     // `access_limit` is where access actually stops; `limit` is only the
     // included allocation and can understate it past an overage ceiling.
     // Falls back to `limit` defensively - should never be needed here.
     limit: formatNumber(_nullishCoalesce(details.access_limit, () => ( details.limit)))
-  }) : _chunkTYNZ2WU7cjs.fill.call(void 0, l10n.upgrade.featureBody, { feature: name }))));
+  }) : _chunkN6VPGJ36cjs.fill.call(void 0, l10n.upgrade.featureBody, { feature: name }))));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Shell, { appearance, className, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-status", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "kerne-heading", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "kerne-section-title", style: { fontSize: 17 }, children: heading }),
@@ -3803,4 +3803,4 @@ function UpgradePrompt({
 
 
 
-exports.ActivateAccountForm = ActivateAccountForm; exports.AuthFlow = AuthFlow; exports.BillingSection = BillingSection; exports.ChangePasswordForm = ChangePasswordForm; exports.CheckoutResult = CheckoutResult; exports.ForgotPasswordForm = ForgotPasswordForm; exports.LoginForm = LoginForm; exports.MagicLinkCallback = MagicLinkCallback; exports.PricingTable = PricingTable; exports.ProfileSection = ProfileSection; exports.RegisterForm = RegisterForm; exports.ResetPasswordForm = ResetPasswordForm; exports.SecuritySection = SecuritySection; exports.SignOutButton = SignOutButton; exports.SubscriptionCard = SubscriptionCard; exports.UpgradePrompt = UpgradePrompt; exports.UsageMeters = UsageMeters; exports.UserButton = UserButton; exports.UserProfile = UserProfile; exports.VerifyEmailForm = VerifyEmailForm; exports.WaitlistForm = WaitlistForm; exports.collectPriceLabels = collectPriceLabels; exports.defaultLocalization = _chunkTYNZ2WU7cjs.defaultLocalization; exports.formatDate = formatDate; exports.formatInterval = formatInterval; exports.formatMoney = formatMoney; exports.formatNumber = formatNumber; exports.humanizeFeatureKey = humanizeFeatureKey; exports.resolveLabelSavings = resolveLabelSavings; exports.resolvePriceDisplay = resolvePriceDisplay; exports.useLocalization = _chunkTYNZ2WU7cjs.useLocalization; exports.usePricingTable = usePricingTable;
+exports.ActivateAccountForm = ActivateAccountForm; exports.AuthFlow = AuthFlow; exports.BillingSection = BillingSection; exports.ChangePasswordForm = ChangePasswordForm; exports.CheckoutResult = CheckoutResult; exports.ForgotPasswordForm = ForgotPasswordForm; exports.LoginForm = LoginForm; exports.MagicLinkCallback = MagicLinkCallback; exports.PricingTable = PricingTable; exports.ProfileSection = ProfileSection; exports.RegisterForm = RegisterForm; exports.ResetPasswordForm = ResetPasswordForm; exports.SecuritySection = SecuritySection; exports.SignOutButton = SignOutButton; exports.SubscriptionCard = SubscriptionCard; exports.UpgradePrompt = UpgradePrompt; exports.UsageMeters = UsageMeters; exports.UserButton = UserButton; exports.UserProfile = UserProfile; exports.VerifyEmailForm = VerifyEmailForm; exports.WaitlistForm = WaitlistForm; exports.collectPriceLabels = collectPriceLabels; exports.defaultLocalization = _chunkN6VPGJ36cjs.defaultLocalization; exports.formatDate = formatDate; exports.formatInterval = formatInterval; exports.formatMoney = formatMoney; exports.formatNumber = formatNumber; exports.humanizeFeatureKey = humanizeFeatureKey; exports.resolveLabelSavings = resolveLabelSavings; exports.resolvePriceDisplay = resolvePriceDisplay; exports.useLocalization = _chunkN6VPGJ36cjs.useLocalization; exports.usePricingTable = usePricingTable;

package/dist/ui/index.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { PublicPlan, PublicPriceLabel, PublicPlanPrice, SubscriptionWithPlan } from '@kerne/types';
-import { K as KerneLocalization } from '../i18n-QilNgwqe.cjs';
-export { d as defaultLocalization, u as useLocalization } from '../i18n-QilNgwqe.cjs';
+import { K as KerneLocalization } from '../i18n-CXEhPK58.cjs';
+export { d as defaultLocalization, u as useLocalization } from '../i18n-CXEhPK58.cjs';
 
 /**
  * Per-instance overrides of the same custom properties the stylesheet reads,
@@ -300,9 +300,9 @@ declare function SecuritySection({ showDeleteAccount, onDeleted }: SecuritySecti
  * lists what this scope can move to and starts a checkout, and deliberately
  * does not sell. `<PricingTable>` is the surface that sells.
  *
- * Interval handling is the honest minimum until PriceLabel exists (see
- * 34-ENTITLEMENT-ENGINE.md §9.2): prices are grouped by `interval`, and the
- * segmented control only renders when a plan genuinely has more than one. A
+ * Interval handling is the honest minimum until PriceLabel exists here too:
+ * prices are grouped by `interval`, and the segmented control only renders
+ * when a plan genuinely has more than one. A
  * plan carrying a third price (early-bird, non-profit) still has no way to be
  * described here - which is exactly the gap PriceLabel closes.
  */
@@ -377,7 +377,7 @@ declare function formatDate(iso: string | null): string | null;
  * Normalises the provider's interval wording, then localizes it.
  *
  * `PlanPrice.interval` is Kerne's own "N+cycle" encoding ("1M", "3M", "1Y",
- * "30D" - see apps/api's interval.ts), checked first since it's what every
+ * "30D"), checked first since it's what every
  * subscription/plan payload actually carries. The word-based fallback below
  * stays for any raw provider string passed directly (Stripe says `month`,
  * Polar says `monthly` - same thing to a reader). An interval matching

package/dist/ui/index.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 import { PublicPlan, PublicPriceLabel, PublicPlanPrice, SubscriptionWithPlan } from '@kerne/types';
-import { K as KerneLocalization } from '../i18n-QilNgwqe.js';
-export { d as defaultLocalization, u as useLocalization } from '../i18n-QilNgwqe.js';
+import { K as KerneLocalization } from '../i18n-CXEhPK58.js';
+export { d as defaultLocalization, u as useLocalization } from '../i18n-CXEhPK58.js';
 
 /**
  * Per-instance overrides of the same custom properties the stylesheet reads,
@@ -300,9 +300,9 @@ declare function SecuritySection({ showDeleteAccount, onDeleted }: SecuritySecti
  * lists what this scope can move to and starts a checkout, and deliberately
  * does not sell. `<PricingTable>` is the surface that sells.
  *
- * Interval handling is the honest minimum until PriceLabel exists (see
- * 34-ENTITLEMENT-ENGINE.md §9.2): prices are grouped by `interval`, and the
- * segmented control only renders when a plan genuinely has more than one. A
+ * Interval handling is the honest minimum until PriceLabel exists here too:
+ * prices are grouped by `interval`, and the segmented control only renders
+ * when a plan genuinely has more than one. A
  * plan carrying a third price (early-bird, non-profit) still has no way to be
  * described here - which is exactly the gap PriceLabel closes.
  */
@@ -377,7 +377,7 @@ declare function formatDate(iso: string | null): string | null;
  * Normalises the provider's interval wording, then localizes it.
  *
  * `PlanPrice.interval` is Kerne's own "N+cycle" encoding ("1M", "3M", "1Y",
- * "30D" - see apps/api's interval.ts), checked first since it's what every
+ * "30D"), checked first since it's what every
  * subscription/plan payload actually carries. The word-based fallback below
  * stays for any raw provider string passed directly (Stripe says `month`,
  * Polar says `monthly` - same thing to a reader). An interval matching

package/dist/ui/index.js

@@ -17,7 +17,7 @@ import {
   useSubscription,
   useUser,
   useWaitlist
-} from "../chunk-IZMRK3WK.js";
+} from "../chunk-IHNWY4ML.js";
 
 // src/ui/AuthFlow.tsx
 import { useState as useState10 } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerne/react",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Kerne React SDK",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -32,8 +32,8 @@
     "dist"
   ],
   "dependencies": {
-    "@kerne/server": "1.1.0",
-    "@kerne/types": "1.1.0"
+    "@kerne/server": "1.2.0",
+    "@kerne/types": "1.2.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"
@@ -41,19 +41,25 @@
   "devDependencies": {
     "@types/jest": "^29.5.12",
     "@types/react": "^18.0.0 || ^19.0.0",
+    "eslint": "^9.9.0",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
     "jest": "^29.7.0",
     "react": "^19.0.0",
     "ts-jest": "^29.2.5",
     "tsup": "^8.3.0",
-    "typescript": "^5.7.0"
+    "typescript": "^5.7.0",
+    "typescript-eslint": "^8.0.1",
+    "eslint-plugin-kerne": "0.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && pnpm check:dist-hygiene",
     "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
+    "lint": "eslint src",
+    "check:dist-hygiene": "node ./node_modules/eslint-plugin-kerne/check-dist-hygiene.js dist",
     "test": "jest"
   }
 }