@eifi1/ui-kit 0.51.3 → 0.51.5

package/src/admin/admin-tool-links.tsx

@@ -52,7 +52,13 @@ export interface AdminToolLinksProps {
  *
  * With no visible link it renders nothing.
  */
-export function AdminToolLinks({ links, variant = "sidebar", renderLink, labels: labelsProp, className }: AdminToolLinksProps) {
+export function AdminToolLinks({
+  links,
+  variant = "sidebar",
+  renderLink,
+  labels: labelsProp,
+  className,
+}: AdminToolLinksProps) {
   const labels = useAdminAreaLabels(labelsProp);
   const headingId = useId();
   const shown = links.filter((l) => l.visible !== false);

package/src/admin/invitations-panel.tsx

@@ -241,9 +241,7 @@ export function InvitationsPanel<R extends string = string>({
   const [invalid, setInvalid] = useState(false);
   const [role, setRole] = useState<R | undefined>(defaultRole ?? offered[0]);
   const [scope, setScope] = useState("");
-  const [locale, setLocale] = useState<KitLanguageCode>(() =>
-    resolveLanguage([defaultLocale, kitLocale], languages),
-  );
+  const [locale, setLocale] = useState<KitLanguageCode>(() => resolveLanguage([defaultLocale, kitLocale], languages));
   const [note, setNote] = useState("");
   // One request at a time, for the whole panel; the key says which control spins.
   const [busy, setBusy] = useState<string | null>(null);
@@ -341,13 +339,7 @@ export function InvitationsPanel<R extends string = string>({
               }}
             />
             {choosesRole && (
-              <RoleSelect<R>
-                label={labels.role}
-                value={role}
-                roles={roles}
-                offered={offered}
-                onChange={setRole}
-              />
+              <RoleSelect<R> label={labels.role} value={role} roles={roles} offered={offered} onChange={setRole} />
             )}
             {scopes && scopes.length > 0 && (
               <Select
@@ -433,7 +425,9 @@ export function InvitationsPanel<R extends string = string>({
                 typeof invitation.invited_by === "string" ? invitation.invited_by : nameOf(invitation.invited_by);
               const facts = [
                 dayText(invitation.created_at) && labels.sent(dayText(invitation.created_at)),
-                open && dayText(invitation.expires_at ?? null) && labels.expires(dayText(invitation.expires_at ?? null)),
+                open &&
+                  dayText(invitation.expires_at ?? null) &&
+                  labels.expires(dayText(invitation.expires_at ?? null)),
                 by && labels.invitedBy(by),
               ].filter(Boolean);
               return (

package/src/admin/mail-test-card.tsx

@@ -52,8 +52,7 @@ export interface MailTestAnswer {
 /** The card's default DOM id: its catalogue entry's `anchor`, the `?focus=` target. */
 export const MAIL_TEST_ANCHOR = "admin-mail-test";
 
-export interface MailTestCardProps
-  extends Omit<SettingsSectionProps, "anchor" | "title" | "description" | "children"> {
+export interface MailTestCardProps extends Omit<SettingsSectionProps, "anchor" | "title" | "description" | "children"> {
   /** The installation's transport, as the admin page has it (`mail_backend`): the chip
    *  before a send. After one, the answer's. Optional (0.46): without it the chip shows
    *  from the first answer on, and an app needs no query only for the chip. */

package/src/admin/reviewer-scope-editor.tsx

@@ -140,8 +140,9 @@ export function ReviewerScopeEditor({
   labels: labelsProp,
 }: ReviewerScopeEditorProps) {
   const labels = useKitLabels("reviewerScope", DEFAULT_REVIEWER_SCOPE_LABELS, labelsProp);
-  const areaOptions: readonly ReviewerScopeArea[] =
-    areasProp ?? [{ value: "legal", label: labels.legalOnly, hint: labels.legalOnlyHint }];
+  const areaOptions: readonly ReviewerScopeArea[] = areasProp ?? [
+    { value: "legal", label: labels.legalOnly, hint: labels.legalOnlyHint },
+  ];
   const savedLocales = [...(value.locales ?? [])];
   const savedAreas = [...(value.areas ?? [])];
   const [locales, setLocales] = useState<string[]>(savedLocales);
@@ -216,13 +217,7 @@ export function ReviewerScopeEditor({
       {locked ? (
         <Caption>{disabledReason}</Caption>
       ) : (
-        <FormActions
-          onSubmit={save}
-          onCancel={onCancel}
-          pending={pending}
-          submitDisabled={!dirty}
-          commit={commit}
-        />
+        <FormActions onSubmit={save} onCancel={onCancel} pending={pending} submitDisabled={!dirty} commit={commit} />
       )}
     </div>
   );

package/src/admin/role-select.tsx

@@ -85,8 +85,10 @@ function keysOf<R extends string>(roles: RoleVocabulary<R>): R[] {
 
 /* ── RoleSelect ─────────────────────────────────────────────────────────────── */
 
-export interface RoleSelectProps<R extends string = string>
-  extends Omit<SelectProps, "value" | "defaultValue" | "onChange" | "children" | "multiple" | "disabledReason"> {
+export interface RoleSelectProps<R extends string = string> extends Omit<
+  SelectProps,
+  "value" | "defaultValue" | "onChange" | "children" | "multiple" | "disabledReason"
+> {
   /** The role the server has. Controlled: a pick does not move the select until the
    *  app's request lands and the row comes back with the new role. */
   value: R | null | undefined;

package/src/admin/user-roster.tsx

@@ -81,9 +81,7 @@ export interface AdminUserStateFields {
 
 /** One state chip of a row: an {@link AccountState}, or one with its `date` (the
  *  `deletion` day), a `tone` or the app's own words. */
-export type RosterState =
-  | AccountState
-  | { state: AccountState; date?: DateInput; tone?: ChipTone; label?: ReactNode };
+export type RosterState = AccountState | { state: AccountState; date?: DateInput; tone?: ChipTone; label?: ReactNode };
 
 /**
  * The contract's row as state chips (§3.2: "map 1:1 to the kit's AccountStateChip"):
@@ -234,14 +232,7 @@ export interface UserRowActionsProps {
  */
 export function UserRowActions({ actions, name, labels: labelsProp }: UserRowActionsProps) {
   const labels = useKitLabels("userRoster", DEFAULT_USER_ROSTER_LABELS, labelsProp);
-  return (
-    <RowActions
-      actions={actions}
-      name={name}
-      collapse="menu"
-      labels={{ actionsFor: labels.actionsFor }}
-    />
-  );
+  return <RowActions actions={actions} name={name} collapse="menu" labels={{ actionsFor: labels.actionsFor }} />;
 }
 
 /* ── The preset ─────────────────────────────────────────────────────────────── */

package/src/auth/accept-invitation.tsx

@@ -139,13 +139,7 @@ export function AcceptInvitation({
   });
 
   const outcome: Outcome | "accepting" =
-    token === ""
-      ? "invalid"
-      : settled?.token === token
-        ? settled.outcome
-        : signedIn
-          ? "accepting"
-          : "signIn";
+    token === "" ? "invalid" : settled?.token === token ? settled.outcome : signedIn ? "accepting" : "signIn";
 
   const continueButton = (variant: "accent" | "secondary") => (
     <Button href={continueHref} replace variant={variant}>

package/src/auth/auth-errors.ts

@@ -84,12 +84,7 @@ export type AccountErrorCode =
  *   mail, uploads, the account export (§6.4).
  */
 export type DemoErrorCode =
-  | "demo_disabled"
-  | "demo_rate_limited"
-  | "demo_capacity"
-  | "demo_not_ready"
-  | "demo_read_only"
-  | "demo_refused";
+  "demo_disabled" | "demo_rate_limited" | "demo_capacity" | "demo_not_ready" | "demo_read_only" | "demo_refused";
 
 /**
  * 0.32.0: billing's coded refusals (docs/billing-harmonization.md §3.3, §3.4, §4, §12.3) —

package/src/auth/forgot-password-form.tsx

@@ -45,8 +45,7 @@ export { DEFAULT_FORGOT_PASSWORD_LABELS };
 
 /* ── The form ────────────────────────────────────────────────────────────── */
 
-export interface ForgotPasswordFormProps
-  extends Omit<ComponentPropsWithRef<"div">, "onSubmit" | "children" | "title"> {
+export interface ForgotPasswordFormProps extends Omit<ComponentPropsWithRef<"div">, "onSubmit" | "children" | "title"> {
   /**
    * The address was submitted, trimmed: send `POST /auth/password-reset/request`.
    * Resolve when the server answered — whatever it answered: it is `204` whether or not
@@ -185,11 +184,7 @@ export function ForgotPasswordForm({
 
   return (
     <div {...rest} data-state="form" className={cn("space-y-3", className)}>
-      <form
-        className="space-y-3"
-        aria-labelledby={title === null ? undefined : headingId}
-        onSubmit={submit}
-      >
+      <form className="space-y-3" aria-labelledby={title === null ? undefined : headingId} onSubmit={submit}>
         {heading}
         <p className={INTRO_CLASS}>{labels.intro}</p>
         {formContent}

package/src/auth/register-form.tsx

@@ -262,8 +262,7 @@ export function RegisterForm({
   const working = busy !== null;
   const suggestion = emailTag ? taggedEmail(email, emailTag) : null;
   // The invitee took the tagged address: offer the way back to the invited one.
-  const backToInvited =
-    invitedEmail !== undefined && email.trim() !== invitedEmail.trim() ? invitedEmail.trim() : null;
+  const backToInvited = invitedEmail !== undefined && email.trim() !== invitedEmail.trim() ? invitedEmail.trim() : null;
   const canSubmit =
     personNameOk(firstName) &&
     personNameOk(lastName) &&
@@ -311,12 +310,12 @@ export function RegisterForm({
             : isRateLimited(error)
               ? (labels.rateLimited ?? DEFAULT_REGISTER_LABELS.rateLimited)(retryAfterSeconds(error))
               : code === "registration_closed"
-              ? labels.registrationClosed
-              : code === "invitation_invalid"
-                ? labels.invitationInvalid
-                : code === "invitation_expired"
-                  ? labels.invitationExpired
-                  : labels.failed,
+                ? labels.registrationClosed
+                : code === "invitation_invalid"
+                  ? labels.invitationInvalid
+                  : code === "invitation_expired"
+                    ? labels.invitationExpired
+                    : labels.failed,
         );
       },
     );

package/src/auth/reset-password-form.tsx

@@ -94,12 +94,9 @@ export interface ResetPasswordResult {
 }
 
 type Phase =
-  | { kind: "form"; check: ResetPasswordCheck }
-  | { kind: "invalid" }
-  | { kind: "done"; result: ResetPasswordResult };
+  { kind: "form"; check: ResetPasswordCheck } | { kind: "invalid" } | { kind: "done"; result: ResetPasswordResult };
 
-export interface ResetPasswordFormProps
-  extends Omit<ComponentPropsWithRef<"div">, "onSubmit" | "children" | "title"> {
+export interface ResetPasswordFormProps extends Omit<ComponentPropsWithRef<"div">, "onSubmit" | "children" | "title"> {
   /** The link's token — the app's `?token=` (keksdose, kastlan: `/reset-password?token=…`).
    *  Empty: the link was cut short, and the page says so without asking anyone. */
   token: string;

package/src/auth/sign-in-form.tsx

@@ -431,9 +431,7 @@ export function SignInForm({
   const [recovery, setRecovery] = useState("");
   const [newPassword, setNewPassword] = useState("");
   const [confirm, setConfirm] = useState("");
-  const [challenge, setChallenge] = useState<{ token: string; extra?: Readonly<Record<string, unknown>> } | null>(
-    null,
-  );
+  const [challenge, setChallenge] = useState<{ token: string; extra?: Readonly<Record<string, unknown>> } | null>(null);
   // What is running: one call at a time. "done" after `signed-in` — the app has the
   // session and is leaving; the buttons stay busy so nothing is sent twice meanwhile.
   const [busy, setBusy] = useState<SignInAction | "done" | null>(null);
@@ -494,7 +492,8 @@ export function SignInForm({
     // After the app's words, before the kit's generic ones (0.30.0): a throttle is
     // neither a wrong password nor a wrong code, and saying so sends the person to try
     // another one — which the limiter counts too.
-    if (isRateLimited(error)) return (labels.rateLimited ?? DEFAULT_SIGN_IN_LABELS.rateLimited)(retryAfterSeconds(error));
+    if (isRateLimited(error))
+      return (labels.rateLimited ?? DEFAULT_SIGN_IN_LABELS.rateLimited)(retryAfterSeconds(error));
     if (action === "password") return code === "invalid_credentials" ? labels.invalidCredentials : labels.failed;
     if (action === "passkey") return labels.passkeyFailed;
     if (action === "code") {
@@ -642,8 +641,7 @@ export function SignInForm({
       setUseRecovery((on) => !on);
     };
     const codeError = failure?.action === "code" ? failure.message : undefined;
-    const content =
-      typeof twoFactorContent === "function" ? twoFactorContent(challenge.token) : twoFactorContent;
+    const content = typeof twoFactorContent === "function" ? twoFactorContent(challenge.token) : twoFactorContent;
     return (
       <div {...rest} data-step="2fa" className={rootClass}>
         <form className="space-y-3" aria-labelledby={headingId} onSubmit={submitCode}>
@@ -731,9 +729,7 @@ export function SignInForm({
           {content}
           {/* Which account the new password is for, for the password manager: it files
               the new password under this username instead of guessing. */}
-          {email !== "" && (
-            <input type="email" name="username" autoComplete="username" value={email} readOnly hidden />
-          )}
+          {email !== "" && <input type="email" name="username" autoComplete="username" value={email} readOnly hidden />}
           <NewPasswordFields
             password={newPassword}
             confirm={confirm}
@@ -767,7 +763,9 @@ export function SignInForm({
 
   const refused = failure?.code === "invalid_credentials";
   const tagged =
-    refused && failure?.action === "password" && emailTag && failure.email ? taggedEmail(failure.email, emailTag) : null;
+    refused && failure?.action === "password" && emailTag && failure.email
+      ? taggedEmail(failure.email, emailTag)
+      : null;
   const showDeactivated = refused && hasContent(deactivatedContact);
 
   return (
@@ -802,13 +800,16 @@ export function SignInForm({
             <AlertBanner tone="danger" size="sm">
               {failure.message}
             </AlertBanner>
-            {showDeactivated && (
-              <p className={HINT_CLASS}>{withContact(labels.deactivatedHint, deactivatedContact)}</p>
-            )}
+            {showDeactivated && <p className={HINT_CLASS}>{withContact(labels.deactivatedHint, deactivatedContact)}</p>}
             {tagged && <p className={HINT_CLASS}>{labels.tagHint(tagged)}</p>}
           </div>
         )}
-        <Button type="submit" className="w-full" pending={busy === "password" || busy === "done"} disabled={busy === "passkey"}>
+        <Button
+          type="submit"
+          className="w-full"
+          pending={busy === "password" || busy === "done"}
+          disabled={busy === "passkey"}
+        >
           {labels.submit}
         </Button>
         {onPasskey && (

package/src/auth/verify-email.tsx

@@ -159,10 +159,7 @@ function ResendStatus({
           : labels.resendError))
       : "";
   return (
-    <span
-      role="status"
-      className={cn(phase === "failed" ? "text-danger" : "text-success", className)}
-    >
+    <span role="status" className={cn(phase === "failed" ? "text-danger" : "text-success", className)}>
       {phase === "sent" ? labels.resent : failed}
     </span>
   );
@@ -259,9 +256,7 @@ export function VerifyEmailStatus({
   useOncePerKey(token === "" ? null : token, onVerify, (key, result) => {
     // Without a classifier, the coded refusal decides (0.30.0): `token_expired` is
     // "expired", anything else "invalid".
-    const next: VerifyOutcome = result.ok
-      ? "verified"
-      : (classifyError ?? defaultVerifyFailure)(result.error);
+    const next: VerifyOutcome = result.ok ? "verified" : (classifyError ?? defaultVerifyFailure)(result.error);
     setSettled({ token: key, outcome: next });
     announce(labels[next]);
   });

package/src/billing/billing-banner.tsx

@@ -26,12 +26,7 @@ import { ExternalMark } from "./subscription-actions";
  * - `processing` — back from checkout before the webhook landed (§12.21).
  */
 export type BillingBannerKind =
-  | "trial-ending"
-  | "grant-ending"
-  | "payment-failed"
-  | "plan-ended"
-  | "guest"
-  | "processing";
+  "trial-ending" | "grant-ending" | "payment-failed" | "plan-ended" | "guest" | "processing";
 
 /** A `div`'s props, `ref` included since 0.35 (round 0.35 R4, the follow-up to API-2): they
  *  go on to the {@link AlertBanner}, so the ref is the banner's `<div>` — with an × too,
@@ -223,7 +218,8 @@ export function BillingBanner(props: BillingBannerProps) {
   const words = actionLabel ?? ownAction;
   const newTab = actionNewTab ?? (kind === "payment-failed" && actionHref === undefined && onAction !== undefined);
   const action =
-    askBuyer || words === undefined || (actionHref === undefined && onAction === undefined) ? undefined : actionHref !== undefined ? (
+    askBuyer || words === undefined || (actionHref === undefined && onAction === undefined) ? undefined : actionHref !==
+      undefined ? (
       <Button href={actionHref} variant="secondary" size="sm" external={newTab || undefined}>
         {words}
         {newTab && <ExternalMark />}

package/src/billing/billing-labels.ts

@@ -307,8 +307,11 @@ export const DEFAULT_BILLING_LABELS: BillingLabels = {
   paymentFailed: "Your last payment didn’t go through. Update your payment method to keep your plan.",
   planEnded: "Your plan has ended. You can still view and export everything; choose a plan to make changes again.",
   guestReadOnly: (item) =>
-    item ? `“${item}” is read-only for now; its owner can lift that.` : "This is read-only for now; its owner can lift that.",
-  processing: "Your payment is being processed. Your plan starts as soon as it’s confirmed; this page updates by itself.",
+    item
+      ? `“${item}” is read-only for now; its owner can lift that.`
+      : "This is read-only for now; its owner can lift that.",
+  processing:
+    "Your payment is being processed. Your plan starts as soon as it’s confirmed; this page updates by itself.",
   choosePlan: "Choose a plan",
   updatePayment: "Update payment method",
   paymentFailedAskBuyer: (buyer) =>
@@ -359,8 +362,7 @@ export const DEFAULT_BILLING_LABELS: BillingLabels = {
     "You have free access with no end date. A purchase won’t change your plan while the free access runs: you would pay for a plan that doesn’t apply.",
   grantWarningAction: "Buy anyway",
 
-  waitingChanges: (count) =>
-    count === 1 ? "1 change waiting for a plan" : `${count} changes waiting for a plan`,
+  waitingChanges: (count) => (count === 1 ? "1 change waiting for a plan" : `${count} changes waiting for a plan`),
   discardWaiting: "Discard waiting changes",
 
   notConfigured: "Payments aren't set up yet. Please try again later.",

package/src/billing/checkout-processing.ts

@@ -142,7 +142,6 @@ function readPending(key: string): PendingCheckout | null {
   return null;
 }
 
-
 function storeOf(key: string): CheckoutStore {
   let store = stores.get(key);
   if (!store) {

package/src/billing/plan-card.tsx

@@ -80,7 +80,8 @@ interface PlanDisplayProps {
 }
 
 export interface PlanCardProps
-  extends Omit<ChoiceCardProps, "type" | "title" | "description" | "icon" | "indeterminate" | "value" | "labels">,
+  extends
+    Omit<ChoiceCardProps, "type" | "title" | "description" | "icon" | "indeterminate" | "value" | "labels">,
     PlanDisplayProps {
   plan: BillingPlan;
   /** See {@link PlanRelation}. `current` draws the "Current plan" chip — a word in the
@@ -170,9 +171,7 @@ export function PlanCard({
           data-part="price"
           className={cn(
             "tabular-nums",
-            price.kind === "not-offered"
-              ? "text-xs text-muted"
-              : "text-lg font-semibold leading-tight text-primary",
+            price.kind === "not-offered" ? "text-xs text-muted" : "text-lg font-semibold leading-tight text-primary",
           )}
         >
           {figure}
@@ -371,9 +370,7 @@ export function PlanPicker({
 
   const [ownValue, setOwnValue] = useState<string | null>(() => defaultValue ?? current ?? null);
   const [ownInterval, setOwnInterval] = useState<BillingInterval>(defaultInterval);
-  const [ownCurrency, setOwnCurrency] = useState<BillingCurrency>(
-    () => defaultCurrency ?? billingCurrencyFor(locale),
-  );
+  const [ownCurrency, setOwnCurrency] = useState<BillingCurrency>(() => defaultCurrency ?? billingCurrencyFor(locale));
   const value = valueProp !== undefined ? valueProp : ownValue;
   const interval = intervalProp ?? ownInterval;
   const currency = currencyProp ?? ownCurrency;
@@ -413,7 +410,11 @@ export function PlanPicker({
         : undefined;
 
   return (
-    <div className={cn("min-w-0 space-y-3", className)} data-billing-interval={interval} data-billing-currency={currency}>
+    <div
+      className={cn("min-w-0 space-y-3", className)}
+      data-billing-interval={interval}
+      data-billing-currency={currency}
+    >
       {(intervals.length > 1 || currencies.length > 1) && (
         <div className="flex flex-wrap items-center gap-2">
           {intervals.length > 1 && (

package/src/billing/plan-limit-toast.tsx

@@ -58,8 +58,7 @@ export function usePlanLimitToast(options: PlanLimitToastOptions): (hit?: PlanLi
     (hit?: PlanLimitRefusal) => {
       const dimension = hit?.dimension ?? "";
       const name = dimensionLabels?.[dimension] ?? dimension;
-      const figure = (value: number) =>
-        formatValue ? formatValue(dimension, value) : formatNumber(value, { locale });
+      const figure = (value: number) => (formatValue ? formatValue(dimension, value) : formatNumber(value, { locale }));
       // A body without `used` was refused for being AT the limit (PlanLimitNotice's rule).
       const usage =
         hit?.limit !== undefined

package/src/billing/plan-limit.ts

@@ -18,8 +18,7 @@ export interface PlanLimitRefusal {
 /** keksdose's code before §3.4: `402 {detail, code: "plan_budget_limit", plan, limit}`. */
 const LEGACY_BUDGET_LIMIT = "plan_budget_limit";
 
-const text = (value: unknown): string | undefined =>
-  typeof value === "string" && value !== "" ? value : undefined;
+const text = (value: unknown): string | undefined => (typeof value === "string" && value !== "" ? value : undefined);
 const count = (value: unknown): number | undefined =>
   typeof value === "number" && Number.isFinite(value) ? value : undefined;
 

package/src/billing/plan-price.ts

@@ -34,10 +34,7 @@ export type PlanPrices = Partial<Record<BillingCurrency, PlanIntervalPrices>>;
  * - `free` — a plan with no prices at all (keksdose's free plan), or a price of 0;
  * - `not-offered` — a plan with prices, but none for this currency and period.
  */
-export type PlanPriceAnswer =
-  | { kind: "price"; minor: number }
-  | { kind: "free" }
-  | { kind: "not-offered" };
+export type PlanPriceAnswer = { kind: "price"; minor: number } | { kind: "free" } | { kind: "not-offered" };
 
 /** Whether a price table holds any figure at all. */
 function hasAnyPrice(prices: PlanPrices | null | undefined): boolean {

package/src/billing/plan-switch.tsx

@@ -125,8 +125,7 @@ export function PlanSwitchConfirm({
 
   const period = (interval: BillingInterval) => (interval === "year" ? labels.yearly : labels.monthly);
   const side = (s: PlanSwitchSide) => `${planName(s.plan.toLowerCase())} (${period(s.interval)})`;
-  const money = (minor: number, currency: string) =>
-    formatMoney(minorToMajor(minor, currency), currency, { locale });
+  const money = (minor: number, currency: string) => formatMoney(minorToMajor(minor, currency), currency, { locale });
   const figure = (dimension: string, value: number) =>
     formatLimit ? formatLimit(dimension, value) : formatNumber(value, { locale });
 

package/src/billing/subscription-actions.tsx

@@ -169,7 +169,9 @@ export function SubscriptionActions({
   const portalCancel = onCancel ?? (onPortal ? () => onPortal("cancel") : undefined);
   // Under "buyer_only" the in-app cancel only; under "open" the portal's first, the
   // in-app cancel only where no way to the portal's is given.
-  const cancelCall = buyerOnly ? onCancelInApp : (portalCancel ?? (cancelHref === undefined ? onCancelInApp : undefined));
+  const cancelCall = buyerOnly
+    ? onCancelInApp
+    : (portalCancel ?? (cancelHref === undefined ? onCancelInApp : undefined));
   // 0.43: what was asked in the app wins over the row until the row moves.
   const scheduled = cancelRequested === "cancel" ? true : cancelRequested === "resume" ? false : cancelAtPeriodEnd;
   // 0.43 (§17): the portal's actions are marked, a link opens a tab of its own.
@@ -229,7 +231,8 @@ export function SubscriptionActions({
   if (!manage && !cancel) return null;
   // The note while a way to the portal shows: "Payment and invoices open at Paddle in a
   // new tab; Kastlan stays open here."
-  const portalShown = !buyerOnly && (manage !== null || (cancel !== null && portalCancelShown && !(scheduled && onResume)));
+  const portalShown =
+    !buyerOnly && (manage !== null || (cancel !== null && portalCancelShown && !(scheduled && onResume)));
   return (
     <div {...rest} className={cn("flex flex-wrap items-center gap-x-4 gap-y-2", className)}>
       {manage}

package/src/components/account-chips.tsx

@@ -216,13 +216,7 @@ export function AccountRoleChip<R extends string = string>({
  * state, as keksdose's state column does.
  */
 export type AccountState =
-  | "active"
-  | "inactive"
-  | "invited"
-  | "registered"
-  | "unverified"
-  | "passwordChange"
-  | "deletion";
+  "active" | "inactive" | "invited" | "registered" | "unverified" | "passwordChange" | "deletion";
 
 /**
  * The `accountState` namespace. One word per state, plus the two forms of `deletion`.

package/src/components/alert-banner.tsx

@@ -84,11 +84,7 @@ export function alertFrameClass(tone: AlertTone, size: AlertSize = "md"): string
  *  border, 1px — a strip is a band across the top of a page, and its one visible edge
  *  is the line it draws under itself. kastlan's trial, past-due and tour banners. */
 function stripFrameClass(tone: AlertTone, size: AlertSize): string {
-  return cn(
-    TONE_FRAME[tone],
-    "rounded-none border-0 border-b",
-    size === "sm" ? "px-4 py-1.5" : "px-4 py-2",
-  );
+  return cn(TONE_FRAME[tone], "rounded-none border-0 border-b", size === "sm" ? "px-4 py-1.5" : "px-4 py-2");
 }
 
 const TONE_TEXT: Record<AlertTone, string> = {
@@ -429,9 +425,7 @@ export function AlertBanner({
       )}
     </div>
   ) : (
-    <Body className={cn(!inlineRow && (nested ? "flex-1" : grow), "min-w-0 text-start")}>
-      {children}
-    </Body>
+    <Body className={cn(!inlineRow && (nested ? "flex-1" : grow), "min-w-0 text-start")}>{children}</Body>
   );
   const content = (
     <>