@elvix.is/sdk 0.5.2 → 0.5.4

package/dist/react.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { ElvixActionResult } from './index.js';
 export { ElvixUser, ElvixVerifyResult } from './index.js';
@@ -18,7 +18,7 @@ declare function ElvixCard({ title, footer, className, children, }: {
     footer?: ReactNode;
     className?: string;
     children: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * Editable sign-in copy.
@@ -84,6 +84,12 @@ type ElvixBrand = {
     };
 };
 type ElvixSignInMethod = "google" | "email_otp" | "passkey" | "username";
+/**
+ * The public render envelope `GET /api/v1/bootstrap/<clientId>` returns. Flat
+ * to match the wire shape exactly (the provider builds the {light,dark} brand
+ * chord from the colour fields). Any field here is already public — it's what
+ * the sign-in surface shows.
+ */
 type ElvixBootstrapEnvelope = {
     applicationId: string;
     clientId: string;
@@ -93,21 +99,28 @@ type ElvixBootstrapEnvelope = {
     logoUrlDark: string | null;
     iconUrl: string | null;
     iconUrlDark: string | null;
-    brand: ElvixBrand;
-    methods: {
-        google: boolean;
-        emailOtp: boolean;
-        passkey: boolean;
-        username: boolean;
-    };
-    legal: {
-        privacyPolicyUrl: string;
-        termsOfServiceUrl: string;
-        supportEmail: string;
-        supportUrl: string | null;
-    };
+    websiteUrl: string | null;
+    privacyPolicyUrl: string;
+    termsOfServiceUrl: string;
+    supportUrl: string | null;
+    brandColor: string;
+    brandColorDark: string | null;
+    onBrandColor: string;
+    onBrandColorDark: string | null;
+    brandPreset: string;
+    methodGoogle: boolean;
+    methodEmailOtp: boolean;
+    methodPasskey: boolean;
+    methodUsername: boolean;
+    layout: string;
+    socialLayout: string;
+    presentation: string;
+    theme: "light" | "dark" | "system";
+    showHeader: boolean;
+    transparentBg: boolean;
     signInVerb: "signin" | "login";
     signinGate: "public" | "private_beta" | "closed";
+    archivedAt: string | null;
     /**
      * Console-configured sign-in copy overrides. Any subset of the strings the
      * sign-in surface renders; missing keys fall back to the built-in English
@@ -154,7 +167,7 @@ declare function ElvixProvider({ clientId, theme, brand, baseUrl, children, clas
     baseUrl?: string;
     children: ReactNode;
     className?: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * `<ElvixSignIn>` — drop-in sign-in surface.
@@ -184,7 +197,7 @@ declare function ElvixSignIn({ onResult, redirectAfterSignIn, copy: copyProp, cl
      */
     copy?: Partial<ElvixCopy>;
     className?: string;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 type ElvixSignInButtonSize = "sm" | "md" | "lg";
 type ElvixSignInButtonTheme = "light" | "dark" | "auto";
@@ -212,7 +225,7 @@ type ElvixSignInButtonProps = {
     /** Terminal outcome of mode="embed": success (with token) or error. */
     onResult?: (result: ElvixSignInResult) => void;
 };
-declare function ElvixSignInButton({ clientId, baseUrl, returnUrl, type, variant, shape, size, theme, preset, label, className, href, mode, onClick, onResult, }: ElvixSignInButtonProps): react.JSX.Element;
+declare function ElvixSignInButton({ clientId, baseUrl, returnUrl, type, variant, shape, size, theme, preset, label, className, href, mode, onClick, onResult, }: ElvixSignInButtonProps): react_jsx_runtime.JSX.Element;
 
 type ElvixSecuredBadgeVariant = "white" | "dark" | "outline";
 type ElvixSecuredBadgeSize = "sm" | "md" | "lg";
@@ -228,7 +241,7 @@ type ElvixSecuredBadgeProps = {
     href?: string;
     className?: string;
 };
-declare function ElvixSecuredBadge({ variant, size, theme, accentColor, href, className, }: ElvixSecuredBadgeProps): react.JSX.Element;
+declare function ElvixSecuredBadge({ variant, size, theme, accentColor, href, className, }: ElvixSecuredBadgeProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Session token store for cross-origin SDK use.
@@ -281,7 +294,7 @@ declare function ElvixUsername({ onResult, }: {
     onResult?: (r: ElvixActionResult<{
         username: string;
     }>) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * `<ElvixAvatar>` — upload / replace the end-user's avatar for this
@@ -291,7 +304,7 @@ declare function ElvixAvatar({ onResult, }: {
     onResult?: (r: ElvixActionResult<{
         avatarUrl: string;
     }>) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * `<ElvixBanner>` — upload / replace the end-user's profile banner
@@ -301,7 +314,7 @@ declare function ElvixBanner({ onResult, }: {
     onResult?: (r: ElvixActionResult<{
         bannerUrl: string;
     }>) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * `<ElvixIdentityForm>` — edit the end-user's display name + bio for
@@ -314,7 +327,7 @@ declare function ElvixIdentityForm({ initialName, initialBio, onResult, }: {
         name: string;
         bio: string;
     }>) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * `<ElvixRegion>` — set the end-user's region (ISO 3166-1 alpha-2
@@ -328,7 +341,7 @@ declare function ElvixRegion({ initialCountry, initialTimezone, onResult, }: {
         country: string;
         timezone: string;
     }>) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * `<ElvixLanguages>` — set the end-user's preferred languages (BCP-47
@@ -339,13 +352,13 @@ declare function ElvixLanguages({ initial, onResult, }: {
     onResult?: (r: ElvixActionResult<{
         languages: string[];
     }>) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 declare function ElvixSessions({ onResult, }: {
     onResult?: (r: ElvixActionResult<{
         revoked: number;
     }>) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * `<ElvixExport>` — GDPR Art. 15 data-export request. Triggers an
@@ -356,15 +369,15 @@ declare function ElvixExport({ onResult, }: {
     onResult?: (r: ElvixActionResult<{
         requestId: string;
     }>) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 declare function ElvixDeactivate({ onResult, }: {
     onResult?: (r: ElvixActionResult) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 declare function ElvixLeave({ onResult, }: {
     onResult?: (r: ElvixActionResult) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * `<ElvixAddressBook>` — list / add / remove the end-user's addresses
@@ -373,7 +386,7 @@ declare function ElvixLeave({ onResult, }: {
  */
 declare function ElvixAddressBook({ onResult, }: {
     onResult?: (r: ElvixActionResult) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 /**
  * `<ElvixLegalEntities>` — list / add / remove the end-user's legal
@@ -382,6 +395,6 @@ declare function ElvixAddressBook({ onResult, }: {
  */
 declare function ElvixLegalEntities({ onResult, }: {
     onResult?: (r: ElvixActionResult) => void;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 export { DEFAULT_COPY, ElvixActionResult, ElvixAddressBook, ElvixAvatar, ElvixBanner, type ElvixBootstrapEnvelope, type ElvixBrand, ElvixCard, type ElvixCopy, ElvixDeactivate, ElvixExport, ElvixIdentityForm, ElvixLanguages, ElvixLeave, ElvixLegalEntities, ElvixLifecycleWatcher, ElvixProvider, ElvixRegion, ElvixSecuredBadge, ElvixSessions, ElvixSignIn, ElvixSignInButton, type ElvixSignInMethod, type ElvixSignInResult, type ElvixSignInResultErr, type ElvixSignInResultOk, type ElvixTheme, ElvixUsername, type UseUserListResult, getElvixToken, setElvixToken, useElvixApp, useElvixContext, useUserMemberships, useUserRoles, useUserScopes };

package/dist/react.js

@@ -1,11 +1,13 @@
+"use client";
 // src/react/elvix-card.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 function ElvixCard({
   title,
   footer,
   className = "",
   children
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: `elvix-card ${className}`.trim(),
@@ -18,34 +20,36 @@ function ElvixCard({
         flexDirection: "column",
         maxWidth: "440px",
         width: "100%"
-      }
-    },
-    title && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          padding: "20px 24px 0",
-          fontSize: "16px",
-          fontWeight: 600,
-          color: "var(--elvix-primary-strong, #5d4dff)"
-        }
-      },
-      title
-    ),
-    /* @__PURE__ */ React.createElement("div", { style: { padding: "16px 24px", flex: 1 } }, children),
-    footer && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          padding: "12px 24px",
-          borderTop: "1px solid var(--elvix-primary-12, rgba(93,77,255,0.12))",
-          background: "rgba(0,0,0,0.02)",
-          fontSize: "12px",
-          color: "rgba(0,0,0,0.55)"
-        }
       },
-      footer
-    )
+      children: [
+        title && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              padding: "20px 24px 0",
+              fontSize: "16px",
+              fontWeight: 600,
+              color: "var(--elvix-primary-strong, #5d4dff)"
+            },
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { padding: "16px 24px", flex: 1 }, children }),
+        footer && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              padding: "12px 24px",
+              borderTop: "1px solid var(--elvix-primary-12, rgba(93,77,255,0.12))",
+              background: "rgba(0,0,0,0.02)",
+              fontSize: "12px",
+              color: "rgba(0,0,0,0.55)"
+            },
+            children: footer
+          }
+        )
+      ]
+    }
   );
 }
 
@@ -57,6 +61,7 @@ import {
   useMemo,
   useState
 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var ELVIX_DEFAULT_BRAND = {
   light: { primary: "#5d4dff", on: "#ffffff" },
   dark: { primary: "#8e7dff", on: "#0a0a0b" }
@@ -140,19 +145,25 @@ function ElvixProvider({
     appError,
     resolvedTheme: effectiveTheme
   };
-  return /* @__PURE__ */ React.createElement(ElvixContext.Provider, { value }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx2(ElvixContext.Provider, { value, children: /* @__PURE__ */ jsx2(
     "div",
     {
       "data-elvix-theme": effectiveTheme,
       style: cssVars,
-      className: (effectiveTheme === "dark" ? "dark " : "") + "elvix-sdk-root " + className
-    },
-    children
-  ));
+      className: (effectiveTheme === "dark" ? "dark " : "") + "elvix-sdk-root " + className,
+      children
+    }
+  ) });
 }
 function appBrand(app) {
-  if (!app?.brand) return null;
-  return app.brand;
+  if (!app?.brandColor) return null;
+  return {
+    light: { primary: app.brandColor, on: app.onBrandColor },
+    dark: {
+      primary: app.brandColorDark ?? app.brandColor,
+      on: app.onBrandColorDark ?? app.onBrandColor
+    }
+  };
 }
 function withAlpha(hex, a) {
   const m = /^#?([0-9a-f]{6})$/i.exec(hex.trim());
@@ -240,6 +251,7 @@ function isSameOrigin(baseUrl) {
 }
 
 // src/react/elvix-sign-in.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ElvixSignIn({
   onResult,
   redirectAfterSignIn,
@@ -330,66 +342,87 @@ function ElvixSignIn({
   }
   const card = `elvix-card ${className}`.trim();
   if (step === "done") {
-    return /* @__PURE__ */ React.createElement("div", { className: card, "data-elvix-pane": "done" }, /* @__PURE__ */ React.createElement("p", null, copy.signedInText));
+    return /* @__PURE__ */ jsx3("div", { className: card, "data-elvix-pane": "done", children: /* @__PURE__ */ jsx3("p", { children: copy.signedInText }) });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: card, "data-elvix-pane": step }, /* @__PURE__ */ React.createElement("h2", { className: "elvix-h" }, title), copy.subtitle && /* @__PURE__ */ React.createElement("p", { className: "elvix-muted elvix-subtitle" }, copy.subtitle), step === "identify" && /* @__PURE__ */ React.createElement(React.Fragment, null, app?.methods.google && /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: startGoogle,
-      disabled: busy,
-      className: "elvix-btn elvix-btn-google",
-      "data-elvix-method": "google"
-    },
-    copy.googleButton
-  ), app?.methods.emailOtp && /* @__PURE__ */ React.createElement("form", { onSubmit: startOtp, "data-elvix-method": "email_otp", className: "elvix-otp-form" }, /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      type: "email",
-      value: email,
-      onChange: (ev) => setEmail(ev.target.value),
-      placeholder: copy.emailPlaceholder,
-      required: true,
-      disabled: busy,
-      className: "elvix-input"
-    }
-  ), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary" }, busy ? copy.sendingLabel : copy.sendCodeButton))), step === "code" && /* @__PURE__ */ React.createElement("form", { onSubmit: verifyOtp, className: "elvix-otp-form" }, /* @__PURE__ */ React.createElement("p", { className: "elvix-muted" }, fillCopy(copy.codeSentSubtitle ?? "", { email })), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      type: "text",
-      inputMode: "numeric",
-      pattern: "[0-9]*",
-      maxLength: 6,
-      value: code,
-      onChange: (ev) => setCode(ev.target.value.replace(/\D/g, "")),
-      placeholder: copy.codePlaceholder,
-      required: true,
-      disabled: busy,
-      className: "elvix-input"
-    }
-  ), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary" }, busy ? copy.verifyingLabel : submitLabel)), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error));
+  return /* @__PURE__ */ jsxs2("div", { className: card, "data-elvix-pane": step, children: [
+    /* @__PURE__ */ jsx3("h2", { className: "elvix-h", children: title }),
+    copy.subtitle && /* @__PURE__ */ jsx3("p", { className: "elvix-muted elvix-subtitle", children: copy.subtitle }),
+    step === "identify" && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      app?.methodGoogle && /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          onClick: startGoogle,
+          disabled: busy,
+          className: "elvix-btn elvix-btn-google",
+          "data-elvix-method": "google",
+          children: copy.googleButton
+        }
+      ),
+      app?.methodEmailOtp && /* @__PURE__ */ jsxs2("form", { onSubmit: startOtp, "data-elvix-method": "email_otp", className: "elvix-otp-form", children: [
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "email",
+            value: email,
+            onChange: (ev) => setEmail(ev.target.value),
+            placeholder: copy.emailPlaceholder,
+            required: true,
+            disabled: busy,
+            className: "elvix-input"
+          }
+        ),
+        /* @__PURE__ */ jsx3("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary", children: busy ? copy.sendingLabel : copy.sendCodeButton })
+      ] })
+    ] }),
+    step === "code" && /* @__PURE__ */ jsxs2("form", { onSubmit: verifyOtp, className: "elvix-otp-form", children: [
+      /* @__PURE__ */ jsx3("p", { className: "elvix-muted", children: fillCopy(copy.codeSentSubtitle ?? "", { email }) }),
+      /* @__PURE__ */ jsx3(
+        "input",
+        {
+          type: "text",
+          inputMode: "numeric",
+          pattern: "[0-9]*",
+          maxLength: 6,
+          value: code,
+          onChange: (ev) => setCode(ev.target.value.replace(/\D/g, "")),
+          placeholder: copy.codePlaceholder,
+          required: true,
+          disabled: busy,
+          className: "elvix-input"
+        }
+      ),
+      /* @__PURE__ */ jsx3("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary", children: busy ? copy.verifyingLabel : submitLabel })
+    ] }),
+    error && /* @__PURE__ */ jsx3("p", { role: "alert", className: "elvix-error", children: error })
+  ] });
 }
 
 // src/react/elvix-sign-in-button.tsx
 import { useState as useState3 } from "react";
 
 // src/react/elvix-shield.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function ElvixShield({
   size,
   fill,
   accent
 }) {
-  return /* @__PURE__ */ React.createElement("svg", { width: size, height: size, viewBox: "2 2 20 20", "aria-hidden": true, style: { display: "block" } }, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill,
-      fillRule: "evenodd",
-      d: "M 6 2.5 C 4.34 2.5 3 3.84 3 5.5 L 3 12.5 C 3 17.5 7 20.7 12 22 C 17 20.7 21 17.5 21 12.5 L 21 5.5 C 21 3.84 19.66 2.5 18 2.5 L 6 2.5 Z M 12 8.4 C 9.79 8.4 8 10.19 8 12.4 C 8 14.61 9.79 16.4 12 16.4 C 13.21 16.4 14.3 15.86 15.04 15 L 13.6 13.77 C 13.21 14.23 12.64 14.5 12 14.5 C 11.04 14.5 10.21 13.86 9.91 13 L 15.95 13 C 15.98 12.8 16 12.6 16 12.4 C 16 10.19 14.21 8.4 12 8.4 Z M 9.91 11.8 L 14.09 11.8 C 13.79 10.94 12.96 10.3 12 10.3 C 11.04 10.3 10.21 10.94 9.91 11.8 Z"
-    }
-  ), /* @__PURE__ */ React.createElement("circle", { cx: "19.5", cy: "4.5", r: "2.4", fill: accent }));
+  return /* @__PURE__ */ jsxs3("svg", { width: size, height: size, viewBox: "2 2 20 20", "aria-hidden": true, style: { display: "block" }, children: [
+    /* @__PURE__ */ jsx4(
+      "path",
+      {
+        fill,
+        fillRule: "evenodd",
+        d: "M 6 2.5 C 4.34 2.5 3 3.84 3 5.5 L 3 12.5 C 3 17.5 7 20.7 12 22 C 17 20.7 21 17.5 21 12.5 L 21 5.5 C 21 3.84 19.66 2.5 18 2.5 L 6 2.5 Z M 12 8.4 C 9.79 8.4 8 10.19 8 12.4 C 8 14.61 9.79 16.4 12 16.4 C 13.21 16.4 14.3 15.86 15.04 15 L 13.6 13.77 C 13.21 14.23 12.64 14.5 12 14.5 C 11.04 14.5 10.21 13.86 9.91 13 L 15.95 13 C 15.98 12.8 16 12.6 16 12.4 C 16 10.19 14.21 8.4 12 8.4 Z M 9.91 11.8 L 14.09 11.8 C 13.79 10.94 12.96 10.3 12 10.3 C 11.04 10.3 10.21 10.94 9.91 11.8 Z"
+      }
+    ),
+    /* @__PURE__ */ jsx4("circle", { cx: "19.5", cy: "4.5", r: "2.4", fill: accent })
+  ] });
 }
 
 // src/react/elvix-sign-in-button.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var ELVIX_URL = "https://elvix.is";
 var PRESET_LABEL = {
   "sign-in-with-elvix": "Sign in with elvix",
@@ -467,29 +500,35 @@ function ElvixSignInButton({
     transition: "background 0.15s, border-color 0.15s",
     ...isIcon ? { height: SIZE_ICON[size], width: SIZE_ICON[size] } : { height: std.height, paddingLeft: std.padX, paddingRight: std.padX, gap: std.gap }
   };
-  const content = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ElvixShield, { size: ICON_SIZE[size], fill: shieldColor(variant, theme), accent: "#8e7dff" }), isIcon ? null : /* @__PURE__ */ React.createElement("span", null, resolvedLabel));
+  const content = /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(ElvixShield, { size: ICON_SIZE[size], fill: shieldColor(variant, theme), accent: "#8e7dff" }),
+    isIcon ? null : /* @__PURE__ */ jsx5("span", { children: resolvedLabel })
+  ] });
   if (mode === "callback") {
-    return /* @__PURE__ */ React.createElement("button", { type: "button", onClick, className, style, "aria-label": isIcon ? resolvedLabel : void 0 }, content);
+    return /* @__PURE__ */ jsx5("button", { type: "button", onClick, className, style, "aria-label": isIcon ? resolvedLabel : void 0, children: content });
   }
   if (mode === "embed") {
-    return /* @__PURE__ */ React.createElement("div", { "data-elvix-signin-button-embed": "" }, !embedOpen && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => setEmbedOpen(true),
-        className,
-        style,
-        "aria-label": isIcon ? resolvedLabel : void 0
-      },
-      content
-    ), embedOpen && /* @__PURE__ */ React.createElement(
-      ElvixSignIn,
-      {
-        onResult: (r) => {
-          onResult?.(r);
+    return /* @__PURE__ */ jsxs4("div", { "data-elvix-signin-button-embed": "", children: [
+      !embedOpen && /* @__PURE__ */ jsx5(
+        "button",
+        {
+          type: "button",
+          onClick: () => setEmbedOpen(true),
+          className,
+          style,
+          "aria-label": isIcon ? resolvedLabel : void 0,
+          children: content
         }
-      }
-    ));
+      ),
+      embedOpen && /* @__PURE__ */ jsx5(
+        ElvixSignIn,
+        {
+          onResult: (r) => {
+            onResult?.(r);
+          }
+        }
+      )
+    ] });
   }
   const destination = (() => {
     if (href) return href;
@@ -498,10 +537,11 @@ function ElvixSignInButton({
     const sep = base.includes("?") ? "&" : "?";
     return `${base}${sep}return=${encodeURIComponent(returnUrl)}`;
   })();
-  return /* @__PURE__ */ React.createElement("a", { href: destination, className, style, "aria-label": isIcon ? resolvedLabel : void 0 }, content);
+  return /* @__PURE__ */ jsx5("a", { href: destination, className, style, "aria-label": isIcon ? resolvedLabel : void 0, children: content });
 }
 
 // src/react/elvix-secured-badge.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var ELVIX_URL2 = "https://elvix.is";
 var SIZE = {
   sm: { height: 28, padX: 10, font: 11.5, icon: 14, gap: 6 },
@@ -549,7 +589,7 @@ function ElvixSecuredBadge({
     userSelect: "none",
     lineHeight: 1
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs5(
     "a",
     {
       href,
@@ -557,10 +597,15 @@ function ElvixSecuredBadge({
       rel: "noopener noreferrer",
       className,
       style,
-      "data-elvix-secured-badge": ""
-    },
-    /* @__PURE__ */ React.createElement(ElvixShield, { size: s.icon, fill: t.shield, accent: accentColor }),
-    /* @__PURE__ */ React.createElement("span", { style: { display: "inline-flex", alignItems: "baseline", gap: 4 } }, /* @__PURE__ */ React.createElement("span", { style: { color: t.lead } }, "Secured by"), /* @__PURE__ */ React.createElement("span", { style: { color: t.brand, fontWeight: 600 } }, "elvix"))
+      "data-elvix-secured-badge": "",
+      children: [
+        /* @__PURE__ */ jsx6(ElvixShield, { size: s.icon, fill: t.shield, accent: accentColor }),
+        /* @__PURE__ */ jsxs5("span", { style: { display: "inline-flex", alignItems: "baseline", gap: 4 }, children: [
+          /* @__PURE__ */ jsx6("span", { style: { color: t.lead }, children: "Secured by" }),
+          /* @__PURE__ */ jsx6("span", { style: { color: t.brand, fontWeight: 600 }, children: "elvix" })
+        ] })
+      ]
+    }
   );
 }
 
@@ -696,6 +741,7 @@ async function appDelete(opts, path) {
 }
 
 // src/react/elvix-username.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function ElvixUsername({
   onResult
 }) {
@@ -723,25 +769,37 @@ function ElvixUsername({
     onResult?.(result);
   }
   if (done) {
-    return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Username saved" }, /* @__PURE__ */ React.createElement("p", null, "You are now ", /* @__PURE__ */ React.createElement("strong", null, "@", done), "."));
+    return /* @__PURE__ */ jsx7(ElvixCard, { title: "Username saved", children: /* @__PURE__ */ jsxs6("p", { children: [
+      "You are now ",
+      /* @__PURE__ */ jsxs6("strong", { children: [
+        "@",
+        done
+      ] }),
+      "."
+    ] }) });
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Choose a username" }, /* @__PURE__ */ React.createElement("form", { onSubmit: submit, className: "elvix-form" }, /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      type: "text",
-      value,
-      onChange: (e) => setValue(e.target.value.toLowerCase()),
-      placeholder: "alice",
-      pattern: "[a-z][a-z0-9._]{2,28}[a-z0-9]",
-      required: true,
-      disabled: busy,
-      className: "elvix-input"
-    }
-  ), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy || value.length < 4, className: "elvix-btn elvix-btn-primary" }, busy ? "Saving\u2026" : "Claim"), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error)));
+  return /* @__PURE__ */ jsx7(ElvixCard, { title: "Choose a username", children: /* @__PURE__ */ jsxs6("form", { onSubmit: submit, className: "elvix-form", children: [
+    /* @__PURE__ */ jsx7(
+      "input",
+      {
+        type: "text",
+        value,
+        onChange: (e) => setValue(e.target.value.toLowerCase()),
+        placeholder: "alice",
+        pattern: "[a-z][a-z0-9._]{2,28}[a-z0-9]",
+        required: true,
+        disabled: busy,
+        className: "elvix-input"
+      }
+    ),
+    /* @__PURE__ */ jsx7("button", { type: "submit", disabled: busy || value.length < 4, className: "elvix-btn elvix-btn-primary", children: busy ? "Saving\u2026" : "Claim" }),
+    error && /* @__PURE__ */ jsx7("p", { role: "alert", className: "elvix-error", children: error })
+  ] }) });
 }
 
 // src/react/elvix-avatar.tsx
 import { useState as useState6 } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function ElvixAvatar({
   onResult
 }) {
@@ -771,18 +829,24 @@ function ElvixAvatar({
     if (!result.ok) setError(result.error);
     onResult?.(result);
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Avatar" }, preview && /* @__PURE__ */ React.createElement(
-    "img",
-    {
-      src: preview,
-      alt: "avatar preview",
-      style: { width: 96, height: 96, borderRadius: "50%", objectFit: "cover", marginBottom: 12 }
-    }
-  ), /* @__PURE__ */ React.createElement("input", { type: "file", accept: "image/png,image/jpeg,image/webp", onChange: onFile, disabled: busy }), busy && /* @__PURE__ */ React.createElement("p", null, "Uploading\u2026"), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error));
+  return /* @__PURE__ */ jsxs7(ElvixCard, { title: "Avatar", children: [
+    preview && /* @__PURE__ */ jsx8(
+      "img",
+      {
+        src: preview,
+        alt: "avatar preview",
+        style: { width: 96, height: 96, borderRadius: "50%", objectFit: "cover", marginBottom: 12 }
+      }
+    ),
+    /* @__PURE__ */ jsx8("input", { type: "file", accept: "image/png,image/jpeg,image/webp", onChange: onFile, disabled: busy }),
+    busy && /* @__PURE__ */ jsx8("p", { children: "Uploading\u2026" }),
+    error && /* @__PURE__ */ jsx8("p", { role: "alert", className: "elvix-error", children: error })
+  ] });
 }
 
 // src/react/elvix-banner.tsx
 import { useState as useState7 } from "react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function ElvixBanner({
   onResult
 }) {
@@ -812,18 +876,24 @@ function ElvixBanner({
     if (!result.ok) setError(result.error);
     onResult?.(result);
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Banner" }, preview && /* @__PURE__ */ React.createElement(
-    "img",
-    {
-      src: preview,
-      alt: "banner preview",
-      style: { width: "100%", aspectRatio: "16/9", objectFit: "cover", borderRadius: 10, marginBottom: 12 }
-    }
-  ), /* @__PURE__ */ React.createElement("input", { type: "file", accept: "image/png,image/jpeg,image/webp", onChange: onFile, disabled: busy }), busy && /* @__PURE__ */ React.createElement("p", null, "Uploading\u2026"), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error));
+  return /* @__PURE__ */ jsxs8(ElvixCard, { title: "Banner", children: [
+    preview && /* @__PURE__ */ jsx9(
+      "img",
+      {
+        src: preview,
+        alt: "banner preview",
+        style: { width: "100%", aspectRatio: "16/9", objectFit: "cover", borderRadius: 10, marginBottom: 12 }
+      }
+    ),
+    /* @__PURE__ */ jsx9("input", { type: "file", accept: "image/png,image/jpeg,image/webp", onChange: onFile, disabled: busy }),
+    busy && /* @__PURE__ */ jsx9("p", { children: "Uploading\u2026" }),
+    error && /* @__PURE__ */ jsx9("p", { role: "alert", className: "elvix-error", children: error })
+  ] });
 }
 
 // src/react/elvix-identity-form.tsx
 import { useState as useState8 } from "react";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function ElvixIdentityForm({
   initialName = "",
   initialBio = "",
@@ -850,11 +920,24 @@ function ElvixIdentityForm({
     else setSaved(true);
     onResult?.(result);
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Identity" }, /* @__PURE__ */ React.createElement("form", { onSubmit: submit, className: "elvix-form" }, /* @__PURE__ */ React.createElement("label", null, "Name", /* @__PURE__ */ React.createElement("input", { value: name, onChange: (e) => setName(e.target.value), maxLength: 80, disabled: busy, className: "elvix-input" })), /* @__PURE__ */ React.createElement("label", null, "Bio", /* @__PURE__ */ React.createElement("textarea", { value: bio, onChange: (e) => setBio(e.target.value), maxLength: 500, rows: 3, disabled: busy, className: "elvix-input" })), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary" }, busy ? "Saving\u2026" : "Save"), saved && /* @__PURE__ */ React.createElement("p", { className: "elvix-muted" }, "Saved."), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error)));
+  return /* @__PURE__ */ jsx10(ElvixCard, { title: "Identity", children: /* @__PURE__ */ jsxs9("form", { onSubmit: submit, className: "elvix-form", children: [
+    /* @__PURE__ */ jsxs9("label", { children: [
+      "Name",
+      /* @__PURE__ */ jsx10("input", { value: name, onChange: (e) => setName(e.target.value), maxLength: 80, disabled: busy, className: "elvix-input" })
+    ] }),
+    /* @__PURE__ */ jsxs9("label", { children: [
+      "Bio",
+      /* @__PURE__ */ jsx10("textarea", { value: bio, onChange: (e) => setBio(e.target.value), maxLength: 500, rows: 3, disabled: busy, className: "elvix-input" })
+    ] }),
+    /* @__PURE__ */ jsx10("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary", children: busy ? "Saving\u2026" : "Save" }),
+    saved && /* @__PURE__ */ jsx10("p", { className: "elvix-muted", children: "Saved." }),
+    error && /* @__PURE__ */ jsx10("p", { role: "alert", className: "elvix-error", children: error })
+  ] }) });
 }
 
 // src/react/elvix-region.tsx
 import { useState as useState9 } from "react";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function ElvixRegion({
   initialCountry = "",
   initialTimezone = "",
@@ -881,11 +964,24 @@ function ElvixRegion({
     else setSaved(true);
     onResult?.(result);
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Region" }, /* @__PURE__ */ React.createElement("form", { onSubmit: submit, className: "elvix-form" }, /* @__PURE__ */ React.createElement("label", null, "Country (ISO-2)", /* @__PURE__ */ React.createElement("input", { value: country, onChange: (e) => setCountry(e.target.value.toUpperCase()), maxLength: 2, pattern: "[A-Z]{2}", disabled: busy, className: "elvix-input" })), /* @__PURE__ */ React.createElement("label", null, "Timezone", /* @__PURE__ */ React.createElement("input", { value: timezone, onChange: (e) => setTimezone(e.target.value), placeholder: "Europe/Berlin", disabled: busy, className: "elvix-input" })), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary" }, busy ? "Saving\u2026" : "Save"), saved && /* @__PURE__ */ React.createElement("p", { className: "elvix-muted" }, "Saved."), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error)));
+  return /* @__PURE__ */ jsx11(ElvixCard, { title: "Region", children: /* @__PURE__ */ jsxs10("form", { onSubmit: submit, className: "elvix-form", children: [
+    /* @__PURE__ */ jsxs10("label", { children: [
+      "Country (ISO-2)",
+      /* @__PURE__ */ jsx11("input", { value: country, onChange: (e) => setCountry(e.target.value.toUpperCase()), maxLength: 2, pattern: "[A-Z]{2}", disabled: busy, className: "elvix-input" })
+    ] }),
+    /* @__PURE__ */ jsxs10("label", { children: [
+      "Timezone",
+      /* @__PURE__ */ jsx11("input", { value: timezone, onChange: (e) => setTimezone(e.target.value), placeholder: "Europe/Berlin", disabled: busy, className: "elvix-input" })
+    ] }),
+    /* @__PURE__ */ jsx11("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary", children: busy ? "Saving\u2026" : "Save" }),
+    saved && /* @__PURE__ */ jsx11("p", { className: "elvix-muted", children: "Saved." }),
+    error && /* @__PURE__ */ jsx11("p", { role: "alert", className: "elvix-error", children: error })
+  ] }) });
 }
 
 // src/react/elvix-languages.tsx
 import { useState as useState10 } from "react";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function ElvixLanguages({
   initial = [],
   onResult
@@ -911,11 +1007,20 @@ function ElvixLanguages({
     else setSaved(true);
     onResult?.(result);
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Languages" }, /* @__PURE__ */ React.createElement("form", { onSubmit: submit, className: "elvix-form" }, /* @__PURE__ */ React.createElement("label", null, "Preferred languages (comma-separated BCP-47 tags)", /* @__PURE__ */ React.createElement("input", { value: raw, onChange: (e) => setRaw(e.target.value), placeholder: "en-GB, de-DE", disabled: busy, className: "elvix-input" })), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary" }, busy ? "Saving\u2026" : "Save"), saved && /* @__PURE__ */ React.createElement("p", { className: "elvix-muted" }, "Saved."), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error)));
+  return /* @__PURE__ */ jsx12(ElvixCard, { title: "Languages", children: /* @__PURE__ */ jsxs11("form", { onSubmit: submit, className: "elvix-form", children: [
+    /* @__PURE__ */ jsxs11("label", { children: [
+      "Preferred languages (comma-separated BCP-47 tags)",
+      /* @__PURE__ */ jsx12("input", { value: raw, onChange: (e) => setRaw(e.target.value), placeholder: "en-GB, de-DE", disabled: busy, className: "elvix-input" })
+    ] }),
+    /* @__PURE__ */ jsx12("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary", children: busy ? "Saving\u2026" : "Save" }),
+    saved && /* @__PURE__ */ jsx12("p", { className: "elvix-muted", children: "Saved." }),
+    error && /* @__PURE__ */ jsx12("p", { role: "alert", className: "elvix-error", children: error })
+  ] }) });
 }
 
 // src/react/elvix-sessions.tsx
 import { useEffect as useEffect4, useState as useState11 } from "react";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function ElvixSessions({
   onResult
 }) {
@@ -943,11 +1048,29 @@ function ElvixSessions({
     if (result.ok) setRows((prev) => prev?.filter((s) => s.id !== id) ?? null);
     onResult?.(result);
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Active sessions" }, error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error), !rows && !error && /* @__PURE__ */ React.createElement("p", null, "Loading\u2026"), rows && /* @__PURE__ */ React.createElement("ul", { style: { listStyle: "none", padding: 0, margin: 0 } }, rows.map((s) => /* @__PURE__ */ React.createElement("li", { key: s.id, style: { padding: "10px 0", borderBottom: "1px solid rgba(0,0,0,0.06)" } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", justifyContent: "space-between", gap: 12 } }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { fontSize: 13, fontWeight: 500 } }, s.device, s.current && /* @__PURE__ */ React.createElement("span", { style: { marginLeft: 8, color: "var(--elvix-primary-strong)", fontSize: 11 } }, "\xB7 this device")), /* @__PURE__ */ React.createElement("div", { style: { fontSize: 11, color: "rgba(0,0,0,0.55)" } }, s.country ?? "\u2014", " \xB7 since ", new Date(s.createdAt).toLocaleDateString())), !s.current && /* @__PURE__ */ React.createElement("button", { type: "button", disabled: busy, onClick: () => revoke(s.id), className: "elvix-btn elvix-btn-ghost" }, "Revoke"))))));
+  return /* @__PURE__ */ jsxs12(ElvixCard, { title: "Active sessions", children: [
+    error && /* @__PURE__ */ jsx13("p", { role: "alert", className: "elvix-error", children: error }),
+    !rows && !error && /* @__PURE__ */ jsx13("p", { children: "Loading\u2026" }),
+    rows && /* @__PURE__ */ jsx13("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: rows.map((s) => /* @__PURE__ */ jsx13("li", { style: { padding: "10px 0", borderBottom: "1px solid rgba(0,0,0,0.06)" }, children: /* @__PURE__ */ jsxs12("div", { style: { display: "flex", justifyContent: "space-between", gap: 12 }, children: [
+      /* @__PURE__ */ jsxs12("div", { children: [
+        /* @__PURE__ */ jsxs12("div", { style: { fontSize: 13, fontWeight: 500 }, children: [
+          s.device,
+          s.current && /* @__PURE__ */ jsx13("span", { style: { marginLeft: 8, color: "var(--elvix-primary-strong)", fontSize: 11 }, children: "\xB7 this device" })
+        ] }),
+        /* @__PURE__ */ jsxs12("div", { style: { fontSize: 11, color: "rgba(0,0,0,0.55)" }, children: [
+          s.country ?? "\u2014",
+          " \xB7 since ",
+          new Date(s.createdAt).toLocaleDateString()
+        ] })
+      ] }),
+      !s.current && /* @__PURE__ */ jsx13("button", { type: "button", disabled: busy, onClick: () => revoke(s.id), className: "elvix-btn elvix-btn-ghost", children: "Revoke" })
+    ] }) }, s.id)) })
+  ] });
 }
 
 // src/react/elvix-export.tsx
 import { useState as useState12 } from "react";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function ElvixExport({
   onResult
 }) {
@@ -969,11 +1092,16 @@ function ElvixExport({
     else setDone(true);
     onResult?.(result);
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Export my data" }, /* @__PURE__ */ React.createElement("p", { style: { fontSize: 13, color: "rgba(0,0,0,0.6)" } }, "Request a zip of every record we hold for you in this app. Delivery by email; single-use download link valid for 24h."), done ? /* @__PURE__ */ React.createElement("p", { className: "elvix-muted" }, "Request queued. Check your email.") : /* @__PURE__ */ React.createElement("button", { type: "button", onClick: start, disabled: busy, className: "elvix-btn elvix-btn-primary" }, busy ? "Queuing\u2026" : "Request export"), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error));
+  return /* @__PURE__ */ jsxs13(ElvixCard, { title: "Export my data", children: [
+    /* @__PURE__ */ jsx14("p", { style: { fontSize: 13, color: "rgba(0,0,0,0.6)" }, children: "Request a zip of every record we hold for you in this app. Delivery by email; single-use download link valid for 24h." }),
+    done ? /* @__PURE__ */ jsx14("p", { className: "elvix-muted", children: "Request queued. Check your email." }) : /* @__PURE__ */ jsx14("button", { type: "button", onClick: start, disabled: busy, className: "elvix-btn elvix-btn-primary", children: busy ? "Queuing\u2026" : "Request export" }),
+    error && /* @__PURE__ */ jsx14("p", { role: "alert", className: "elvix-error", children: error })
+  ] });
 }
 
 // src/react/elvix-deactivate.tsx
 import { useState as useState13 } from "react";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function ElvixDeactivate({
   onResult
 }) {
@@ -1020,26 +1148,38 @@ function ElvixDeactivate({
     onResult?.(result);
   }
   if (pane === "done") {
-    return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Deactivated" }, /* @__PURE__ */ React.createElement("p", null, "Your access has been paused. Sign in again to restore it."));
+    return /* @__PURE__ */ jsx15(ElvixCard, { title: "Deactivated", children: /* @__PURE__ */ jsx15("p", { children: "Your access has been paused. Sign in again to restore it." }) });
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Deactivate account" }, pane === "warn" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { style: { fontSize: 13, color: "rgba(0,0,0,0.6)" } }, "Pause your membership. You can restore it any time by signing in again. No data is deleted."), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: startChallenge, disabled: busy, className: "elvix-btn elvix-btn-danger" }, busy ? "Sending\u2026" : "Send code")), pane === "otp" && /* @__PURE__ */ React.createElement("form", { onSubmit: confirm, className: "elvix-form" }, /* @__PURE__ */ React.createElement("p", { className: "elvix-muted" }, "We sent a 6-digit code to your email."), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      type: "text",
-      inputMode: "numeric",
-      pattern: "[0-9]*",
-      maxLength: 6,
-      value: code,
-      onChange: (e) => setCode(e.target.value.replace(/\D/g, "")),
-      required: true,
-      disabled: busy,
-      className: "elvix-input"
-    }
-  ), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy || code.length !== 6, className: "elvix-btn elvix-btn-danger" }, busy ? "Deactivating\u2026" : "Confirm")), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error));
+  return /* @__PURE__ */ jsxs14(ElvixCard, { title: "Deactivate account", children: [
+    pane === "warn" && /* @__PURE__ */ jsxs14(Fragment3, { children: [
+      /* @__PURE__ */ jsx15("p", { style: { fontSize: 13, color: "rgba(0,0,0,0.6)" }, children: "Pause your membership. You can restore it any time by signing in again. No data is deleted." }),
+      /* @__PURE__ */ jsx15("button", { type: "button", onClick: startChallenge, disabled: busy, className: "elvix-btn elvix-btn-danger", children: busy ? "Sending\u2026" : "Send code" })
+    ] }),
+    pane === "otp" && /* @__PURE__ */ jsxs14("form", { onSubmit: confirm, className: "elvix-form", children: [
+      /* @__PURE__ */ jsx15("p", { className: "elvix-muted", children: "We sent a 6-digit code to your email." }),
+      /* @__PURE__ */ jsx15(
+        "input",
+        {
+          type: "text",
+          inputMode: "numeric",
+          pattern: "[0-9]*",
+          maxLength: 6,
+          value: code,
+          onChange: (e) => setCode(e.target.value.replace(/\D/g, "")),
+          required: true,
+          disabled: busy,
+          className: "elvix-input"
+        }
+      ),
+      /* @__PURE__ */ jsx15("button", { type: "submit", disabled: busy || code.length !== 6, className: "elvix-btn elvix-btn-danger", children: busy ? "Deactivating\u2026" : "Confirm" })
+    ] }),
+    error && /* @__PURE__ */ jsx15("p", { role: "alert", className: "elvix-error", children: error })
+  ] });
 }
 
 // src/react/elvix-leave.tsx
 import { useState as useState14 } from "react";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 function ElvixLeave({
   onResult
 }) {
@@ -1086,26 +1226,38 @@ function ElvixLeave({
     onResult?.(result);
   }
   if (pane === "done") {
-    return /* @__PURE__ */ React.createElement(ElvixCard, { title: "You've left" }, /* @__PURE__ */ React.createElement("p", null, "You've left this app. Your data is archived; sign in again to rejoin."));
+    return /* @__PURE__ */ jsx16(ElvixCard, { title: "You've left", children: /* @__PURE__ */ jsx16("p", { children: "You've left this app. Your data is archived; sign in again to rejoin." }) });
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Leave this app" }, pane === "warn" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { style: { fontSize: 13, color: "rgba(0,0,0,0.6)" } }, "Remove yourself from this app. Audit trail is preserved; you can sign back in any time to rejoin."), /* @__PURE__ */ React.createElement("button", { type: "button", onClick: startChallenge, disabled: busy, className: "elvix-btn elvix-btn-danger" }, busy ? "Sending\u2026" : "Send code")), pane === "otp" && /* @__PURE__ */ React.createElement("form", { onSubmit: confirm, className: "elvix-form" }, /* @__PURE__ */ React.createElement("p", { className: "elvix-muted" }, "We sent a 6-digit code to your email."), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      type: "text",
-      inputMode: "numeric",
-      pattern: "[0-9]*",
-      maxLength: 6,
-      value: code,
-      onChange: (e) => setCode(e.target.value.replace(/\D/g, "")),
-      required: true,
-      disabled: busy,
-      className: "elvix-input"
-    }
-  ), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy || code.length !== 6, className: "elvix-btn elvix-btn-danger" }, busy ? "Leaving\u2026" : "Confirm leave")), error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error));
+  return /* @__PURE__ */ jsxs15(ElvixCard, { title: "Leave this app", children: [
+    pane === "warn" && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+      /* @__PURE__ */ jsx16("p", { style: { fontSize: 13, color: "rgba(0,0,0,0.6)" }, children: "Remove yourself from this app. Audit trail is preserved; you can sign back in any time to rejoin." }),
+      /* @__PURE__ */ jsx16("button", { type: "button", onClick: startChallenge, disabled: busy, className: "elvix-btn elvix-btn-danger", children: busy ? "Sending\u2026" : "Send code" })
+    ] }),
+    pane === "otp" && /* @__PURE__ */ jsxs15("form", { onSubmit: confirm, className: "elvix-form", children: [
+      /* @__PURE__ */ jsx16("p", { className: "elvix-muted", children: "We sent a 6-digit code to your email." }),
+      /* @__PURE__ */ jsx16(
+        "input",
+        {
+          type: "text",
+          inputMode: "numeric",
+          pattern: "[0-9]*",
+          maxLength: 6,
+          value: code,
+          onChange: (e) => setCode(e.target.value.replace(/\D/g, "")),
+          required: true,
+          disabled: busy,
+          className: "elvix-input"
+        }
+      ),
+      /* @__PURE__ */ jsx16("button", { type: "submit", disabled: busy || code.length !== 6, className: "elvix-btn elvix-btn-danger", children: busy ? "Leaving\u2026" : "Confirm leave" })
+    ] }),
+    error && /* @__PURE__ */ jsx16("p", { role: "alert", className: "elvix-error", children: error })
+  ] });
 }
 
 // src/react/elvix-address-book.tsx
 import { useEffect as useEffect5, useState as useState15 } from "react";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function ElvixAddressBook({
   onResult
 }) {
@@ -1163,11 +1315,41 @@ function ElvixAddressBook({
     if (result.ok) setRows((prev) => prev?.filter((a) => a.id !== id) ?? null);
     onResult?.(result);
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Addresses" }, error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error), !rows && !error && /* @__PURE__ */ React.createElement("p", null, "Loading\u2026"), rows && rows.length === 0 && /* @__PURE__ */ React.createElement("p", { className: "elvix-muted" }, "No addresses yet."), rows?.map((a) => /* @__PURE__ */ React.createElement("div", { key: a.id, style: { padding: "8px 0", borderBottom: "1px solid rgba(0,0,0,0.06)", display: "flex", justifyContent: "space-between", gap: 12 } }, /* @__PURE__ */ React.createElement("div", { style: { fontSize: 13 } }, /* @__PURE__ */ React.createElement("div", { style: { fontWeight: 500 } }, a.label), /* @__PURE__ */ React.createElement("div", { style: { color: "rgba(0,0,0,0.55)" } }, a.line1, a.line2 ? `, ${a.line2}` : "", ", ", a.postalCode, " ", a.city, ", ", a.country)), /* @__PURE__ */ React.createElement("button", { type: "button", disabled: busy, onClick: () => remove(a.id), className: "elvix-btn elvix-btn-ghost" }, "Remove"))), !adding && /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setAdding(true), className: "elvix-btn elvix-btn-primary", style: { marginTop: 12 } }, "Add address"), adding && /* @__PURE__ */ React.createElement("form", { onSubmit: add, className: "elvix-form", style: { marginTop: 12 } }, /* @__PURE__ */ React.createElement("input", { value: form.label, onChange: (e) => setForm({ ...form, label: e.target.value }), placeholder: "Label", className: "elvix-input" }), /* @__PURE__ */ React.createElement("input", { value: form.line1, onChange: (e) => setForm({ ...form, line1: e.target.value }), placeholder: "Street", required: true, className: "elvix-input" }), /* @__PURE__ */ React.createElement("input", { value: form.postalCode, onChange: (e) => setForm({ ...form, postalCode: e.target.value }), placeholder: "Postal code", required: true, className: "elvix-input" }), /* @__PURE__ */ React.createElement("input", { value: form.city, onChange: (e) => setForm({ ...form, city: e.target.value }), placeholder: "City", required: true, className: "elvix-input" }), /* @__PURE__ */ React.createElement("input", { value: form.country, onChange: (e) => setForm({ ...form, country: e.target.value.toUpperCase() }), placeholder: "Country (ISO-2)", maxLength: 2, required: true, className: "elvix-input" }), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary" }, busy ? "Saving\u2026" : "Save")));
+  return /* @__PURE__ */ jsxs16(ElvixCard, { title: "Addresses", children: [
+    error && /* @__PURE__ */ jsx17("p", { role: "alert", className: "elvix-error", children: error }),
+    !rows && !error && /* @__PURE__ */ jsx17("p", { children: "Loading\u2026" }),
+    rows && rows.length === 0 && /* @__PURE__ */ jsx17("p", { className: "elvix-muted", children: "No addresses yet." }),
+    rows?.map((a) => /* @__PURE__ */ jsxs16("div", { style: { padding: "8px 0", borderBottom: "1px solid rgba(0,0,0,0.06)", display: "flex", justifyContent: "space-between", gap: 12 }, children: [
+      /* @__PURE__ */ jsxs16("div", { style: { fontSize: 13 }, children: [
+        /* @__PURE__ */ jsx17("div", { style: { fontWeight: 500 }, children: a.label }),
+        /* @__PURE__ */ jsxs16("div", { style: { color: "rgba(0,0,0,0.55)" }, children: [
+          a.line1,
+          a.line2 ? `, ${a.line2}` : "",
+          ", ",
+          a.postalCode,
+          " ",
+          a.city,
+          ", ",
+          a.country
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx17("button", { type: "button", disabled: busy, onClick: () => remove(a.id), className: "elvix-btn elvix-btn-ghost", children: "Remove" })
+    ] }, a.id)),
+    !adding && /* @__PURE__ */ jsx17("button", { type: "button", onClick: () => setAdding(true), className: "elvix-btn elvix-btn-primary", style: { marginTop: 12 }, children: "Add address" }),
+    adding && /* @__PURE__ */ jsxs16("form", { onSubmit: add, className: "elvix-form", style: { marginTop: 12 }, children: [
+      /* @__PURE__ */ jsx17("input", { value: form.label, onChange: (e) => setForm({ ...form, label: e.target.value }), placeholder: "Label", className: "elvix-input" }),
+      /* @__PURE__ */ jsx17("input", { value: form.line1, onChange: (e) => setForm({ ...form, line1: e.target.value }), placeholder: "Street", required: true, className: "elvix-input" }),
+      /* @__PURE__ */ jsx17("input", { value: form.postalCode, onChange: (e) => setForm({ ...form, postalCode: e.target.value }), placeholder: "Postal code", required: true, className: "elvix-input" }),
+      /* @__PURE__ */ jsx17("input", { value: form.city, onChange: (e) => setForm({ ...form, city: e.target.value }), placeholder: "City", required: true, className: "elvix-input" }),
+      /* @__PURE__ */ jsx17("input", { value: form.country, onChange: (e) => setForm({ ...form, country: e.target.value.toUpperCase() }), placeholder: "Country (ISO-2)", maxLength: 2, required: true, className: "elvix-input" }),
+      /* @__PURE__ */ jsx17("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary", children: busy ? "Saving\u2026" : "Save" })
+    ] })
+  ] });
 }
 
 // src/react/elvix-legal-entities.tsx
 import { useEffect as useEffect6, useState as useState16 } from "react";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function ElvixLegalEntities({
   onResult
 }) {
@@ -1223,7 +1405,29 @@ function ElvixLegalEntities({
     if (result.ok) setRows((prev) => prev?.filter((a) => a.id !== id) ?? null);
     onResult?.(result);
   }
-  return /* @__PURE__ */ React.createElement(ElvixCard, { title: "Legal entities" }, error && /* @__PURE__ */ React.createElement("p", { role: "alert", className: "elvix-error" }, error), !rows && !error && /* @__PURE__ */ React.createElement("p", null, "Loading\u2026"), rows && rows.length === 0 && /* @__PURE__ */ React.createElement("p", { className: "elvix-muted" }, "No legal entities yet."), rows?.map((e) => /* @__PURE__ */ React.createElement("div", { key: e.id, style: { padding: "8px 0", borderBottom: "1px solid rgba(0,0,0,0.06)", display: "flex", justifyContent: "space-between", gap: 12 } }, /* @__PURE__ */ React.createElement("div", { style: { fontSize: 13 } }, /* @__PURE__ */ React.createElement("div", { style: { fontWeight: 500 } }, e.legalName), /* @__PURE__ */ React.createElement("div", { style: { color: "rgba(0,0,0,0.55)" } }, e.taxId, " \xB7 ", e.country)), /* @__PURE__ */ React.createElement("button", { type: "button", disabled: busy, onClick: () => remove(e.id), className: "elvix-btn elvix-btn-ghost" }, "Remove"))), !adding && /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setAdding(true), className: "elvix-btn elvix-btn-primary", style: { marginTop: 12 } }, "Add entity"), adding && /* @__PURE__ */ React.createElement("form", { onSubmit: add, className: "elvix-form", style: { marginTop: 12 } }, /* @__PURE__ */ React.createElement("input", { value: form.legalName, onChange: (e) => setForm({ ...form, legalName: e.target.value }), placeholder: "Legal name", required: true, className: "elvix-input" }), /* @__PURE__ */ React.createElement("input", { value: form.taxId, onChange: (e) => setForm({ ...form, taxId: e.target.value }), placeholder: "Tax / VAT ID", required: true, className: "elvix-input" }), /* @__PURE__ */ React.createElement("input", { value: form.country, onChange: (e) => setForm({ ...form, country: e.target.value.toUpperCase() }), placeholder: "Country (ISO-2)", maxLength: 2, required: true, className: "elvix-input" }), /* @__PURE__ */ React.createElement("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary" }, busy ? "Saving\u2026" : "Save")));
+  return /* @__PURE__ */ jsxs17(ElvixCard, { title: "Legal entities", children: [
+    error && /* @__PURE__ */ jsx18("p", { role: "alert", className: "elvix-error", children: error }),
+    !rows && !error && /* @__PURE__ */ jsx18("p", { children: "Loading\u2026" }),
+    rows && rows.length === 0 && /* @__PURE__ */ jsx18("p", { className: "elvix-muted", children: "No legal entities yet." }),
+    rows?.map((e) => /* @__PURE__ */ jsxs17("div", { style: { padding: "8px 0", borderBottom: "1px solid rgba(0,0,0,0.06)", display: "flex", justifyContent: "space-between", gap: 12 }, children: [
+      /* @__PURE__ */ jsxs17("div", { style: { fontSize: 13 }, children: [
+        /* @__PURE__ */ jsx18("div", { style: { fontWeight: 500 }, children: e.legalName }),
+        /* @__PURE__ */ jsxs17("div", { style: { color: "rgba(0,0,0,0.55)" }, children: [
+          e.taxId,
+          " \xB7 ",
+          e.country
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx18("button", { type: "button", disabled: busy, onClick: () => remove(e.id), className: "elvix-btn elvix-btn-ghost", children: "Remove" })
+    ] }, e.id)),
+    !adding && /* @__PURE__ */ jsx18("button", { type: "button", onClick: () => setAdding(true), className: "elvix-btn elvix-btn-primary", style: { marginTop: 12 }, children: "Add entity" }),
+    adding && /* @__PURE__ */ jsxs17("form", { onSubmit: add, className: "elvix-form", style: { marginTop: 12 }, children: [
+      /* @__PURE__ */ jsx18("input", { value: form.legalName, onChange: (e) => setForm({ ...form, legalName: e.target.value }), placeholder: "Legal name", required: true, className: "elvix-input" }),
+      /* @__PURE__ */ jsx18("input", { value: form.taxId, onChange: (e) => setForm({ ...form, taxId: e.target.value }), placeholder: "Tax / VAT ID", required: true, className: "elvix-input" }),
+      /* @__PURE__ */ jsx18("input", { value: form.country, onChange: (e) => setForm({ ...form, country: e.target.value.toUpperCase() }), placeholder: "Country (ISO-2)", maxLength: 2, required: true, className: "elvix-input" }),
+      /* @__PURE__ */ jsx18("button", { type: "submit", disabled: busy, className: "elvix-btn elvix-btn-primary", children: busy ? "Saving\u2026" : "Save" })
+    ] })
+  ] });
 }
 export {
   DEFAULT_COPY,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elvix.is/sdk",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "Official elvix SDK. Drop-in React components, server helpers, and an MCP server so AI coding agents integrate elvix on the first try.",
   "license": "MIT",
   "homepage": "https://elvix.is",
@@ -52,7 +52,7 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "tsup src/index.ts src/react.ts src/server.ts src/types.ts src/mcp/index.ts src/mcp/bin.ts src/cli/index.ts src/cli/doctor.ts --format esm --dts --clean --external react --external next",
+    "build": "tsup src/index.ts src/react.ts src/server.ts src/types.ts src/mcp/index.ts src/mcp/bin.ts src/cli/index.ts src/cli/doctor.ts --format esm --dts --clean --external react --external react/jsx-runtime --external next && node scripts/postbuild.mjs",
     "typecheck": "tsc --noEmit",
     "test": "vitest run"
   },