@businessdash/sdk 0.9.80 → 0.9.90

package/dist/react.js

@@ -10,7 +10,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * WHY THE DIRECTIVE IS HERE
  *
  * Without it, a React Server Components framework treats this module as server
- * code by default, and importing `<BiabForm>` into a page throws "you're
+ * code by default, and importing `<BdForm>` into a page throws "you're
  * importing a component that needs useState". The only way out is for every
  * consumer to hand-write a `"use client"` wrapper per component — which is
  * exactly what the Next App Router starter had to do, sixteen times, for
@@ -24,24 +24,24 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  */
 import { createContext, Fragment, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore, } from "react";
 import { createFollowersController, createUserController, } from "./account-core/index.js";
-import { buildAuthHref, clearLocalFollow, DEFAULT_AUTH_BASE_PATH, followerStoreKey, readLocalFollow, writeLocalFollow, } from "./auth-links.js";
+import { buildAuthHref, DEFAULT_AUTH_BASE_PATH } from "./auth-links.js";
 import { createBlogController } from "./blog-core/index.js";
 import { createChatController } from "./chat-core/index.js";
 import { createCheckoutController } from "./checkout-core/index.js";
-import { BiabDevClient } from "./client.js";
+import { BdApiClient } from "./client.js";
 import { DEFAULT_EMBED_SANDBOX, DEFAULT_REFRESH_LEAD_MS, refreshDelayMs, subscribeToEmbedMessages, } from "./embed-protocol.js";
 import { buildAcceptAttr, concurrentRevealCount, createFormController, evalCondition, fetchIconNames, filterIconNames, flattenValueFields, formatCalcValue, iconUrl, isPendingFileValue, resolveFieldAutocomplete, shouldSearchOptions, validateFile, } from "./forms-core/index.js";
 import { baseUnitFor, convertToBase, formatMeasurement, isMeasurementCategory, unitsForCategory, } from "./forms-core/units.js";
 import { US_STATES } from "./forms-core/us-states.js";
-import { createMarketingController } from "./marketing-core/index.js";
+import { createMarketingController, marketingListView, marketingPageView, } from "./marketing-core/index.js";
 import { createPortalController } from "./portal-core/index.js";
-import { createBiabClient } from "./sdk.js";
+import { createBdClient } from "./sdk.js";
 import { resolveSocialLinks, SOCIAL_FALLBACK_GLYPH, SOCIAL_LIST_STYLE, } from "./social-core/index.js";
 import { createStoreController } from "./store-core/index.js";
 import { createVerifyController, } from "./verify-core/index.js";
 function useEmbedSession(loader, options) {
     const { apiKey, baseUrl, refreshLeadMs = DEFAULT_REFRESH_LEAD_MS } = options;
-    const client = useMemo(() => new BiabDevClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+    const client = useMemo(() => new BdApiClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
     const [state, setState] = useState({ status: "idle" });
     // `loader` is recreated per surface; depending on it would refetch on every
     // render, so it's intentionally omitted from the deps below.
@@ -152,7 +152,7 @@ export function Storefront({ apiKey, baseUrl, productId, className, style, title
     const { state, refresh } = useEmbedSession((client) => client.storefront.createSession(input), { apiKey, baseUrl, refreshLeadMs });
     const handleEvent = useCallback((event) => {
         onEvent?.(event);
-        if (event.type === "biab:cart:update") {
+        if (event.type === "bd:cart:update") {
             onCartChange?.(event.count, event.subtotalCents);
         }
     }, [onEvent, onCartChange]);
@@ -162,7 +162,7 @@ export function Cart({ apiKey, baseUrl, className, style, title = "Cart", loadin
     const { state, refresh } = useEmbedSession((client) => client.cart.createSession(), { apiKey, baseUrl, refreshLeadMs });
     const handleEvent = useCallback((event) => {
         onEvent?.(event);
-        if (event.type === "biab:cart:update") {
+        if (event.type === "bd:cart:update") {
             onCartChange?.(event.count, event.subtotalCents);
         }
     }, [onEvent, onCartChange]);
@@ -170,7 +170,7 @@ export function Cart({ apiKey, baseUrl, className, style, title = "Cart", loadin
 }
 export function Checkout(props) {
     const { apiKey, baseUrl, cart, mode = "redirect", className, style, title = "Checkout", children, loadingFallback, errorFallback, onEvent, onSuccess, onCancel, onError, } = props;
-    const client = useMemo(() => new BiabDevClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+    const client = useMemo(() => new BdApiClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
     const [state, setState] = useState({
         status: "idle",
     });
@@ -191,11 +191,11 @@ export function Checkout(props) {
     }, [client, cart, mode, onError]);
     const handleEvent = useCallback((event) => {
         onEvent?.(event);
-        if (event.type === "biab:checkout:success")
+        if (event.type === "bd:checkout:success")
             onSuccess?.(event.sessionId);
-        else if (event.type === "biab:checkout:cancel")
+        else if (event.type === "bd:checkout:cancel")
             onCancel?.(event.sessionId);
-        else if (event.type === "biab:checkout:error")
+        else if (event.type === "bd:checkout:error")
             onError?.(new Error(event.message));
     }, [onEvent, onSuccess, onCancel, onError]);
     // Lazily create the session once it's idle (iframe mode). Declared BEFORE the
@@ -220,7 +220,7 @@ export function CheckoutResult(props) {
             setState({ status: "error", error: new Error("Missing session id.") });
             return;
         }
-        const client = new BiabDevClient({ apiKey, baseUrl });
+        const client = new BdApiClient({ apiKey, baseUrl });
         // We hit the *public* tRPC endpoint via fetch — no API key required.
         const trpcUrl = baseUrl.replace(/\/api\/package\/v1\/?$/, "");
         const requestUrl = `${trpcUrl}/api/trpc/store.checkoutSessionStatus?input=${encodeURIComponent(JSON.stringify({ json: { orgSlug, sessionId } }))}`;
@@ -277,7 +277,7 @@ export function Chatbot({ apiKey, baseUrl, className, style, title = "Assistant"
     const { state, refresh } = useEmbedSession((client) => client.chatbot.createSession(), { apiKey, baseUrl, refreshLeadMs });
     const handleEvent = useCallback((event) => {
         onEvent?.(event);
-        if (event.type === "biab:chatbot:assistant-message") {
+        if (event.type === "bd:chatbot:assistant-message") {
             onAssistantMessage?.(event.content, event.model);
         }
     }, [onEvent, onAssistantMessage]);
@@ -296,13 +296,13 @@ export function Chatbot({ apiKey, baseUrl, className, style, title = "Assistant"
 export function useChatbot(options) {
     const { apiKey, baseUrl } = options;
     const controller = useMemo(() => createChatController({
-        client: new BiabDevClient({ apiKey, baseUrl }),
+        client: new BdApiClient({ apiKey, baseUrl }),
     }), [apiKey, baseUrl]);
     useEffect(() => () => controller.destroy(), [controller]);
     const subscribe = useCallback((onStoreChange) => controller.subscribe(() => onStoreChange()), [controller]);
     const getSnapshot = useCallback(() => controller.snapshot(), [controller]);
     const snap = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-    const uploadFile = useCallback((args) => new BiabDevClient({ apiKey, baseUrl }).chatbot.uploadFile(args), [apiKey, baseUrl]);
+    const uploadFile = useCallback((args) => new BdApiClient({ apiKey, baseUrl }).chatbot.uploadFile(args), [apiKey, baseUrl]);
     // The returned shape is unchanged from before this hook was moved onto
     // `chat-core`, so existing consumers keep working — only the implementation
     // moved, and it now backs every other framework's chat binding too.
@@ -335,7 +335,7 @@ export function useChatbot(options) {
 export function useStorefront(options) {
     const { apiKey, baseUrl, pageSize, categoryId } = options;
     const controller = useMemo(() => createStoreController({
-        client: new BiabDevClient({ apiKey, baseUrl }),
+        client: new BdApiClient({ apiKey, baseUrl }),
         ...(pageSize ? { pageSize } : {}),
         ...(categoryId ? { categoryId } : {}),
     }), [apiKey, baseUrl, pageSize, categoryId]);
@@ -399,52 +399,52 @@ const inlineLayoutStyles = {
  * Opt-in default visual theme for {@link ChatbotInline}. Every rule is wrapped
  * in `:where(…)` so it has **zero specificity** — any class a consumer passes
  * via `classNames` (or their global CSS) overrides it without `!important`.
- * Scoped to the `[data-biab-chatbot]` root (set only when `unstyled` is false),
+ * Scoped to the `[data-bd-chatbot]` root (set only when `unstyled` is false),
  * and targets the per-slot `data-slot` attributes the component stamps on each
  * element. Injected once into `<head>` (id-guarded). This is what makes the
  * inline component a polished drop-in instead of bare divs, while preserving
  * the headless contract for anyone who wants to style it themselves.
  */
-const CHATBOT_INLINE_STYLE_ID = "biab-chatbot-inline-styles";
+const CHATBOT_INLINE_STYLE_ID = "bd-chatbot-inline-styles";
 const CHATBOT_INLINE_CSS = `
-:where([data-biab-chatbot]){font-size:14px;color:inherit;background:var(--biab-chatbot-bg,Canvas);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:16px;}
-:where([data-biab-chatbot] [data-slot="header"]){padding:12px 16px;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);}
-:where([data-biab-chatbot] [data-slot="header-title"]){font-weight:600;}
-:where([data-biab-chatbot] [data-slot="header-subtitle"]){font-size:12px;opacity:.6;margin-top:2px;}
-:where([data-biab-chatbot] [data-slot="presence-strip"]){display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;font-size:12px;border-bottom:1px solid color-mix(in srgb,currentColor 8%,transparent);opacity:.85;}
-:where([data-biab-chatbot] [data-slot="message-list"]){padding:16px;gap:12px;}
-:where([data-biab-chatbot] [data-slot="message-row"]){max-width:85%;width:fit-content;padding:8px 12px;border-radius:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px color-mix(in srgb,currentColor 8%,transparent);}
-:where([data-biab-chatbot] [data-slot="message-row"][data-role="user"]){align-self:flex-end;background:var(--biab-chatbot-accent,#0d9488);color:#fff;border-bottom-right-radius:4px;}
-:where([data-biab-chatbot] [data-slot="message-row"][data-role="assistant"]){align-self:flex-start;background:color-mix(in srgb,currentColor 8%,transparent);border-bottom-left-radius:4px;}
-:where([data-biab-chatbot] [data-slot="message-pending"]){align-self:flex-start;width:fit-content;padding:8px 12px;background-image:linear-gradient(90deg,currentColor 35%,color-mix(in srgb,currentColor 25%,transparent) 50%,currentColor 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:biab-chatbot-shimmer 2s linear infinite;}
-:where([data-biab-chatbot] [data-slot="error-text"]){align-self:center;font-size:12px;color:#dc2626;}
-:where([data-biab-chatbot] [data-slot="input-bar"]){gap:8px;padding:12px;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);}
-:where([data-biab-chatbot] [data-slot="input-field"]){padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);background:transparent;color:inherit;font:inherit;outline:none;}
-:where([data-biab-chatbot] [data-slot="input-field"]:focus-visible){border-color:var(--biab-chatbot-accent,#0d9488);}
-:where([data-biab-chatbot] [data-slot="send-button"]){padding:8px 14px;border-radius:10px;border:none;background:var(--biab-chatbot-accent,#0d9488);color:#fff;font-weight:500;cursor:pointer;}
-:where([data-biab-chatbot] [data-slot="send-button"]:disabled){opacity:.5;cursor:default;}
-:where([data-biab-chatbot] [data-slot="upload-button"]){display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border:none;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.7;}
-:where([data-biab-chatbot] [data-slot="upload-button"]:hover){opacity:1;}
-:where([data-biab-chatbot] [data-slot="upload-button"]:disabled){opacity:.4;cursor:default;}
-:where([data-biab-chatbot] [data-slot="message-file"]){align-self:flex-end;max-width:85%;padding:8px 12px;border-radius:16px;border-bottom-right-radius:4px;background:var(--biab-chatbot-accent,#0d9488);color:#fff;text-decoration:none;font-size:13px;word-break:break-all;}
-:where([data-biab-chatbot] [data-slot="message-image"]){align-self:flex-end;max-width:85%;border-radius:12px;overflow:hidden;}
-:where([data-biab-chatbot] [data-slot="jump-latest"]){position:absolute;left:50%;bottom:72px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);background:var(--biab-chatbot-bg,Canvas);font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 2px 10px color-mix(in srgb,currentColor 20%,transparent);}
-:where([data-biab-chatbot] [data-slot="form-card"]){display:flex;flex-direction:column;gap:10px;align-self:stretch;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);}
-:where([data-biab-chatbot] [data-slot="form-title"]){font-weight:600;}
-:where([data-biab-chatbot] [data-slot="form-description"]){font-size:12px;opacity:.7;}
-:where([data-biab-chatbot] [data-slot="form-field"]){gap:4px;}
-:where([data-biab-chatbot] [data-slot="form-label"]){font-size:12px;font-weight:500;opacity:.85;}
-:where([data-biab-chatbot] [data-slot="form-input"],[data-biab-chatbot] [data-slot="form-textarea"],[data-biab-chatbot] [data-slot="form-select"]){padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);background:transparent;color:inherit;font:inherit;outline:none;}
-:where([data-biab-chatbot] [data-slot="form-input"]:focus-visible,[data-biab-chatbot] [data-slot="form-textarea"]:focus-visible,[data-biab-chatbot] [data-slot="form-select"]:focus-visible){border-color:var(--biab-chatbot-accent,#0d9488);}
-:where([data-biab-chatbot] [data-slot="form-submit"]){padding:8px 14px;border-radius:8px;border:none;background:var(--biab-chatbot-accent,#0d9488);color:#fff;font-weight:500;cursor:pointer;}
-:where([data-biab-chatbot] [data-slot="form-submit"]:disabled){opacity:.5;cursor:default;}
-:where([data-biab-chatbot] [data-slot="form-error"]){font-size:12px;color:#dc2626;}
-:where([data-biab-chatbot] [data-slot="form-receipt"]){font-size:13px;opacity:.8;}
-@keyframes biab-chatbot-shimmer{from{background-position:100% 0;}to{background-position:0 0;}}
-@media (prefers-reduced-motion:reduce){:where([data-biab-chatbot] [data-slot="message-pending"]){animation:none;-webkit-text-fill-color:currentColor;}}
-@property --biab-chatbot-fade{syntax:"<length>";inherits:false;initial-value:0px;}
-@keyframes biab-chatbot-fade-b{from{--biab-chatbot-fade:24px;}to{--biab-chatbot-fade:0px;}}
-@supports (animation-timeline:scroll()){:where([data-biab-chatbot] [data-slot="message-list"]){-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--biab-chatbot-fade,0px)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--biab-chatbot-fade,0px)),transparent 100%);animation:biab-chatbot-fade-b 1ms linear both;animation-timeline:scroll(self y);animation-range:calc(100% - 96px) 100%;}}
+:where([data-bd-chatbot]){font-size:14px;color:inherit;background:var(--bd-chatbot-bg,Canvas);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:16px;}
+:where([data-bd-chatbot] [data-slot="header"]){padding:12px 16px;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);}
+:where([data-bd-chatbot] [data-slot="header-title"]){font-weight:600;}
+:where([data-bd-chatbot] [data-slot="header-subtitle"]){font-size:12px;opacity:.6;margin-top:2px;}
+:where([data-bd-chatbot] [data-slot="presence-strip"]){display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;font-size:12px;border-bottom:1px solid color-mix(in srgb,currentColor 8%,transparent);opacity:.85;}
+:where([data-bd-chatbot] [data-slot="message-list"]){padding:16px;gap:12px;}
+:where([data-bd-chatbot] [data-slot="message-row"]){max-width:85%;width:fit-content;padding:8px 12px;border-radius:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px color-mix(in srgb,currentColor 8%,transparent);}
+:where([data-bd-chatbot] [data-slot="message-row"][data-role="user"]){align-self:flex-end;background:var(--bd-chatbot-accent,#0d9488);color:#fff;border-bottom-right-radius:4px;}
+:where([data-bd-chatbot] [data-slot="message-row"][data-role="assistant"]){align-self:flex-start;background:color-mix(in srgb,currentColor 8%,transparent);border-bottom-left-radius:4px;}
+:where([data-bd-chatbot] [data-slot="message-pending"]){align-self:flex-start;width:fit-content;padding:8px 12px;background-image:linear-gradient(90deg,currentColor 35%,color-mix(in srgb,currentColor 25%,transparent) 50%,currentColor 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:bd-chatbot-shimmer 2s linear infinite;}
+:where([data-bd-chatbot] [data-slot="error-text"]){align-self:center;font-size:12px;color:#dc2626;}
+:where([data-bd-chatbot] [data-slot="input-bar"]){gap:8px;padding:12px;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);}
+:where([data-bd-chatbot] [data-slot="input-field"]){padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);background:transparent;color:inherit;font:inherit;outline:none;}
+:where([data-bd-chatbot] [data-slot="input-field"]:focus-visible){border-color:var(--bd-chatbot-accent,#0d9488);}
+:where([data-bd-chatbot] [data-slot="send-button"]){padding:8px 14px;border-radius:10px;border:none;background:var(--bd-chatbot-accent,#0d9488);color:#fff;font-weight:500;cursor:pointer;}
+:where([data-bd-chatbot] [data-slot="send-button"]:disabled){opacity:.5;cursor:default;}
+:where([data-bd-chatbot] [data-slot="upload-button"]){display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border:none;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.7;}
+:where([data-bd-chatbot] [data-slot="upload-button"]:hover){opacity:1;}
+:where([data-bd-chatbot] [data-slot="upload-button"]:disabled){opacity:.4;cursor:default;}
+:where([data-bd-chatbot] [data-slot="message-file"]){align-self:flex-end;max-width:85%;padding:8px 12px;border-radius:16px;border-bottom-right-radius:4px;background:var(--bd-chatbot-accent,#0d9488);color:#fff;text-decoration:none;font-size:13px;word-break:break-all;}
+:where([data-bd-chatbot] [data-slot="message-image"]){align-self:flex-end;max-width:85%;border-radius:12px;overflow:hidden;}
+:where([data-bd-chatbot] [data-slot="jump-latest"]){position:absolute;left:50%;bottom:72px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);background:var(--bd-chatbot-bg,Canvas);font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 2px 10px color-mix(in srgb,currentColor 20%,transparent);}
+:where([data-bd-chatbot] [data-slot="form-card"]){display:flex;flex-direction:column;gap:10px;align-self:stretch;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);}
+:where([data-bd-chatbot] [data-slot="form-title"]){font-weight:600;}
+:where([data-bd-chatbot] [data-slot="form-description"]){font-size:12px;opacity:.7;}
+:where([data-bd-chatbot] [data-slot="form-field"]){gap:4px;}
+:where([data-bd-chatbot] [data-slot="form-label"]){font-size:12px;font-weight:500;opacity:.85;}
+:where([data-bd-chatbot] [data-slot="form-input"],[data-bd-chatbot] [data-slot="form-textarea"],[data-bd-chatbot] [data-slot="form-select"]){padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);background:transparent;color:inherit;font:inherit;outline:none;}
+:where([data-bd-chatbot] [data-slot="form-input"]:focus-visible,[data-bd-chatbot] [data-slot="form-textarea"]:focus-visible,[data-bd-chatbot] [data-slot="form-select"]:focus-visible){border-color:var(--bd-chatbot-accent,#0d9488);}
+:where([data-bd-chatbot] [data-slot="form-submit"]){padding:8px 14px;border-radius:8px;border:none;background:var(--bd-chatbot-accent,#0d9488);color:#fff;font-weight:500;cursor:pointer;}
+:where([data-bd-chatbot] [data-slot="form-submit"]:disabled){opacity:.5;cursor:default;}
+:where([data-bd-chatbot] [data-slot="form-error"]){font-size:12px;color:#dc2626;}
+:where([data-bd-chatbot] [data-slot="form-receipt"]){font-size:13px;opacity:.8;}
+@keyframes bd-chatbot-shimmer{from{background-position:100% 0;}to{background-position:0 0;}}
+@media (prefers-reduced-motion:reduce){:where([data-bd-chatbot] [data-slot="message-pending"]){animation:none;-webkit-text-fill-color:currentColor;}}
+@property --bd-chatbot-fade{syntax:"<length>";inherits:false;initial-value:0px;}
+@keyframes bd-chatbot-fade-b{from{--bd-chatbot-fade:24px;}to{--bd-chatbot-fade:0px;}}
+@supports (animation-timeline:scroll()){:where([data-bd-chatbot] [data-slot="message-list"]){-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--bd-chatbot-fade,0px)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--bd-chatbot-fade,0px)),transparent 100%);animation:bd-chatbot-fade-b 1ms linear both;animation-timeline:scroll(self y);animation-range:calc(100% - 96px) 100%;}}
 `;
 /**
  * In-tree React chatbot component. Same backend wiring as the iframe
@@ -744,7 +744,7 @@ export function ChatbotInline({ apiKey, baseUrl, welcomeMessage, title = "Assist
                 URL.revokeObjectURL(stagedPreview);
         };
     }, [stagedPreview]);
-    return (_jsxs("div", { className: [classNames.root, className].filter(Boolean).join(" ") || undefined, "data-biab-chatbot": unstyled ? undefined : "", style: { ...inlineLayoutStyles.root, ...style }, children: [title !== null ? (_jsxs("div", { className: classNames.header, "data-slot": "header", children: [_jsx("div", { className: classNames.headerTitle, "data-slot": "header-title", children: title }), subtitle !== null && subtitle !== undefined ? (_jsx("div", { className: classNames.headerSubtitle, "data-slot": "header-subtitle", children: subtitle })) : null] })) : null, availability?.frontDeskEnabled
+    return (_jsxs("div", { className: [classNames.root, className].filter(Boolean).join(" ") || undefined, "data-bd-chatbot": unstyled ? undefined : "", style: { ...inlineLayoutStyles.root, ...style }, children: [title !== null ? (_jsxs("div", { className: classNames.header, "data-slot": "header", children: [_jsx("div", { className: classNames.headerTitle, "data-slot": "header-title", children: title }), subtitle !== null && subtitle !== undefined ? (_jsx("div", { className: classNames.headerSubtitle, "data-slot": "header-subtitle", children: subtitle })) : null] })) : null, availability?.frontDeskEnabled
                 ? renderPresenceStrip
                     ? renderPresenceStrip(availability)
                     : defaultPresenceStrip({ availability, classNames })
@@ -976,7 +976,7 @@ export async function signOut(options = {}) {
 }
 /**
  * Programmatic "forgot password" — POSTs to the auth handler's
- * `/password-reset` route, which the SDK forwards to BIAB. The server
+ * `/password-reset` route, which the SDK forwards to BD. The server
  * returns `{ ok: true }` regardless of whether an account matched
  * (intentional anti-leak), and emails the platform-hosted reset link
  * out-of-band when a match exists.
@@ -1047,7 +1047,7 @@ export function useUser(options) {
 export function useFollowers(options) {
     const { token, siteId, baseUrl } = options;
     const controller = useMemo(() => createFollowersController({
-        client: createBiabClient({
+        client: createBdClient({
             apiKey: token,
             siteId,
             baseUrl: baseUrl ?? DEFAULT_PACKAGE_BASE_URL,
@@ -1077,7 +1077,7 @@ export function useFollowers(options) {
 export function useCheckout(options) {
     const { apiKey, baseUrl } = options;
     const controller = useMemo(() => createCheckoutController({
-        client: new BiabDevClient({ apiKey, baseUrl }),
+        client: new BdApiClient({ apiKey, baseUrl }),
     }), [apiKey, baseUrl]);
     useEffect(() => () => controller.destroy(), [controller]);
     const subscribe = useCallback((onStoreChange) => controller.subscribe(() => onStoreChange()), [controller]);
@@ -1091,6 +1091,17 @@ export function useCheckout(options) {
         reset: controller.reset,
     };
 }
+/** One controller per hook instance. The cache they share lives a layer down
+ *  in the client, so this costs a subscriber set and nothing else. */
+function useMarketingController(apiKey, baseUrl, siteId) {
+    const client = useMemo(() => new BdApiClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+    const controller = useMemo(() => createMarketingController({ client: client.site(siteId) }), [client, siteId]);
+    useEffect(() => () => controller.destroy(), [controller]);
+    const subscribe = useCallback((onStoreChange) => controller.subscribe(() => onStoreChange()), [controller]);
+    const getSnapshot = useCallback(() => controller.snapshot(), [controller]);
+    const snap = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+    return { client, controller, snap };
+}
 /**
  * Lazy-fetch a single marketing page by `pageKey`. The hook reads from the
  * SDK's shared cache when present (warmed by `useMarketingPagePreloader` or
@@ -1103,44 +1114,17 @@ export function useCheckout(options) {
  */
 export function useMarketingPage(options) {
     const { apiKey, baseUrl, siteId, pageKey, enabled = true } = options;
-    const client = useMemo(() => new BiabDevClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-    const initial = client.site(siteId).marketingPages.getCached(pageKey);
-    const [state, setState] = useState(initial
-        ? { status: "ready", page: initial.page }
-        : { status: "idle", page: null });
-    const fetchOnce = useCallback(async (skipCache = false) => {
-        if (!enabled)
-            return;
-        setState({ status: "loading", page: null });
-        try {
-            const response = await client
-                .site(siteId)
-                .marketingPages.get(pageKey, { skipCache });
-            setState({ status: "ready", page: response.page });
-        }
-        catch (err) {
-            setState({
-                status: "error",
-                page: null,
-                error: err instanceof Error
-                    ? err
-                    : new Error("Marketing page load failed"),
-            });
-        }
-    }, [client, siteId, pageKey, enabled]);
+    const { client, controller, snap } = useMarketingController(apiKey, baseUrl, siteId);
     useEffect(() => {
         if (!enabled)
             return;
-        // Cache hit: render synchronously, no fetch.
-        const hit = client.site(siteId).marketingPages.getCached(pageKey);
-        if (hit) {
-            setState({ status: "ready", page: hit.page });
-            return;
-        }
-        void fetchOnce(false);
-    }, [client, siteId, pageKey, enabled, fetchOnce]);
-    const refresh = useCallback(() => fetchOnce(true), [fetchOnce]);
-    return { ...state, refresh };
+        void controller.open(pageKey);
+    }, [controller, pageKey, enabled]);
+    const refresh = useCallback(() => controller.open(pageKey, { skipCache: true }), [controller, pageKey]);
+    // The synchronous cache read is React's to do — the controller cannot,
+    // because the cache lives in the client. Everything after it is the core's.
+    const cached = client.site(siteId).marketingPages.getCached(pageKey)?.page ?? null;
+    return { ...marketingPageView(snap, pageKey, cached), refresh };
 }
 /**
  * Loads the payload-free directory of marketing pages for a site. Pair with
@@ -1148,33 +1132,16 @@ export function useMarketingPage(options) {
  */
 export function useMarketingPagesList(options) {
     const { apiKey, baseUrl, siteId, enabled = true } = options;
-    const client = useMemo(() => new BiabDevClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
-    const [state, setState] = useState({
-        status: "idle",
-        pages: null,
-    });
-    const fetchOnce = useCallback(async () => {
+    const { controller, snap } = useMarketingController(apiKey, baseUrl, siteId);
+    // This hook only ever calls `load()`, so the controller's single `status`
+    // is describing the index and nothing else.
+    const refresh = useCallback(() => controller.load(), [controller]);
+    useEffect(() => {
         if (!enabled)
             return;
-        setState({ status: "loading", pages: null });
-        try {
-            const response = await client
-                .site(siteId)
-                .marketingPages.list();
-            setState({ status: "ready", pages: response.pages });
-        }
-        catch (err) {
-            setState({
-                status: "error",
-                pages: null,
-                error: err instanceof Error ? err : new Error("Marketing pages list failed"),
-            });
-        }
-    }, [client, siteId, enabled]);
-    useEffect(() => {
-        void fetchOnce();
-    }, [fetchOnce]);
-    return { ...state, refresh: fetchOnce };
+        void controller.load();
+    }, [controller, enabled]);
+    return { ...marketingListView(snap), refresh };
 }
 /**
  * Returns a stable `preload(pageKey)` function that warms the SDK cache for
@@ -1184,15 +1151,15 @@ export function useMarketingPagesList(options) {
  */
 export function useMarketingPagePreloader(options) {
     const { apiKey, baseUrl, siteId } = options;
-    const client = useMemo(() => new BiabDevClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+    const { client, controller } = useMarketingController(apiKey, baseUrl, siteId);
     return useCallback(async (pageKey) => {
-        try {
-            return await client.site(siteId).marketingPages.prefetch(pageKey);
-        }
-        catch {
-            return null;
-        }
-    }, [client, siteId]);
+        // The core swallows prefetch failures on purpose — a guess about
+        // where the visitor is going must never surface as an error on the
+        // page they are actually reading. Reading the cache afterwards is
+        // how this keeps returning the response its signature promises.
+        await controller.prefetch(pageKey);
+        return client.site(siteId).marketingPages.getCached(pageKey) ?? null;
+    }, [client, controller, siteId]);
 }
 // ── Marketing-flow hooks (schema-driven, see ./react-marketing.tsx) ────────
 export { useMarketingBundlePreloader, useMarketingLocales, useMarketingPageBundle, useMarketingPageSeo, useMarketingSection, usePublishedMarketingSchema, } from "./react-marketing.js";
@@ -1205,7 +1172,7 @@ export { useMarketingBundlePreloader, useMarketingLocales, useMarketingPageBundl
  */
 export function VerifyEmailFlow(props) {
     const { apiKey, baseUrl, sessionToken, currentEmail } = props;
-    const client = useMemo(() => new BiabDevClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+    const client = useMemo(() => new BdApiClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
     const [email, setEmail] = useState(currentEmail ?? "");
     const [sent, setSent] = useState(false);
     const [busy, setBusy] = useState(false);
@@ -1239,7 +1206,7 @@ export function VerifyEmailFlow(props) {
  */
 export function VerifyEmailConfirm(props) {
     const { apiKey, baseUrl, sessionToken, token, onVerified } = props;
-    const client = useMemo(() => new BiabDevClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+    const client = useMemo(() => new BdApiClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
     const [state, setState] = useState({ kind: "idle" });
     useEffect(() => {
         let cancelled = false;
@@ -1279,7 +1246,7 @@ export function VerifyEmailConfirm(props) {
  */
 export function VerifyPhoneFlow(props) {
     const { apiKey, baseUrl, sessionToken, currentPhone, onVerified } = props;
-    const client = useMemo(() => new BiabDevClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
+    const client = useMemo(() => new BdApiClient({ apiKey, baseUrl }), [apiKey, baseUrl]);
     const [phone, setPhone] = useState(currentPhone ?? "");
     const [phase, setPhase] = useState("enter");
     const [otp, setOtp] = useState("");
@@ -1342,7 +1309,7 @@ export function VerifyPhoneFlow(props) {
  * bundled: it's ~1,600 entries that change only when Lucide does. An author who
  * curated `allowedIcons` skips the fetch entirely.
  */
-function BiabIconSelect({ field, value, set, }) {
+function BdIconSelect({ field, value, set, }) {
     const cfg = field
         .iconConfig ?? {};
     const curated = cfg.allowedIcons ?? [];
@@ -1364,7 +1331,7 @@ function BiabIconSelect({ field, value, set, }) {
         };
     }, [curated.length]);
     const results = useMemo(() => filterIconNames(all, query), [all, query]);
-    return (_jsxs("div", { className: "biab-iconselect", children: [_jsx("input", { className: "biab-input biab-iconselect__search", onChange: (e) => setQuery(e.target.value), placeholder: field.placeholder || "Search icons…", type: "text", value: query }), selected && (_jsxs("span", { className: "biab-iconselect__current", children: [_jsx("img", { alt: selected, height: 16, src: iconUrl(selected), width: 16 }), _jsx("button", { className: "biab-iconselect__clear", onClick: () => set(""), type: "button", children: "\u00D7" })] })), _jsx("div", { className: "biab-iconselect__grid", children: results.map((name) => (_jsx("button", { "aria-label": name, "aria-pressed": selected === name, className: `biab-iconselect__item${selected === name ? "is-selected" : ""}`, onClick: () => set(name), title: name, type: "button", children: _jsx("img", { alt: "", height: 16, src: iconUrl(name), width: 16 }) }, name))) })] }));
+    return (_jsxs("div", { className: "bd-iconselect", children: [_jsx("input", { className: "bd-input bd-iconselect__search", onChange: (e) => setQuery(e.target.value), placeholder: field.placeholder || "Search icons…", type: "text", value: query }), selected && (_jsxs("span", { className: "bd-iconselect__current", children: [_jsx("img", { alt: selected, height: 16, src: iconUrl(selected), width: 16 }), _jsx("button", { className: "bd-iconselect__clear", onClick: () => set(""), type: "button", children: "\u00D7" })] })), _jsx("div", { className: "bd-iconselect__grid", children: results.map((name) => (_jsx("button", { "aria-label": name, "aria-pressed": selected === name, className: `bd-iconselect__item${selected === name ? "is-selected" : ""}`, onClick: () => set(name), title: name, type: "button", children: _jsx("img", { alt: "", height: 16, src: iconUrl(name), width: 16 }) }, name))) })] }));
 }
 /**
  * `image_input` — one image, from an upload OR a pasted URL.
@@ -1373,13 +1340,13 @@ function BiabIconSelect({ field, value, set, }) {
  * pending file and flushed by the controller at submit, exactly like
  * `file_upload`, then replaced by its stored URL.
  */
-function BiabImageInput({ field, value, set, }) {
+function BdImageInput({ field, value, set, }) {
     const cfg = field.imageInputConfig ?? {};
     const sources = cfg.sources ?? "both";
     const [mode, setMode] = useState(sources === "url" ? "url" : "upload");
     const pending = isPendingFileValue(value) ? value : null;
     const url = typeof value === "string" ? value : "";
-    return (_jsxs("div", { className: "biab-imageinput", children: [sources === "both" && (_jsx("div", { className: "biab-imageinput__modes", children: ["upload", "url"].map((m) => (_jsx("button", { "aria-pressed": mode === m, className: `biab-imageinput__mode${mode === m ? "is-active" : ""}`, onClick: () => setMode(m), type: "button", children: m === "upload" ? "Upload" : "Paste URL" }, m))) })), mode === "upload" && sources !== "url" ? (_jsx("input", { accept: (cfg.allowedTypes ?? ["image/*"]).join(","), className: "biab-input biab-imageinput__file", onChange: (e) => {
+    return (_jsxs("div", { className: "bd-imageinput", children: [sources === "both" && (_jsx("div", { className: "bd-imageinput__modes", children: ["upload", "url"].map((m) => (_jsx("button", { "aria-pressed": mode === m, className: `bd-imageinput__mode${mode === m ? "is-active" : ""}`, onClick: () => setMode(m), type: "button", children: m === "upload" ? "Upload" : "Paste URL" }, m))) })), mode === "upload" && sources !== "url" ? (_jsx("input", { accept: (cfg.allowedTypes ?? ["image/*"]).join(","), className: "bd-input bd-imageinput__file", onChange: (e) => {
                     const file = e.target.files?.[0];
                     if (!file)
                         return;
@@ -1392,44 +1359,44 @@ function BiabImageInput({ field, value, set, }) {
                         name: file.name,
                         size: file.size,
                     });
-                }, type: "file" })) : (_jsx("input", { className: "biab-input biab-imageinput__url", onChange: (e) => set(e.target.value), placeholder: field.placeholder || "https://example.com/image.png", type: "url", value: url })), cfg.showPreview !== false && (pending || url) ? (_jsx("img", { alt: "", className: "biab-imageinput__preview", src: pending ? "" : url })) : null, pending && (_jsxs("span", { className: "biab-imageinput__pending", children: [pending.name, " \u2014 uploads on submit."] }))] }));
+                }, type: "file" })) : (_jsx("input", { className: "bd-input bd-imageinput__url", onChange: (e) => set(e.target.value), placeholder: field.placeholder || "https://example.com/image.png", type: "url", value: url })), cfg.showPreview !== false && (pending || url) ? (_jsx("img", { alt: "", className: "bd-imageinput__preview", src: pending ? "" : url })) : null, pending && (_jsxs("span", { className: "bd-imageinput__pending", children: [pending.name, " \u2014 uploads on submit."] }))] }));
 }
-// A `BiabFormProvider` lets a consumer supply the client once at the root and
-// drop `<BiabForm slug="…" />` anywhere below without threading the client prop.
-const BiabFormClientContext = createContext(null);
+// A `BdFormProvider` lets a consumer supply the client once at the root and
+// drop `<BdForm slug="…" />` anywhere below without threading the client prop.
+const BdFormClientContext = createContext(null);
 /** Production package-API base URL — the default target for a publishable token
  *  when no `baseUrl` is supplied. Override via the `baseUrl` prop for staging or
  *  a custom host. Use the **apex** host: `www.biab.app` 307-redirects to the
  *  apex, and a CORS preflight does not follow redirects (the browser fails the
  *  request), so a browser publishable-token client must target the apex. */
 export const DEFAULT_PACKAGE_BASE_URL = "https://biab.app/api/package/v1";
-/** Provide a BIAB forms client to every nested `<BiabForm>`. Pass a `client`, or
+/** Provide a BD forms client to every nested `<BdForm>`. Pass a `client`, or
  *  a publishable `token` + `siteId` (+ optional `baseUrl`) to build a browser
  *  client. */
-export function BiabFormProvider({ client, token, siteId, baseUrl, children, }) {
+export function BdFormProvider({ client, token, siteId, baseUrl, children, }) {
     const resolved = useMemo(() => client ??
         (token && siteId
-            ? createBiabClient({
+            ? createBdClient({
                 apiKey: token,
                 siteId,
                 baseUrl: baseUrl ?? DEFAULT_PACKAGE_BASE_URL,
             })
             : null), [client, token, siteId, baseUrl]);
-    return (_jsx(BiabFormClientContext.Provider, { value: resolved, children: children }));
+    return (_jsx(BdFormClientContext.Provider, { value: resolved, children: children }));
 }
-/** Read the client from a surrounding `<BiabFormProvider>`, if any. */
-export function useBiabFormsClient() {
-    return useContext(BiabFormClientContext);
+/** Read the client from a surrounding `<BdFormProvider>`, if any. */
+export function useBdFormsClient() {
+    return useContext(BdFormClientContext);
 }
 const FetchScheduleSlotsContext = createContext(undefined);
-/** Autofill (`autocomplete`) config for the field tree, provided by `<BiabForm>`.
+/** Autofill (`autocomplete`) config for the field tree, provided by `<BdForm>`.
  *  Default `{}` → inference on, no overrides. */
 const AutocompleteContext = createContext({});
-/** Auto-schedule (instant booking) picker for `<BiabForm>`: fetches the assigned
+/** Auto-schedule (instant booking) picker for `<BdForm>`: fetches the assigned
  *  staff's open slots and lets the visitor pick one. Value `{ slotStartAt,
  *  timezone }`; the server books the meeting on submit. Dependency-light (plain
- *  elements + `biab-field__schedule-*` classes). */
-function BiabScheduleAuto({ field, value, onChange, }) {
+ *  elements + `bd-field__schedule-*` classes). */
+function BdScheduleAuto({ field, value, onChange, }) {
     const fetchSlots = useContext(FetchScheduleSlotsContext);
     const v = value && typeof value === "object" ? value : {};
     const tz = typeof Intl !== "undefined"
@@ -1460,16 +1427,16 @@ function BiabScheduleAuto({ field, value, onChange, }) {
         };
     }, [fetchSlots, field.id]);
     if (!fetchSlots) {
-        return (_jsx("p", { className: "biab-field__schedule-hint", children: "Booking isn't available here." }));
+        return (_jsx("p", { className: "bd-field__schedule-hint", children: "Booking isn't available here." }));
     }
     if (phase === "loading" || phase === "idle") {
-        return (_jsx("p", { className: "biab-field__schedule-hint", children: "Loading available times\u2026" }));
+        return _jsx("p", { className: "bd-field__schedule-hint", children: "Loading available times\u2026" });
     }
     if (phase === "error") {
-        return (_jsx("p", { className: "biab-field__schedule-hint", children: "Couldn't load times right now." }));
+        return (_jsx("p", { className: "bd-field__schedule-hint", children: "Couldn't load times right now." }));
     }
     if (slots.length === 0) {
-        return (_jsx("p", { className: "biab-field__schedule-hint", children: "No open times in the next few weeks." }));
+        return (_jsx("p", { className: "bd-field__schedule-hint", children: "No open times in the next few weeks." }));
     }
     const byDay = new Map();
     for (const s of slots) {
@@ -1487,7 +1454,7 @@ function BiabScheduleAuto({ field, value, onChange, }) {
         arr.push({ startAt: s.startAt, label });
         byDay.set(dayKey, arr);
     }
-    return (_jsx("div", { className: "biab-field__schedule-auto", children: [...byDay.entries()].map(([day, times]) => (_jsxs("div", { className: "biab-field__schedule-day", children: [_jsx("p", { className: "biab-field__schedule-day-label", children: day }), _jsx("div", { className: "biab-field__schedule-times", children: times.map((t) => (_jsx("button", { className: "biab-field__schedule-slot", "data-selected": v.slotStartAt === t.startAt ? "true" : undefined, onClick: () => onChange({ slotStartAt: t.startAt, timezone: tz }), type: "button", children: t.label }, t.startAt))) })] }, day))) }));
+    return (_jsx("div", { className: "bd-field__schedule-auto", children: [...byDay.entries()].map(([day, times]) => (_jsxs("div", { className: "bd-field__schedule-day", children: [_jsx("p", { className: "bd-field__schedule-day-label", children: day }), _jsx("div", { className: "bd-field__schedule-times", children: times.map((t) => (_jsx("button", { className: "bd-field__schedule-slot", "data-selected": v.slotStartAt === t.startAt ? "true" : undefined, onClick: () => onChange({ slotStartAt: t.startAt, timezone: tz }), type: "button", children: t.label }, t.startAt))) })] }, day))) }));
 }
 /**
  * Subscribe a component to a `FormController` via React's official external-store
@@ -1500,7 +1467,7 @@ function useFormSnapshot(controller) {
     const getSnapshot = useCallback(() => controller.snapshot(), [controller]);
     return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
-// ── biab-* class helpers (mirrors FormPreview's `fieldCssKey`) ───────────────
+// ── bd-* class helpers (mirrors FormPreview's `fieldCssKey`) ───────────────
 function cx(...parts) {
     return parts.filter(Boolean).join(" ");
 }
@@ -1573,7 +1540,7 @@ function safeHttpHref(raw) {
 // ── Self-contained date-range picker (no external calendar dep) ─────────────
 // A popover trigger + a month grid with click-to-select range. Stored value is
 // `{ start, end }` as `yyyy-MM-dd` strings (identical to the app's contract).
-// Styled via biab-* classes so consumers can theme it.
+// Styled via bd-* classes so consumers can theme it.
 function parseIsoDate(s) {
     if (!s)
         return null;
@@ -1586,7 +1553,7 @@ function toIsoDate(d) {
     const day = String(d.getDate()).padStart(2, "0");
     return `${y}-${m}-${day}`;
 }
-const BIAB_MONTHS = [
+const BD_MONTHS = [
     "January",
     "February",
     "March",
@@ -1600,8 +1567,8 @@ const BIAB_MONTHS = [
     "November",
     "December",
 ];
-const BIAB_WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-function BiabDateRange({ value, setValue, }) {
+const BD_WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function BdDateRange({ value, setValue, }) {
     const v = (value && typeof value === "object" ? value : {});
     const start = parseIsoDate(v.start);
     const end = parseIsoDate(v.end);
@@ -1658,48 +1625,48 @@ function BiabDateRange({ value, setValue, }) {
             : `${v.start} → …`
         : "Pick a date range";
     // Positioning is the only inline style (so the popover never overlaps content
-    // even before the CSS loads); everything visual lives in `biab-forms.css`,
+    // even before the CSS loads); everything visual lives in `bd-forms.css`,
     // which mirrors the COSS/shadcn calendar (import it from the SDK).
-    return (_jsxs("div", { className: "biab-daterange", ref: ref, style: { position: "relative" }, children: [_jsx("button", { className: "biab-input biab-field__input biab-daterange__trigger", onClick: () => setOpen((o) => !o), type: "button", children: label }), open && (_jsxs("div", { className: "biab-daterange__popover", style: { position: "absolute", zIndex: 50 }, children: [_jsxs("div", { className: "biab-daterange__nav", children: [_jsx("button", { "aria-label": "Previous month", className: "biab-daterange__navbtn", onClick: () => setView((s) => s.m === 0 ? { y: s.y - 1, m: 11 } : { y: s.y, m: s.m - 1 }), type: "button", children: "\u2039" }), _jsxs("span", { className: "biab-daterange__title", children: [BIAB_MONTHS[view.m], " ", view.y] }), _jsx("button", { "aria-label": "Next month", className: "biab-daterange__navbtn", onClick: () => setView((s) => s.m === 11 ? { y: s.y + 1, m: 0 } : { y: s.y, m: s.m + 1 }), type: "button", children: "\u203A" })] }), _jsxs("div", { className: "biab-daterange__grid", children: [BIAB_WEEKDAYS.map((w) => (_jsx("span", { className: "biab-daterange__dow", children: w }, w))), cells.map((d, i) => {
+    return (_jsxs("div", { className: "bd-daterange", ref: ref, style: { position: "relative" }, children: [_jsx("button", { className: "bd-input bd-field__input bd-daterange__trigger", onClick: () => setOpen((o) => !o), type: "button", children: label }), open && (_jsxs("div", { className: "bd-daterange__popover", style: { position: "absolute", zIndex: 50 }, children: [_jsxs("div", { className: "bd-daterange__nav", children: [_jsx("button", { "aria-label": "Previous month", className: "bd-daterange__navbtn", onClick: () => setView((s) => s.m === 0 ? { y: s.y - 1, m: 11 } : { y: s.y, m: s.m - 1 }), type: "button", children: "\u2039" }), _jsxs("span", { className: "bd-daterange__title", children: [BD_MONTHS[view.m], " ", view.y] }), _jsx("button", { "aria-label": "Next month", className: "bd-daterange__navbtn", onClick: () => setView((s) => s.m === 11 ? { y: s.y + 1, m: 0 } : { y: s.y, m: s.m + 1 }), type: "button", children: "\u203A" })] }), _jsxs("div", { className: "bd-daterange__grid", children: [BD_WEEKDAYS.map((w) => (_jsx("span", { className: "bd-daterange__dow", children: w }, w))), cells.map((d, i) => {
                                 if (!d) {
-                                    return (_jsx("span", { className: "biab-daterange__blank" }, `b-${i}`));
+                                    return _jsx("span", { className: "bd-daterange__blank" }, `b-${i}`);
                                 }
                                 const st = dayState(d);
-                                return (_jsx("button", { className: "biab-daterange__day", "data-range-end": st.end || undefined, "data-range-middle": st.middle || undefined, "data-range-start": st.start || undefined, "data-selected-single": st.single || undefined, "data-today": st.today || undefined, onClick: () => pick(d), type: "button", children: d.getDate() }, toIsoDate(d)));
+                                return (_jsx("button", { className: "bd-daterange__day", "data-range-end": st.end || undefined, "data-range-middle": st.middle || undefined, "data-range-start": st.start || undefined, "data-selected-single": st.single || undefined, "data-today": st.today || undefined, onClick: () => pick(d), type: "button", children: d.getDate() }, toIsoDate(d)));
                             })] })] }))] }));
 }
-// ── Per-type input renderer (light DOM, biab-* classes, no shadcn) ──────────
-function BiabFieldInput({ field, value, setValue, }) {
+// ── Per-type input renderer (light DOM, bd-* classes, no shadcn) ──────────
+function BdFieldInput({ field, value, setValue, }) {
     const set = (v) => setValue(field.id, v);
     const ph = field.placeholder || "";
     // Resolved HTML autofill token for this field (or undefined to omit the
-    // attribute). Honors the global `<BiabForm autoComplete>` switch and per-field
+    // attribute). Honors the global `<BdForm autoComplete>` switch and per-field
     // overrides; see forms-core/autocomplete.ts.
     const acConfig = useContext(AutocompleteContext);
     const autoComplete = resolveFieldAutocomplete(field, acConfig);
     switch (field.type) {
         case "title":
-            return _jsx("h2", { className: "biab-field__title", children: field.label || "Untitled" });
+            return _jsx("h2", { className: "bd-field__title", children: field.label || "Untitled" });
         case "subtitle":
-            return _jsx("h3", { className: "biab-field__subtitle", children: field.label || "" });
+            return _jsx("h3", { className: "bd-field__subtitle", children: field.label || "" });
         case "separator":
-            return _jsx("hr", { className: "biab-field__separator" });
+            return _jsx("hr", { className: "bd-field__separator" });
         case "richtext":
             // `content` is server-sanitized HTML.
-            return field.content ? (_jsx("div", { className: "biab-field__richtext", 
+            return field.content ? (_jsx("div", { className: "bd-field__richtext", 
                 // biome-ignore lint/security/noDangerouslySetInnerHtml: server-sanitized
                 dangerouslySetInnerHTML: { __html: field.content } })) : null;
         case "body_text":
             // Plain body paragraph (no HTML). Display only.
-            return field.content ? (_jsx("p", { className: "biab-field__body", children: field.content })) : null;
+            return field.content ? (_jsx("p", { className: "bd-field__body", children: field.content })) : null;
         case "bullet_list": {
             const lc = field.listConfig ?? {};
             const variant = lc.variant ?? "bullets";
             const items = lc.items ?? [];
             if (variant === "details") {
-                return (_jsx("div", { className: "biab-field__points", children: items.map((it, i) => (_jsxs("div", { className: "biab-field__point", children: [it.icon && (_jsx("span", { "aria-hidden": "true", className: "biab-field__point-icon", "data-icon": it.icon })), _jsxs("span", { className: "biab-field__point-body", children: [_jsx("span", { className: "biab-field__point-title", children: it.text }), it.description && (_jsx("span", { className: "biab-field__point-desc", children: it.description }))] })] }, `${field.id}-li-${i}`))) }));
+                return (_jsx("div", { className: "bd-field__points", children: items.map((it, i) => (_jsxs("div", { className: "bd-field__point", children: [it.icon && (_jsx("span", { "aria-hidden": "true", className: "bd-field__point-icon", "data-icon": it.icon })), _jsxs("span", { className: "bd-field__point-body", children: [_jsx("span", { className: "bd-field__point-title", children: it.text }), it.description && (_jsx("span", { className: "bd-field__point-desc", children: it.description }))] })] }, `${field.id}-li-${i}`))) }));
             }
-            return (_jsxs("div", { className: "biab-field__bullets", children: [lc.title && (_jsx("div", { className: "biab-field__bullets-title", children: lc.title })), _jsx("ul", { children: items.map((it, i) => (_jsx("li", { children: it.text }, `${field.id}-li-${i}`))) })] }));
+            return (_jsxs("div", { className: "bd-field__bullets", children: [lc.title && (_jsx("div", { className: "bd-field__bullets-title", children: lc.title })), _jsx("ul", { children: items.map((it, i) => (_jsx("li", { children: it.text }, `${field.id}-li-${i}`))) })] }));
         }
         case "table": {
             const cfg = field.tableConfig ?? {};
@@ -1707,7 +1674,7 @@ function BiabFieldInput({ field, value, setValue, }) {
             const rows = cfg.rows ?? [];
             if (columns.length === 0)
                 return null;
-            return (_jsx("div", { className: "biab-field__table", children: _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: columns.map((col, ci) => (_jsx("th", { "data-align": col.align ?? "left", "data-highlight": cfg.highlightColumn === ci ? "" : undefined, children: col.header }, `${field.id}-col-${ci}`))) }) }), _jsx("tbody", { children: rows.map((row, ri) => (_jsx("tr", { children: columns.map((col, ci) => {
+            return (_jsx("div", { className: "bd-field__table", children: _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: columns.map((col, ci) => (_jsx("th", { "data-align": col.align ?? "left", "data-highlight": cfg.highlightColumn === ci ? "" : undefined, children: col.header }, `${field.id}-col-${ci}`))) }) }), _jsx("tbody", { children: rows.map((row, ri) => (_jsx("tr", { children: columns.map((col, ci) => {
                                     const cell = row.cells?.[ci] ?? "";
                                     const check = col.type === "check" ? tableCheckState(cell) : "text";
                                     return (_jsx("td", { "data-align": col.align ?? "left", "data-check": check === "text" ? undefined : check, "data-highlight": cfg.highlightColumn === ci ? "" : undefined, children: check === "yes" ? "✓" : check === "no" ? "–" : cell }, `${field.id}-cell-${ri}-${ci}`));
@@ -1720,13 +1687,13 @@ function BiabFieldInput({ field, value, setValue, }) {
                 .calculationConfig;
             const hasVal = value !== null && value !== undefined && value !== "";
             if (cfg?.sensitive && !hasVal) {
-                return (_jsx("output", { className: "biab-field__calc biab-field__calc--pending", children: "Calculated on submit." }));
+                return (_jsx("output", { className: "bd-field__calc bd-field__calc--pending", children: "Calculated on submit." }));
             }
-            return (_jsx("output", { className: "biab-field__calc", children: hasVal ? formatCalcValue(value, cfg?.display) : "—" }));
+            return (_jsx("output", { className: "bd-field__calc", children: hasVal ? formatCalcValue(value, cfg?.display) : "—" }));
         }
         case "image": {
             const cfg = (field["imageConfig"] ?? {});
-            return cfg.src ? (_jsx("img", { alt: cfg.alt || "", className: "biab-field__image", src: cfg.src, style: {
+            return cfg.src ? (_jsx("img", { alt: cfg.alt || "", className: "bd-field__image", src: cfg.src, style: {
                     width: cfg.width ? `${cfg.width}px` : "auto",
                     height: cfg.height ? `${cfg.height}px` : "auto",
                     maxWidth: "100%",
@@ -1734,7 +1701,7 @@ function BiabFieldInput({ field, value, setValue, }) {
         }
         case "textarea": {
             const cfg = (field["textareaConfig"] ?? {});
-            return (_jsx("textarea", { autoComplete: autoComplete, className: "biab-textarea biab-field__input", onChange: (e) => set(e.target.value), placeholder: ph, rows: cfg.rows ?? 4, style: cfg.resizable
+            return (_jsx("textarea", { autoComplete: autoComplete, className: "bd-textarea bd-field__input", onChange: (e) => set(e.target.value), placeholder: ph, rows: cfg.rows ?? 4, style: cfg.resizable
                     ? { resize: "vertical", minHeight: "6rem", maxHeight: "30rem" }
                     : { resize: "none" }, value: typeof value === "string" ? value : "" }));
         }
@@ -1745,27 +1712,27 @@ function BiabFieldInput({ field, value, setValue, }) {
             // gives native typeahead with no JS and no styling opinion — which is
             // exactly the SDK's contract.
             if (shouldSearchOptions(opts.length, field.display)) {
-                const listId = `biab-list-${field.id}`;
-                return (_jsxs(_Fragment, { children: [_jsx("input", { className: "biab-input biab-combobox biab-field__input", list: listId, onChange: (e) => set(e.target.value), placeholder: ph || "Search…", type: "text", value: typeof value === "string" ? value : "" }), _jsx("datalist", { id: listId, children: opts.map((opt) => (_jsx("option", { value: opt }, opt))) })] }));
+                const listId = `bd-list-${field.id}`;
+                return (_jsxs(_Fragment, { children: [_jsx("input", { className: "bd-input bd-combobox bd-field__input", list: listId, onChange: (e) => set(e.target.value), placeholder: ph || "Search…", type: "text", value: typeof value === "string" ? value : "" }), _jsx("datalist", { id: listId, children: opts.map((opt) => (_jsx("option", { value: opt }, opt))) })] }));
             }
-            return (_jsxs("select", { className: "biab-select biab-field__input", onChange: (e) => set(e.target.value), value: typeof value === "string" ? value : "", children: [_jsx("option", { value: "", children: ph || "Select…" }), opts.map((opt) => (_jsx("option", { value: opt, children: opt }, opt)))] }));
+            return (_jsxs("select", { className: "bd-select bd-field__input", onChange: (e) => set(e.target.value), value: typeof value === "string" ? value : "", children: [_jsx("option", { value: "", children: ph || "Select…" }), opts.map((opt) => (_jsx("option", { value: opt, children: opt }, opt)))] }));
         }
         case "icon_select":
-            return _jsx(BiabIconSelect, { field: field, set: set, value: value });
+            return _jsx(BdIconSelect, { field: field, set: set, value: value });
         case "image_input":
-            return _jsx(BiabImageInput, { field: field, set: set, value: value });
+            return _jsx(BdImageInput, { field: field, set: set, value: value });
         case "radio":
-            return (_jsx("div", { className: "biab-field__radios", children: (field.options ?? []).map((opt) => (_jsxs("label", { className: "biab-field__radio", children: [_jsx("input", { checked: value === opt, name: field.id, onChange: () => set(opt), type: "radio", value: opt }), _jsx("span", { children: opt })] }, opt))) }));
+            return (_jsx("div", { className: "bd-field__radios", children: (field.options ?? []).map((opt) => (_jsxs("label", { className: "bd-field__radio", children: [_jsx("input", { checked: value === opt, name: field.id, onChange: () => set(opt), type: "radio", value: opt }), _jsx("span", { children: opt })] }, opt))) }));
         case "checkbox": {
             const arr = Array.isArray(value) ? value : [];
             // Multi-Select element: a checkbox (value = string[]) rendered as a native
             // multiple-select. The SDK ships unstyled HTML; consumers style it.
             if (field.display === "dropdown") {
-                return (_jsx("select", { className: "biab-select biab-field__input", multiple: true, onChange: (e) => set(Array.from(e.target.selectedOptions).map((o) => o.value)), value: arr, children: (field.options ?? []).map((opt) => (_jsx("option", { value: opt, children: opt }, opt))) }));
+                return (_jsx("select", { className: "bd-select bd-field__input", multiple: true, onChange: (e) => set(Array.from(e.target.selectedOptions).map((o) => o.value)), value: arr, children: (field.options ?? []).map((opt) => (_jsx("option", { value: opt, children: opt }, opt))) }));
             }
-            return (_jsx("div", { className: "biab-field__checkboxes", children: (field.options ?? []).map((opt) => {
+            return (_jsx("div", { className: "bd-field__checkboxes", children: (field.options ?? []).map((opt) => {
                     const checked = arr.includes(opt);
-                    return (_jsxs("label", { className: "biab-field__checkbox", children: [_jsx("input", { checked: checked, onChange: (e) => set(e.target.checked
+                    return (_jsxs("label", { className: "bd-field__checkbox", children: [_jsx("input", { checked: checked, onChange: (e) => set(e.target.checked
                                     ? [...arr, opt]
                                     : arr.filter((x) => x !== opt)), type: "checkbox" }), _jsx("span", { children: opt })] }, opt));
                 }) }));
@@ -1786,17 +1753,17 @@ function BiabFieldInput({ field, value, setValue, }) {
                     set(single === label ? "" : label);
                 }
             };
-            return (_jsx("div", { className: "biab-field__choice-cards", role: ccMulti ? "group" : "radiogroup", children: ccOptions.map((opt) => {
+            return (_jsx("div", { className: "bd-field__choice-cards", role: ccMulti ? "group" : "radiogroup", children: ccOptions.map((opt) => {
                     const active = ccMulti
                         ? arr.includes(opt.label)
                         : single === opt.label;
-                    return (_jsxs("button", { "aria-pressed": active, className: "biab-field__choice-card", "data-active": active ? "" : undefined, "data-product-id": opt.productId || undefined, onClick: () => toggle(opt.label), role: ccMulti ? "checkbox" : "radio", type: "button", children: [opt.imageUrl ? (_jsx("img", { alt: opt.label, className: "biab-field__choice-card-image", src: opt.imageUrl })) : opt.icon ? (_jsx("span", { "aria-hidden": "true", className: "biab-field__choice-card-icon", "data-icon": opt.icon })) : null, _jsxs("span", { className: "biab-field__choice-card-body", children: [_jsxs("span", { className: "biab-field__choice-card-header", children: [_jsx("span", { className: "biab-field__choice-card-label", children: opt.label }), opt.price ? (_jsx("span", { className: "biab-field__choice-card-price", children: opt.price })) : null] }), opt.description ? (_jsx("span", { className: "biab-field__choice-card-description", children: opt.description })) : null, safeHttpHref(opt.href) ? (_jsx("a", { className: "biab-field__choice-card-link", href: safeHttpHref(opt.href), onClick: (e) => e.stopPropagation(), rel: "noopener noreferrer nofollow", target: "_blank", children: "View" })) : null] })] }, opt.label));
+                    return (_jsxs("button", { "aria-pressed": active, className: "bd-field__choice-card", "data-active": active ? "" : undefined, "data-product-id": opt.productId || undefined, onClick: () => toggle(opt.label), role: ccMulti ? "checkbox" : "radio", type: "button", children: [opt.imageUrl ? (_jsx("img", { alt: opt.label, className: "bd-field__choice-card-image", src: opt.imageUrl })) : opt.icon ? (_jsx("span", { "aria-hidden": "true", className: "bd-field__choice-card-icon", "data-icon": opt.icon })) : null, _jsxs("span", { className: "bd-field__choice-card-body", children: [_jsxs("span", { className: "bd-field__choice-card-header", children: [_jsx("span", { className: "bd-field__choice-card-label", children: opt.label }), opt.price ? (_jsx("span", { className: "bd-field__choice-card-price", children: opt.price })) : null] }), opt.description ? (_jsx("span", { className: "bd-field__choice-card-description", children: opt.description })) : null, safeHttpHref(opt.href) ? (_jsx("a", { className: "bd-field__choice-card-link", href: safeHttpHref(opt.href), onClick: (e) => e.stopPropagation(), rel: "noopener noreferrer nofollow", target: "_blank", children: "View" })) : null] })] }, opt.label));
                 }) }));
         }
         case "boolean":
-            return (_jsxs("label", { className: "biab-field__switch", children: [_jsx("input", { checked: value === true, onChange: (e) => set(e.target.checked), type: "checkbox" }), _jsx("span", { children: field.placeholder || "Yes / No" })] }));
+            return (_jsxs("label", { className: "bd-field__switch", children: [_jsx("input", { checked: value === true, onChange: (e) => set(e.target.checked), type: "checkbox" }), _jsx("span", { children: field.placeholder || "Yes / No" })] }));
         case "date":
-            return (_jsx("input", { className: "biab-input biab-field__input", onChange: (e) => set(e.target.value), type: "date", value: typeof value === "string" ? value : "" }));
+            return (_jsx("input", { className: "bd-input bd-field__input", onChange: (e) => set(e.target.value), type: "date", value: typeof value === "string" ? value : "" }));
         case "time_picker": {
             const mode = field.timeConfig?.mode ?? "simple";
             if (mode === "simple") {
@@ -1817,7 +1784,7 @@ function BiabFieldInput({ field, value, setValue, }) {
                     const h12 = h % 12 === 0 ? 12 : h % 12;
                     return `${h12}:${mStr} ${ampm}`;
                 };
-                return (_jsxs("select", { className: "biab-select biab-field__input", onChange: (e) => set(e.target.value), value: typeof value === "string" ? value : "", children: [_jsx("option", { value: "", children: ph || "Select time" }), opts.map((o) => (_jsx("option", { value: o, children: fmt(o) }, o)))] }));
+                return (_jsxs("select", { className: "bd-select bd-field__input", onChange: (e) => set(e.target.value), value: typeof value === "string" ? value : "", children: [_jsx("option", { value: "", children: ph || "Select time" }), opts.map((o) => (_jsx("option", { value: o, children: fmt(o) }, o)))] }));
             }
             const pair = mode === "time_block"
                 ? ["start", "end"]
@@ -1826,10 +1793,10 @@ function BiabFieldInput({ field, value, setValue, }) {
                 ? value
                 : {};
             const inputType = (k) => (k === "date" ? "date" : "time");
-            return (_jsx("div", { className: "biab-field__grid2", children: pair.map((k) => (_jsxs("label", { className: "biab-field__sub", children: [_jsxs("span", { className: "biab-field__sublabel", children: [k[0]?.toUpperCase(), k.slice(1)] }), _jsx("input", { className: "biab-input", onChange: (e) => set({ ...v, [k]: e.target.value }), type: inputType(k), value: v[k] ?? "" })] }, k))) }));
+            return (_jsx("div", { className: "bd-field__grid2", children: pair.map((k) => (_jsxs("label", { className: "bd-field__sub", children: [_jsxs("span", { className: "bd-field__sublabel", children: [k[0]?.toUpperCase(), k.slice(1)] }), _jsx("input", { className: "bd-input", onChange: (e) => set({ ...v, [k]: e.target.value }), type: inputType(k), value: v[k] ?? "" })] }, k))) }));
         }
         case "date_range":
-            return _jsx(BiabDateRange, { setValue: (next) => set(next), value: value });
+            return _jsx(BdDateRange, { setValue: (next) => set(next), value: value });
         case "slider": {
             const min = field.sliderConfig?.min ?? 0;
             const max = field.sliderConfig?.max ?? 100;
@@ -1837,23 +1804,41 @@ function BiabFieldInput({ field, value, setValue, }) {
             const unit = field.sliderConfig?.unit;
             const fmt = (n) => unit === "currency" ? `$${n}` : unit === "percent" ? `${n}%` : `${n}`;
             const v = typeof value === "number" ? value : min;
-            return (_jsxs("div", { className: "biab-field__slider", children: [_jsxs("div", { className: "biab-field__sliderscale", children: [_jsx("span", { children: fmt(min) }), _jsx("span", { className: "biab-field__slidervalue", children: fmt(v) }), _jsx("span", { children: fmt(max) })] }), _jsx("input", { max: max, min: min, onChange: (e) => set(Number(e.target.value)), step: step, type: "range", value: v })] }));
+            return (_jsxs("div", { className: "bd-field__slider", children: [_jsxs("div", { className: "bd-field__sliderscale", children: [_jsx("span", { children: fmt(min) }), _jsx("span", { className: "bd-field__slidervalue", children: fmt(v) }), _jsx("span", { children: fmt(max) })] }), _jsx("input", { max: max, min: min, onChange: (e) => set(Number(e.target.value)), step: step, type: "range", value: v })] }));
         }
         case "star_rating": {
             const max = field.starRatingConfig?.maxStars ?? 5;
             const v = typeof value === "number" ? value : 0;
-            return (_jsx("div", { className: "biab-field__stars", children: Array.from({ length: max }).map((_, i) => (_jsx("button", { "aria-label": `${i + 1} star${i ? "s" : ""}`, className: cx("biab-field__star", i < v && "biab-field__star--on"), onClick: () => set(i + 1), type: "button", children: "\u2605" }, `${field.id}-star-${i}`))) }));
+            return (_jsx("div", { className: "bd-field__stars", children: Array.from({ length: max }).map((_, i) => (_jsx("button", { "aria-label": `${i + 1} star${i ? "s" : ""}`, className: cx("bd-field__star", i < v && "bd-field__star--on"), onClick: () => set(i + 1), type: "button", children: "\u2605" }, `${field.id}-star-${i}`))) }));
         }
         case "happiness_rating": {
             const v = typeof value === "number" ? value : -1;
-            return (_jsx("div", { className: "biab-field__happiness", children: ["😞", "😕", "😐", "🙂", "😄"].map((emoji, i) => (_jsx("button", { className: cx("biab-field__emoji", i === v && "biab-field__emoji--on"), onClick: () => set(i), type: "button", children: emoji }, emoji))) }));
+            return (_jsx("div", { className: "bd-field__happiness", children: ["😞", "😕", "😐", "🙂", "😄"].map((emoji, i) => (_jsx("button", { className: cx("bd-field__emoji", i === v && "bd-field__emoji--on"), onClick: () => set(i), type: "button", children: emoji }, emoji))) }));
         }
         case "stepper": {
             const v = typeof value === "number" ? value : 0;
-            return (_jsxs("div", { className: "biab-field__stepper", children: [_jsx("button", { className: "biab-btn biab-btn--ghost", onClick: () => set(v - 1), type: "button", children: "\u2212" }), _jsx("input", { className: "biab-field__steppervalue", inputMode: "numeric", onChange: (e) => {
+            return (_jsxs("div", { className: "bd-field__stepper", children: [_jsx("button", { className: "bd-btn bd-btn--ghost", onClick: () => set(v - 1), type: "button", children: "\u2212" }), _jsx("input", { className: "bd-field__steppervalue", inputMode: "numeric", onChange: (e) => {
                             const n = Number(e.target.value.replace(/[^\d-]/g, ""));
                             set(Number.isFinite(n) ? n : 0);
-                        }, value: String(v) }), _jsx("button", { className: "biab-btn biab-btn--ghost", onClick: () => set(v + 1), type: "button", children: "+" })] }));
+                        }, value: String(v) }), _jsx("button", { className: "bd-btn bd-btn--ghost", onClick: () => set(v + 1), type: "button", children: "+" })] }));
+        }
+        case "name": {
+            const v = (value && typeof value === "object" ? value : {});
+            const cfg = field.nameConfig ?? {};
+            // Per-subfield autofill tokens (given/family/honorifics), suppressed when
+            // autofill is off for this field (global switch or per-field override).
+            const acOff = autoComplete === "off";
+            const part = (k, label, ac, placeholder) => (_jsxs("label", { className: "bd-field__sub", children: [_jsx("span", { className: "bd-field__sublabel", children: label }), _jsx("input", { autoComplete: acOff ? "off" : ac, className: "bd-input", onChange: (e) => set({ ...v, [k]: e.target.value }), placeholder: placeholder, value: v[k] ?? "" })] }, k));
+            // The nicknames input keeps the raw comma-separated string while the
+            // visitor types; submit normalizes it into a string[] (and the server
+            // re-normalizes authoritatively).
+            const nicknamesText = Array.isArray(v.nicknames)
+                ? v.nicknames.join(", ")
+                : typeof v.nicknames === "string"
+                    ? v.nicknames
+                    : "";
+            return (_jsxs("div", { className: "bd-field__name", children: [cfg.prefix && part("prefix", "Title", "honorific-prefix", "Dr."), cfg.middle ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "bd-field__grid2", children: [part("first", "First name", "given-name", "Jane"), part("middle", "Middle name", "additional-name", "Quinn")] }), cfg.suffix ? (_jsxs("div", { className: "bd-field__grid2", children: [part("last", "Last name", "family-name", "Doe"), part("suffix", "Suffix", "honorific-suffix", "Jr.")] })) : (part("last", "Last name", "family-name", "Doe"))] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "bd-field__grid2", children: [part("first", "First name", "given-name", "Jane"), part("last", "Last name", "family-name", "Doe")] }), cfg.suffix &&
+                                part("suffix", "Suffix", "honorific-suffix", "Jr.")] })), cfg.nicknames && (_jsxs("label", { className: "bd-field__sub", children: [_jsx("span", { className: "bd-field__sublabel", children: "Nicknames" }), _jsx("input", { autoComplete: acOff ? "off" : undefined, className: "bd-input", onChange: (e) => set({ ...v, nicknames: e.target.value }), placeholder: "Johnny, JM \u2014 separate with commas", value: nicknamesText })] }, "nicknames"))] }));
         }
         case "address": {
             const v = value && typeof value === "object"
@@ -1867,7 +1852,7 @@ function BiabFieldInput({ field, value, setValue, }) {
                 { k: "line2", label: "Address Line 2", ac: "address-line2" },
                 { k: "city", label: "City", ac: "address-level2" },
             ];
-            return (_jsxs("div", { className: "biab-field__address", children: [rows.map(({ k, label, ac }) => (_jsxs("label", { className: "biab-field__sub", children: [_jsx("span", { className: "biab-field__sublabel", children: label }), _jsx("input", { autoComplete: acOff ? "off" : ac, className: "biab-input", onChange: (e) => set({ ...v, [k]: e.target.value }), value: v[k] ?? "" })] }, k))), _jsxs("label", { className: "biab-field__sub", children: [_jsx("span", { className: "biab-field__sublabel", children: "State" }), _jsxs("select", { autoComplete: acOff ? "off" : "address-level1", className: "biab-select", onChange: (e) => set({ ...v, state: e.target.value }), value: v["state"] ?? "", children: [_jsx("option", { value: "", children: "Select state" }), US_STATES.map((s) => (_jsx("option", { value: s.abbr, children: s.name }, s.abbr)))] })] }, "state"), _jsxs("label", { className: "biab-field__sub", children: [_jsx("span", { className: "biab-field__sublabel", children: "Zip" }), _jsx("input", { autoComplete: acOff ? "off" : "postal-code", className: "biab-input", inputMode: "numeric", onChange: (e) => 
+            return (_jsxs("div", { className: "bd-field__address", children: [rows.map(({ k, label, ac }) => (_jsxs("label", { className: "bd-field__sub", children: [_jsx("span", { className: "bd-field__sublabel", children: label }), _jsx("input", { autoComplete: acOff ? "off" : ac, className: "bd-input", onChange: (e) => set({ ...v, [k]: e.target.value }), value: v[k] ?? "" })] }, k))), _jsxs("label", { className: "bd-field__sub", children: [_jsx("span", { className: "bd-field__sublabel", children: "State" }), _jsxs("select", { autoComplete: acOff ? "off" : "address-level1", className: "bd-select", onChange: (e) => set({ ...v, state: e.target.value }), value: v["state"] ?? "", children: [_jsx("option", { value: "", children: "Select state" }), US_STATES.map((s) => (_jsx("option", { value: s.abbr, children: s.name }, s.abbr)))] })] }, "state"), _jsxs("label", { className: "bd-field__sub", children: [_jsx("span", { className: "bd-field__sublabel", children: "Zip" }), _jsx("input", { autoComplete: acOff ? "off" : "postal-code", className: "bd-input", inputMode: "numeric", onChange: (e) => 
                                 // Numbers only (allow a single hyphen for ZIP+4).
                                 set({ ...v, zip: e.target.value.replace(/[^\d-]/g, "") }), placeholder: "90210", value: v["zip"] ?? "" })] }, "zip")] }));
         }
@@ -1875,7 +1860,7 @@ function BiabFieldInput({ field, value, setValue, }) {
             const v = typeof value === "string" ? value : "";
             const presets = field.options ?? [];
             const isCustom = v !== "" && !presets.includes(v);
-            return (_jsxs("div", { className: "biab-field__colors", children: [presets.map((color) => (_jsx("button", { className: cx("biab-field__color", v === color && "biab-field__color--on"), onClick: () => set(color), style: { backgroundColor: color }, title: color, type: "button" }, color))), _jsx("label", { className: cx("biab-field__color biab-field__color--custom", isCustom && "biab-field__color--on"), style: isCustom
+            return (_jsxs("div", { className: "bd-field__colors", children: [presets.map((color) => (_jsx("button", { className: cx("bd-field__color", v === color && "bd-field__color--on"), onClick: () => set(color), style: { backgroundColor: color }, title: color, type: "button" }, color))), _jsx("label", { className: cx("bd-field__color bd-field__color--custom", isCustom && "bd-field__color--on"), style: isCustom
                             ? { backgroundColor: v }
                             : {
                                 background: "conic-gradient(red, yellow, lime, cyan, blue, magenta, red)",
@@ -1891,7 +1876,7 @@ function BiabFieldInput({ field, value, setValue, }) {
             const cfg = field.fileConfig ?? {};
             const maxFiles = cfg.maxFiles ?? 1;
             const remaining = Math.max(maxFiles - files.length, 0);
-            return (_jsxs("div", { className: "biab-field__files", children: [_jsx("input", { accept: buildAcceptAttr(cfg.allowedTypes), className: "biab-field__fileinput", disabled: remaining === 0, multiple: maxFiles > 1, onChange: (e) => {
+            return (_jsxs("div", { className: "bd-field__files", children: [_jsx("input", { accept: buildAcceptAttr(cfg.allowedTypes), className: "bd-field__fileinput", disabled: remaining === 0, multiple: maxFiles > 1, onChange: (e) => {
                             const list = e.target.files;
                             if (!list)
                                 return;
@@ -1913,7 +1898,7 @@ function BiabFieldInput({ field, value, setValue, }) {
                             if (additions.length > 0)
                                 set([...files, ...additions]);
                             e.target.value = "";
-                        }, type: "file" }), files.length > 0 && (_jsx("ul", { className: "biab-field__filelist", children: files.map((f, i) => (_jsxs("li", { className: "biab-field__fileitem", children: [_jsx("span", { className: "biab-field__filename", children: f.name }), isPendingFileValue(f) ? (_jsxs("span", { className: "biab-field__filepending", children: [" ", "\u00B7 uploads on submit"] })) : null, _jsx("button", { "aria-label": "Remove file", className: "biab-field__fileremove", onClick: () => set(files.filter((_, idx) => idx !== i)), type: "button", children: "\u00D7" })] }, `${f.name}-${i}`))) }))] }));
+                        }, type: "file" }), files.length > 0 && (_jsx("ul", { className: "bd-field__filelist", children: files.map((f, i) => (_jsxs("li", { className: "bd-field__fileitem", children: [_jsx("span", { className: "bd-field__filename", children: f.name }), isPendingFileValue(f) ? (_jsxs("span", { className: "bd-field__filepending", children: [" ", "\u00B7 uploads on submit"] })) : null, _jsx("button", { "aria-label": "Remove file", className: "bd-field__fileremove", onClick: () => set(files.filter((_, idx) => idx !== i)), type: "button", children: "\u00D7" })] }, `${f.name}-${i}`))) }))] }));
         }
         case "credit_card": {
             const pc = field.paymentConfig;
@@ -1921,14 +1906,14 @@ function BiabFieldInput({ field, value, setValue, }) {
             const amount = deposit && pc?.amountCents
                 ? `${(pc.amountCents / 100).toFixed(2)} ${(pc.currency ?? "usd").toUpperCase()}`
                 : null;
-            return (_jsxs("div", { className: "biab-field__card", children: [_jsxs("div", { className: "biab-field__card-row", children: [_jsx("span", { className: "biab-field__card-brand", children: "CARD" }), _jsx("span", { className: "biab-field__card-dots", children: "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022" }), _jsx("span", { className: "biab-field__card-mode", children: deposit
+            return (_jsxs("div", { className: "bd-field__card", children: [_jsxs("div", { className: "bd-field__card-row", children: [_jsx("span", { className: "bd-field__card-brand", children: "CARD" }), _jsx("span", { className: "bd-field__card-dots", children: "\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022" }), _jsx("span", { className: "bd-field__card-mode", children: deposit
                                     ? `Deposit${amount ? ` · ${amount}` : ""}`
-                                    : "Card on file" })] }), pc?.description ? (_jsx("p", { className: "biab-field__card-desc", children: pc.description })) : null, _jsxs("p", { className: "biab-field__card-note", children: ["Secure card entry via Stripe. Initialize Elements with", " ", _jsxs("code", { children: ["biab.forms.paymentIntent(slug, \"", field.id, "\")"] }), " (returns the clientSecret + the org's connected account), confirm, then store the intent id on this field before submit."] })] }));
+                                    : "Card on file" })] }), pc?.description ? (_jsx("p", { className: "bd-field__card-desc", children: pc.description })) : null, _jsxs("p", { className: "bd-field__card-note", children: ["Secure card entry via Stripe. Initialize Elements with", " ", _jsxs("code", { children: ["bd.forms.paymentIntent(slug, \"", field.id, "\")"] }), " (returns the clientSecret + the org's connected account), confirm, then store the intent id on this field before submit."] })] }));
         }
         case "schedule": {
             if (field.scheduleConfig
                 ?.mode === "auto") {
-                return _jsx(BiabScheduleAuto, { field: field, onChange: set, value: value });
+                return _jsx(BdScheduleAuto, { field: field, onChange: set, value: value });
             }
             const sc = field.scheduleConfig;
             const sv = (value && typeof value === "object" ? value : {});
@@ -1976,25 +1961,25 @@ function BiabFieldInput({ field, value, setValue, }) {
                         : [...arr, item],
                 });
             };
-            return (_jsxs("div", { className: "biab-field__schedule", children: [sc?.allowAsap !== false && (_jsxs("label", { className: "biab-field__schedule-asap", children: [_jsx("input", { checked: sv.asap === true, onChange: (e) => set({ ...sv, asap: e.target.checked }), type: "checkbox" }), " ", "As soon as possible"] })), _jsxs("div", { className: "biab-field__schedule-group", children: [_jsx("span", { className: "biab-field__schedule-label", children: "Preferred days" }), _jsx("div", { className: "biab-field__schedule-chips", children: days.map((d) => (_jsx("button", { className: cx("biab-field__chip", sv.days?.includes(d) && "biab-field__chip--on"), onClick: () => toggle("days", d), type: "button", children: DAY[d] ?? d }, d))) })] }), _jsxs("div", { className: "biab-field__schedule-group", children: [_jsx("span", { className: "biab-field__schedule-label", children: "Preferred times" }), _jsx("div", { className: "biab-field__schedule-chips", children: windows.map((w) => (_jsx("button", { className: cx("biab-field__chip", sv.times?.includes(w) && "biab-field__chip--on"), onClick: () => toggle("times", w), type: "button", children: TIME[w] ?? w }, w))) })] }), sc?.allowNotes !== false && (_jsx("textarea", { className: "biab-input biab-field__schedule-notes", onChange: (e) => set({ ...sv, notes: e.target.value }), placeholder: "Anything we should know about timing?", value: sv.notes ?? "" }))] }));
+            return (_jsxs("div", { className: "bd-field__schedule", children: [sc?.allowAsap !== false && (_jsxs("label", { className: "bd-field__schedule-asap", children: [_jsx("input", { checked: sv.asap === true, onChange: (e) => set({ ...sv, asap: e.target.checked }), type: "checkbox" }), " ", "As soon as possible"] })), _jsxs("div", { className: "bd-field__schedule-group", children: [_jsx("span", { className: "bd-field__schedule-label", children: "Preferred days" }), _jsx("div", { className: "bd-field__schedule-chips", children: days.map((d) => (_jsx("button", { className: cx("bd-field__chip", sv.days?.includes(d) && "bd-field__chip--on"), onClick: () => toggle("days", d), type: "button", children: DAY[d] ?? d }, d))) })] }), _jsxs("div", { className: "bd-field__schedule-group", children: [_jsx("span", { className: "bd-field__schedule-label", children: "Preferred times" }), _jsx("div", { className: "bd-field__schedule-chips", children: windows.map((w) => (_jsx("button", { className: cx("bd-field__chip", sv.times?.includes(w) && "bd-field__chip--on"), onClick: () => toggle("times", w), type: "button", children: TIME[w] ?? w }, w))) })] }), sc?.allowNotes !== false && (_jsx("textarea", { className: "bd-input bd-field__schedule-notes", onChange: (e) => set({ ...sv, notes: e.target.value }), placeholder: "Anything we should know about timing?", value: sv.notes ?? "" }))] }));
         }
         case "phone": {
             const phoneIntl = field.phoneConfig?.international === true;
             const phoneShown = formatPhoneLocal(typeof value === "string" ? value : "", phoneIntl);
-            return (_jsxs("div", { className: "biab-field__phone", children: [field.phoneConfig?.showFlags && (_jsx("span", { "aria-hidden": true, className: "biab-field__flag", children: "\uD83C\uDDFA\uD83C\uDDF8" })), _jsx("input", { autoComplete: autoComplete, className: "biab-input biab-field__input", inputMode: "tel", maxLength: phoneIntl ? 20 : 14, onChange: (e) => set(formatPhoneLocal(e.target.value, phoneIntl)), placeholder: ph || (phoneIntl ? "+1 (555) 000-0000" : "(555) 000-0000"), type: "tel", value: phoneShown })] }));
+            return (_jsxs("div", { className: "bd-field__phone", children: [field.phoneConfig?.showFlags && (_jsx("span", { "aria-hidden": true, className: "bd-field__flag", children: "\uD83C\uDDFA\uD83C\uDDF8" })), _jsx("input", { autoComplete: autoComplete, className: "bd-input bd-field__input", inputMode: "tel", maxLength: phoneIntl ? 20 : 14, onChange: (e) => set(formatPhoneLocal(e.target.value, phoneIntl)), placeholder: ph || (phoneIntl ? "+1 (555) 000-0000" : "(555) 000-0000"), type: "tel", value: phoneShown })] }));
         }
         case "email":
-            return (_jsx("input", { autoComplete: autoComplete, className: "biab-input biab-field__input", onChange: (e) => set(e.target.value), placeholder: ph || "you@example.com", type: "email", value: typeof value === "string" ? value : "" }));
+            return (_jsx("input", { autoComplete: autoComplete, className: "bd-input bd-field__input", onChange: (e) => set(e.target.value), placeholder: ph || "you@example.com", type: "email", value: typeof value === "string" ? value : "" }));
         case "url": {
             // Value object: { url, verified }. Visitor edits `url`; server stamps
             // `verified` on submit.
             const uv = (value && typeof value === "object" ? value : {});
-            return (_jsx("input", { autoComplete: autoComplete, className: "biab-input biab-field__input", inputMode: "url", onChange: (e) => set({ ...uv, url: e.target.value }), placeholder: ph || "https://example.com", type: "url", value: typeof uv.url === "string" ? uv.url : "" }));
+            return (_jsx("input", { autoComplete: autoComplete, className: "bd-input bd-field__input", inputMode: "url", onChange: (e) => set({ ...uv, url: e.target.value }), placeholder: ph || "https://example.com", type: "url", value: typeof uv.url === "string" ? uv.url : "" }));
         }
         case "number": {
             const allowDecimal = field.allowDecimal !== false;
             const noNegative = field.allowNegative === false;
-            return (_jsx("input", { className: "biab-input biab-field__input", inputMode: allowDecimal ? "decimal" : "numeric", min: noNegative ? 0 : undefined, onChange: (e) => {
+            return (_jsx("input", { className: "bd-input bd-field__input", inputMode: allowDecimal ? "decimal" : "numeric", min: noNegative ? 0 : undefined, onChange: (e) => {
                     const raw = e.target.value;
                     if (raw === "")
                         return set("");
@@ -2010,7 +1995,7 @@ function BiabFieldInput({ field, value, setValue, }) {
             const symbol = field.currencyConfig?.symbol || "$";
             const allowNeg = field.currencyConfig?.allowNegative === true;
             const allowDec = field.currencyConfig?.allowDecimal !== false;
-            return (_jsxs("div", { className: "biab-field__currency", children: [_jsx("span", { "aria-hidden": "true", className: "biab-field__currency-symbol", children: symbol }), _jsx("input", { className: "biab-input biab-field__input", inputMode: "decimal", min: allowNeg ? undefined : 0, onChange: (e) => {
+            return (_jsxs("div", { className: "bd-field__currency", children: [_jsx("span", { "aria-hidden": "true", className: "bd-field__currency-symbol", children: symbol }), _jsx("input", { className: "bd-input bd-field__input", inputMode: "decimal", min: allowNeg ? undefined : 0, onChange: (e) => {
                             const raw = e.target.value;
                             if (raw === "")
                                 return set("");
@@ -2048,16 +2033,16 @@ function BiabFieldInput({ field, value, setValue, }) {
                 });
             };
             const hint = typeof num === "number" ? formatMeasurement(num, unit, category) : "";
-            return (_jsxs("div", { className: "biab-field__measurement", children: [_jsx("input", { className: "biab-input biab-field__input", inputMode: "decimal", onChange: (e) => {
+            return (_jsxs("div", { className: "bd-field__measurement", children: [_jsx("input", { className: "bd-input bd-field__input", inputMode: "decimal", onChange: (e) => {
                             const raw = e.target.value;
                             if (raw === "")
                                 return emit("", unit);
                             const n = allowDec ? Number(raw) : Math.trunc(Number(raw));
                             emit(Number.isNaN(n) ? "" : n, unit);
-                        }, placeholder: ph || "0", step: allowDec ? "any" : 1, type: "number", value: num }), mode === "fixed" ? (_jsx("span", { "aria-hidden": "true", className: "biab-field__unit", children: unit })) : (_jsx("select", { className: "biab-select biab-field__unit-select", onChange: (e) => emit(num, e.target.value), value: unit, children: units.map((u) => (_jsx("option", { value: u, children: u }, u))) })), hint ? (_jsxs("span", { className: "biab-field__measurement-hint", children: ["\u2248 ", hint] })) : null] }));
+                        }, placeholder: ph || "0", step: allowDec ? "any" : 1, type: "number", value: num }), mode === "fixed" ? (_jsx("span", { "aria-hidden": "true", className: "bd-field__unit", children: unit })) : (_jsx("select", { className: "bd-select bd-field__unit-select", onChange: (e) => emit(num, e.target.value), value: unit, children: units.map((u) => (_jsx("option", { value: u, children: u }, u))) })), hint ? (_jsxs("span", { className: "bd-field__measurement-hint", children: ["\u2248 ", hint] })) : null] }));
         }
         default:
-            return (_jsx("input", { autoComplete: autoComplete, className: "biab-input biab-field__input", onChange: (e) => set(e.target.value), placeholder: ph, value: typeof value === "string" ? value : "" }));
+            return (_jsx("input", { autoComplete: autoComplete, className: "bd-input bd-field__input", onChange: (e) => set(e.target.value), placeholder: ph, value: typeof value === "string" ? value : "" }));
     }
 }
 const NO_LABEL_TYPES = new Set([
@@ -2069,18 +2054,18 @@ const NO_LABEL_TYPES = new Set([
     "bullet_list",
     "table",
 ]);
-function BiabFieldRow({ field, value, error, setValue, upload, }) {
+function BdFieldRow({ field, value, error, setValue, upload, }) {
     const showLabel = !NO_LABEL_TYPES.has(field.type);
-    return (_jsxs("div", { className: cx("biab-field", `biab-field--${field.type}`, field.required && "biab-field--required", error && "biab-field--error"), "data-biab-field": fieldCssKey(field), "data-biab-type": field.type, "data-field-id": field.id, children: [showLabel && (
+    return (_jsxs("div", { className: cx("bd-field", `bd-field--${field.type}`, field.required && "bd-field--required", error && "bd-field--error"), "data-bd-field": fieldCssKey(field), "data-bd-type": field.type, "data-field-id": field.id, children: [showLabel && (
             // A visual field heading, not a control-associated <label> — the field's
-            // inputs render in BiabFieldInput below and carry no shared id to point a
+            // inputs render in BdFieldInput below and carry no shared id to point a
             // `htmlFor` at, so a <label> here would be an orphan.
-            _jsxs("span", { className: "biab-field__label biab-label", children: [field.label || "", field.required && _jsx("span", { className: "biab-field__required", children: "*" })] })), _jsx(BiabFieldInput, { field: field, setValue: setValue, upload: upload, value: value }), error && _jsx("p", { className: "biab-field__error", children: error.message }), field.helpText && _jsx("p", { className: "biab-field__help", children: field.helpText })] }));
+            _jsxs("span", { className: "bd-field__label bd-label", children: [field.label || "", field.required && _jsx("span", { className: "bd-field__required", children: "*" })] })), _jsx(BdFieldInput, { field: field, setValue: setValue, upload: upload, value: value }), error && _jsx("p", { className: "bd-field__error", children: error.message }), field.helpText && _jsx("p", { className: "bd-field__help", children: field.helpText })] }));
 }
 /** Recursively render a field subtree, mirroring FormPreview's `RenderTree`:
  *  input_group (+ concurrent reveal), condition_block, or_condition, flex_row. */
-function BiabRenderTree({ fields, values, errors, setValue, upload, flat, }) {
-    return (_jsx("div", { className: "biab-tree", children: fields.map((f) => {
+function BdRenderTree({ fields, values, errors, setValue, upload, flat, }) {
+    return (_jsx("div", { className: "bd-tree", children: fields.map((f) => {
             if (f.type === "multi_populator") {
                 const cfg = f.populatorConfig ?? {};
                 const max = cfg.maxInstances ?? 10;
@@ -2090,14 +2075,14 @@ function BiabRenderTree({ fields, values, errors, setValue, upload, flat, }) {
                     ? raw
                     : [{}];
                 const writeInstances = (next) => setValue(f.id, next);
-                return (_jsxs("div", { className: "biab-populator", "data-biab-field": fieldCssKey(f), "data-field-id": f.id, children: [instances.map((inst, idx) => {
+                return (_jsxs("div", { className: "bd-populator", "data-bd-field": fieldCssKey(f), "data-field-id": f.id, children: [instances.map((inst, idx) => {
                             const scopedSetValue = (childId, v) => {
                                 const nextArr = instances.map((x) => ({ ...x }));
                                 nextArr[idx] = { ...nextArr[idx], [childId]: v };
                                 writeInstances(nextArr);
                             };
-                            return (_jsxs("div", { className: "biab-populator__item", children: [_jsxs("div", { className: "biab-populator__item-head", children: [_jsxs("span", { className: "biab-populator__item-label", children: [cfg.itemLabel || f.label || "Entry", " ", idx + 1] }), instances.length > 1 && (_jsx("button", { "aria-label": "Remove entry", className: "biab-populator__remove", onClick: () => writeInstances(instances.filter((_, i) => i !== idx)), type: "button", children: "\u00D7" }))] }), _jsx(BiabRenderTree, { errors: errors, fields: children, setValue: scopedSetValue, upload: upload, values: inst })] }, `${f.id}-inst-${idx}`));
-                        }), instances.length < max && (_jsxs("button", { className: "biab-populator__add", onClick: () => writeInstances([...instances, {}]), type: "button", children: ["+ ", cfg.addButtonLabel || "Add another"] }))] }, f.id));
+                            return (_jsxs("div", { className: "bd-populator__item", children: [_jsxs("div", { className: "bd-populator__item-head", children: [_jsxs("span", { className: "bd-populator__item-label", children: [cfg.itemLabel || f.label || "Entry", " ", idx + 1] }), instances.length > 1 && (_jsx("button", { "aria-label": "Remove entry", className: "bd-populator__remove", onClick: () => writeInstances(instances.filter((_, i) => i !== idx)), type: "button", children: "\u00D7" }))] }), _jsx(BdRenderTree, { errors: errors, fields: children, setValue: scopedSetValue, upload: upload, values: inst })] }, `${f.id}-inst-${idx}`));
+                        }), instances.length < max && (_jsxs("button", { className: "bd-populator__add", onClick: () => writeInstances([...instances, {}]), type: "button", children: ["+ ", cfg.addButtonLabel || "Add another"] }))] }, f.id));
             }
             if (f.type === "input_group") {
                 const children = (f.children ?? []);
@@ -2107,12 +2092,12 @@ function BiabRenderTree({ fields, values, errors, setValue, upload, flat, }) {
                     ? concurrentRevealCount(children, values)
                     : children.length;
                 const shown = concurrent ? children.slice(0, revealCount) : children;
-                return (_jsxs("div", { className: cx("biab-group", flat && "biab-group--flat"), "data-biab-group": fieldCssKey(f), children: [f.label && showGroupLabel && (_jsx("div", { className: "biab-group__label", children: f.label })), _jsx(BiabRenderTree, { errors: errors, fields: shown, setValue: setValue, upload: upload, values: values })] }, f.id));
+                return (_jsxs("div", { className: cx("bd-group", flat && "bd-group--flat"), "data-bd-group": fieldCssKey(f), children: [f.label && showGroupLabel && (_jsx("div", { className: "bd-group__label", children: f.label })), _jsx(BdRenderTree, { errors: errors, fields: shown, setValue: setValue, upload: upload, values: values })] }, f.id));
             }
             if (f.type === "condition_block") {
                 if (!evalCondition(f.conditionRule, values))
                     return null;
-                return (_jsx(BiabRenderTree, { errors: errors, fields: (f.children ?? []), setValue: setValue, upload: upload, values: values }, f.id));
+                return (_jsx(BdRenderTree, { errors: errors, fields: (f.children ?? []), setValue: setValue, upload: upload, values: values }, f.id));
             }
             if (f.type === "or_condition") {
                 const branches = f.children ?? [];
@@ -2122,19 +2107,19 @@ function BiabRenderTree({ fields, values, errors, setValue, upload, flat, }) {
                     branches[i]?.label ||
                     ["Option A", "Option B", "Option C"][i] ||
                     `Option ${i + 1}`;
-                return (_jsxs("div", { className: cx("biab-or", errored && "biab-or--error"), children: [f.label && (_jsxs("div", { className: "biab-or__label", children: [f.label, _jsx("span", { className: "biab-or__hint", children: "Fill at least one side" })] })), _jsx("div", { className: "biab-or__sides", children: branches.flatMap((child, i) => {
-                                const side = (_jsxs("div", { className: "biab-or__side", children: [_jsx("div", { className: "biab-or__sidelabel", children: branchLabel(i) }), _jsx(BiabRenderTree, { errors: errors, fields: [child], setValue: setValue, upload: upload, values: values })] }, child.id));
+                return (_jsxs("div", { className: cx("bd-or", errored && "bd-or--error"), children: [f.label && (_jsxs("div", { className: "bd-or__label", children: [f.label, _jsx("span", { className: "bd-or__hint", children: "Fill at least one side" })] })), _jsx("div", { className: "bd-or__sides", children: branches.flatMap((child, i) => {
+                                const side = (_jsxs("div", { className: "bd-or__side", children: [_jsx("div", { className: "bd-or__sidelabel", children: branchLabel(i) }), _jsx(BdRenderTree, { errors: errors, fields: [child], setValue: setValue, upload: upload, values: values })] }, child.id));
                                 if (i === 0)
                                     return [side];
                                 return [
-                                    _jsx("div", { className: "biab-or__divider", children: "OR" }, `or-${child.id}`),
+                                    _jsx("div", { className: "bd-or__divider", children: "OR" }, `or-${child.id}`),
                                     side,
                                 ];
-                            }) }), errored && (_jsx("p", { className: "biab-field__error", children: "Fill in at least one side to continue." }))] }, f.id));
+                            }) }), errored && (_jsx("p", { className: "bd-field__error", children: "Fill in at least one side to continue." }))] }, f.id));
             }
             if (f.type === "flex_row") {
                 const cfg = (f["flexConfig"] ?? {});
-                return (_jsx("div", { className: "biab-flexrow", style: {
+                return (_jsx("div", { className: "bd-flexrow", style: {
                         display: "flex",
                         justifyContent: cfg.justify === "center"
                             ? "center"
@@ -2152,18 +2137,18 @@ function BiabRenderTree({ fields, values, errors, setValue, upload, flat, }) {
                                 : "center",
                         gap: `${cfg.gap ?? 12}px`,
                         flexWrap: "wrap",
-                    }, children: (f.children ?? []).map((child) => (_jsx("div", { className: "biab-flexrow__cell", children: _jsx(BiabRenderTree, { errors: errors, fields: [child], setValue: setValue, upload: upload, values: values }) }, child.id))) }, f.id));
+                    }, children: (f.children ?? []).map((child) => (_jsx("div", { className: "bd-flexrow__cell", children: _jsx(BdRenderTree, { errors: errors, fields: [child], setValue: setValue, upload: upload, values: values }) }, child.id))) }, f.id));
             }
-            return (_jsx(BiabFieldRow, { error: errors[f.id], field: f, setValue: setValue, upload: upload, value: values[f.id] }, f.id));
+            return (_jsx(BdFieldRow, { error: errors[f.id], field: f, setValue: setValue, upload: upload, value: values[f.id] }, f.id));
         }) }));
 }
-export function BiabForm(props) {
-    const providerClient = useBiabFormsClient();
-    // A publishable token (`pk_…`) builds a browser client that calls BIAB
+export function BdForm(props) {
+    const providerClient = useBdFormsClient();
+    // A publishable token (`pk_…`) builds a browser client that calls BD
     // directly — the zero-backend path. Explicit `client` still wins, then the
     // token client, then a surrounding provider.
     const tokenClient = useMemo(() => props.token && props.siteId
-        ? createBiabClient({
+        ? createBdClient({
             apiKey: props.token,
             siteId: props.siteId,
             baseUrl: props.baseUrl ?? DEFAULT_PACKAGE_BASE_URL,
@@ -2223,9 +2208,10 @@ export function BiabForm(props) {
     // Autofill config provided to the field tree. Keyed by the serialized
     // overrides so a fresh-but-equal `fieldAutoComplete` literal doesn't churn.
     const fieldAutoCompleteKey = JSON.stringify(props.fieldAutoComplete ?? null);
-    const autocompleteConfig = useMemo(
-    // biome-ignore lint/correctness/useExhaustiveDependencies: keyed by fieldAutoCompleteKey
-    () => ({
+    // The directive has to sit immediately above the flagged `useMemo`; inside
+    // the call it attaches to the callback and does nothing.
+    // biome-ignore lint/correctness/useExhaustiveDependencies: keyed by fieldAutoCompleteKey, so a fresh-but-equal literal does not churn
+    const autocompleteConfig = useMemo(() => ({
         ...(props.autoComplete !== undefined
             ? { enabled: props.autoComplete }
             : {}),
@@ -2252,30 +2238,30 @@ export function BiabForm(props) {
         window.addEventListener("beforeunload", onBeforeUnload);
         return () => window.removeEventListener("beforeunload", onBeforeUnload);
     }, [exitConfirm?.enabled, exitConfirm?.message, snap.submitted, exitDirty]);
-    const rootClass = cx("biab-form", props.className, props.class);
+    const rootClass = cx("bd-form", props.className, props.class);
     if (snap.status === "loading" || snap.status === "idle") {
-        return (_jsx("div", { className: rootClass, style: props.style, children: props.loadingFallback ?? (_jsx("div", { className: "biab-form__loading", children: "Loading\u2026" })) }));
+        return (_jsx("div", { className: rootClass, style: props.style, children: props.loadingFallback ?? (_jsx("div", { className: "bd-form__loading", children: "Loading\u2026" })) }));
     }
     if (snap.status === "error") {
         const message = snap.loadError ?? "Failed to load the form.";
-        return (_jsx("div", { className: rootClass, style: props.style, children: props.errorFallback ? (props.errorFallback(message)) : (_jsx("div", { className: "biab-form__error", children: message })) }));
+        return (_jsx("div", { className: rootClass, style: props.style, children: props.errorFallback ? (props.errorFallback(message)) : (_jsx("div", { className: "bd-form__error", children: message })) }));
     }
     if (snap.submitted && snap.result?.ok) {
         const ok = snap.result;
-        return (_jsx("div", { className: rootClass, style: props.style, children: props.successFallback ? (props.successFallback(ok)) : (_jsx("div", { className: "biab-form__success", children: "Thanks \u2014 your response was received." })) }));
+        return (_jsx("div", { className: rootClass, style: props.style, children: props.successFallback ? (props.successFallback(ok)) : (_jsx("div", { className: "bd-form__success", children: "Thanks \u2014 your response was received." })) }));
     }
     const { settings } = snap;
     const consecutive = settings.isConsecutive && snap.stepCount > 1;
     const animClass = settings.animation === "fade"
-        ? "biab-anim--fade"
+        ? "bd-anim--fade"
         : settings.animation === "scale"
-            ? "biab-anim--scale"
+            ? "bd-anim--scale"
             : settings.animation === "slide"
                 ? snap.forward
-                    ? "biab-anim--slide-fwd"
-                    : "biab-anim--slide-back"
+                    ? "bd-anim--slide-fwd"
+                    : "bd-anim--slide-back"
                 : settings.animation === "scroll"
-                    ? "biab-anim--scroll"
+                    ? "bd-anim--scroll"
                     : "";
     const handleSubmit = async () => {
         const res = await controller.submit();
@@ -2303,17 +2289,17 @@ export function BiabForm(props) {
             }, delay);
         }
     };
-    return (_jsx(FetchScheduleSlotsContext.Provider, { value: fetchScheduleSlots, children: _jsx(AutocompleteContext.Provider, { value: autocompleteConfig, children: _jsxs("div", { className: rootClass, style: props.style, children: [snap.orgIcon && (_jsx("img", { alt: "", className: "biab-form__orgicon", src: snap.orgIcon })), (snap.title || snap.description) && (_jsxs("div", { className: "biab-form__head", children: [snap.title && _jsx("h2", { className: "biab-form__title", children: snap.title }), snap.description && (_jsx("p", { className: "biab-form__desc", children: snap.description }))] })), consecutive &&
+    return (_jsx(FetchScheduleSlotsContext.Provider, { value: fetchScheduleSlots, children: _jsx(AutocompleteContext.Provider, { value: autocompleteConfig, children: _jsxs("div", { className: rootClass, style: props.style, children: [snap.orgIcon && (_jsx("img", { alt: "", className: "bd-form__orgicon", src: snap.orgIcon })), (snap.title || snap.description) && (_jsxs("div", { className: "bd-form__head", children: [snap.title && _jsx("h2", { className: "bd-form__title", children: snap.title }), snap.description && (_jsx("p", { className: "bd-form__desc", children: snap.description }))] })), consecutive &&
                         settings.showProgress &&
-                        settings.progressStyle !== "bar" && (_jsx("div", { className: "biab-progress biab-progress--steps", children: snap.steps.map((s, i) => {
+                        settings.progressStyle !== "bar" && (_jsx("div", { className: "bd-progress bd-progress--steps", children: snap.steps.map((s, i) => {
                             const f = s[0];
                             const title = f?.stepTitle || f?.label || `Step ${i + 1}`;
                             const done = i < snap.step;
                             const current = i === snap.step;
-                            return (_jsxs(Fragment, { children: [i > 0 && (_jsx("span", { className: cx("biab-progress__line", i <= snap.step && "biab-progress__line--done") })), _jsxs("button", { className: cx("biab-progress__step", current && "biab-progress__step--current", done && "biab-progress__step--done"), onClick: () => controller.goToStep(i), type: "button", children: [_jsx("span", { className: "biab-progress__num", children: done ? "✓" : i + 1 }), _jsx("span", { className: "biab-progress__title", children: title })] })] }, `step-${i}`));
+                            return (_jsxs(Fragment, { children: [i > 0 && (_jsx("span", { className: cx("bd-progress__line", i <= snap.step && "bd-progress__line--done") })), _jsxs("button", { className: cx("bd-progress__step", current && "bd-progress__step--current", done && "bd-progress__step--done"), onClick: () => controller.goToStep(i), type: "button", children: [_jsx("span", { className: "bd-progress__num", children: done ? "✓" : i + 1 }), _jsx("span", { className: "bd-progress__title", children: title })] })] }, `step-${i}`));
                         }) })), consecutive &&
                         settings.showProgress &&
-                        settings.progressStyle === "bar" && (_jsxs("div", { className: "biab-progress biab-progress--bar", children: [_jsxs("span", { className: "biab-progress__count", children: [snap.step + 1, " / ", snap.stepCount] }), _jsx("div", { className: "biab-progress__track", children: _jsx("div", { className: "biab-progress__fill", style: { width: `${snap.progressPercent}%` } }) })] })), snap.errorList.length > 0 && (_jsxs("div", { className: "biab-form__notice", role: "alert", children: [_jsxs("div", { className: "biab-form__notice-title", children: ["Please complete the highlighted field", snap.errorList.length === 1 ? "" : "s", "."] }), _jsx("div", { className: "biab-form__notice-list", children: snap.errorList.map((e) => e.label).join(", ") })] })), _jsx("div", { className: cx("biab-form__body", animClass), children: _jsx(BiabRenderTree, { errors: snap.errors, fields: snap.visibleFields, flat: consecutive, setValue: (id, v) => controller.setValue(id, v), upload: upload, values: snap.values }) }, `biab-step-${snap.step}`), (!consecutive || snap.isLastStep) &&
+                        settings.progressStyle === "bar" && (_jsxs("div", { className: "bd-progress bd-progress--bar", children: [_jsxs("span", { className: "bd-progress__count", children: [snap.step + 1, " / ", snap.stepCount] }), _jsx("div", { className: "bd-progress__track", children: _jsx("div", { className: "bd-progress__fill", style: { width: `${snap.progressPercent}%` } }) })] })), snap.errorList.length > 0 && (_jsxs("div", { className: "bd-form__notice", role: "alert", children: [_jsxs("div", { className: "bd-form__notice-title", children: ["Please complete the highlighted field", snap.errorList.length === 1 ? "" : "s", "."] }), _jsx("div", { className: "bd-form__notice-list", children: snap.errorList.map((e) => e.label).join(", ") })] })), _jsx("div", { className: cx("bd-form__body", animClass), children: _jsx(BdRenderTree, { errors: snap.errors, fields: snap.visibleFields, flat: consecutive, setValue: (id, v) => controller.setValue(id, v), upload: upload, values: snap.values }) }, `bd-step-${snap.step}`), (!consecutive || snap.isLastStep) &&
                         (snap.schema?.actions ?? [])
                             .filter((a) => a.type === "grant_coupon" &&
                             (a.coupon?.notice || a.coupon?.code))
@@ -2322,8 +2308,8 @@ export function BiabForm(props) {
                             const text = a.coupon?.notice
                                 ? a.coupon.notice.replace(/\{code\}/g, code)
                                 : `Coupon ${code} will be applied to this submission.`;
-                            return (_jsxs("div", { className: "biab-coupon-notice", children: [_jsx("p", { className: "biab-coupon-notice__text", children: text }), a.coupon?.finePrint && (_jsx("p", { className: "biab-coupon-notice__fine", children: a.coupon.finePrint }))] }, `coupon-${i}`));
-                        }), consecutive ? (_jsxs("div", { className: "biab-nav", children: [_jsx("button", { className: "biab-btn biab-btn--back biab-btn--ghost", disabled: snap.isFirstStep, onClick: () => controller.back(), type: "button", children: "Back" }), !snap.isLastStep ? (_jsx("button", { className: "biab-btn biab-btn--next", disabled: !snap.canAdvance, onClick: () => controller.next(), type: "button", children: "Next" })) : (_jsx("button", { className: "biab-btn biab-btn--submit", disabled: snap.submitting || snap.uploading, onClick: () => void handleSubmit(), type: "button", children: snap.submitting ? "Sending…" : submitLabel }))] })) : (_jsx("div", { className: "biab-nav", children: _jsx("button", { className: "biab-btn biab-btn--submit", disabled: snap.submitting || snap.uploading, onClick: () => void handleSubmit(), type: "button", children: snap.submitting ? "Sending…" : submitLabel }) })), snap.result && !snap.result.ok && snap.errorList.length === 0 && (_jsx("div", { className: "biab-form__error", role: "alert", children: snap.result.message }))] }) }) }));
+                            return (_jsxs("div", { className: "bd-coupon-notice", children: [_jsx("p", { className: "bd-coupon-notice__text", children: text }), a.coupon?.finePrint && (_jsx("p", { className: "bd-coupon-notice__fine", children: a.coupon.finePrint }))] }, `coupon-${i}`));
+                        }), consecutive ? (_jsxs("div", { className: "bd-nav", children: [_jsx("button", { className: "bd-btn bd-btn--back bd-btn--ghost", disabled: snap.isFirstStep, onClick: () => controller.back(), type: "button", children: "Back" }), !snap.isLastStep ? (_jsx("button", { className: "bd-btn bd-btn--next", disabled: !snap.canAdvance, onClick: () => controller.next(), type: "button", children: "Next" })) : (_jsx("button", { className: "bd-btn bd-btn--submit", disabled: snap.submitting || snap.uploading, onClick: () => void handleSubmit(), type: "button", children: snap.submitting ? "Sending…" : submitLabel }))] })) : (_jsx("div", { className: "bd-nav", children: _jsx("button", { className: "bd-btn bd-btn--submit", disabled: snap.submitting || snap.uploading, onClick: () => void handleSubmit(), type: "button", children: snap.submitting ? "Sending…" : submitLabel }) })), snap.result && !snap.result.ok && snap.errorList.length === 0 && (_jsx("div", { className: "bd-form__error", role: "alert", children: snap.result.message }))] }) }) }));
 }
 function SocialGlyph({ iconUrl, size, className, label, }) {
     if (iconUrl) {
@@ -2335,7 +2321,7 @@ function SocialGlyph({ iconUrl, size, className, label, }) {
 }
 /**
  * Render every social profile on the company as an icon + link, in canonical
- * order, resolving BIAB's exact keys (`meta`, `twitterX`, …) for you. Branded
+ * order, resolving BD's exact keys (`meta`, `twitterX`, …) for you. Branded
  * glyphs come from the simple-icons CDN; platforms without one fall back to a
  * globe. Returns `null` when no socials are set.
  */
@@ -2360,7 +2346,7 @@ export function SocialLinks({ socials, color, size = 20, className, linkClassNam
 export function useBlog(options) {
     const { apiKey, baseUrl, pageSize, categoryId } = options;
     const controller = useMemo(() => createBlogController({
-        client: new BiabDevClient({ apiKey, baseUrl }),
+        client: new BdApiClient({ apiKey, baseUrl }),
         ...(pageSize ? { pageSize } : {}),
         ...(categoryId ? { categoryId } : {}),
     }), [apiKey, baseUrl, pageSize, categoryId]);
@@ -2392,7 +2378,7 @@ export function useBlog(options) {
 export function useVerify(options) {
     const { apiKey, baseUrl, kind, resendCooldownSeconds } = options;
     const controller = useMemo(() => createVerifyController({
-        client: new BiabDevClient({ apiKey, baseUrl }),
+        client: new BdApiClient({ apiKey, baseUrl }),
         kind,
         ...(resendCooldownSeconds ? { resendCooldownSeconds } : {}),
     }), [apiKey, baseUrl, kind, resendCooldownSeconds]);
@@ -2427,7 +2413,7 @@ export function useVerify(options) {
 export function usePortal(options) {
     const { apiKey, baseUrl, sessionToken } = options;
     const controller = useMemo(() => createPortalController({
-        client: new BiabDevClient({ apiKey, baseUrl }),
+        client: new BdApiClient({ apiKey, baseUrl }),
         sessionToken,
     }), [apiKey, baseUrl, sessionToken]);
     useEffect(() => {