@adminiumjs/widgets 0.1.0-rc.1

package/dist/families/domain/BlockStatus.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Checkbox, MonoText } from '@adminium/ui';
+import { Award, RefreshCw } from 'lucide-react';
+import { BlockCallout, BlockEmpty, fillTemplate } from './BlockShell.js';
+import { blockBindingSourceOf, formatBlockDate, formatBlockNumber, rowOf, rowsOf, } from './block-lib.js';
+import { blockApprovalConfigSchema, blockApprovalDemoData, blockDeliveryStepperConfigSchema, blockDeliveryStepperDemoData, blockLoyaltyBannerConfigSchema, blockLoyaltyBannerDemoData, blockRecurringBannerConfigSchema, blockRecurringBannerDemoData, blockSignatureConfigSchema, blockSignatureDemoData, blockTermsCheckboxConfigSchema, blockTermsCheckboxDemoData, } from './blocks-config.js';
+import { stringField } from './domain-lib.js';
+export { blockApprovalConfigSchema, blockApprovalDemoData, blockDeliveryStepperConfigSchema, blockDeliveryStepperDemoData, blockLoyaltyBannerConfigSchema, blockLoyaltyBannerDemoData, blockRecurringBannerConfigSchema, blockRecurringBannerDemoData, blockSignatureConfigSchema, blockSignatureDemoData, blockTermsCheckboxConfigSchema, blockTermsCheckboxDemoData, };
+/**
+ * TRACK BUILDER — the STATUS/APPROVAL half of the annex §13 document-block
+ * vocabulary:
+ *
+ *   `block-loyalty-banner`, `block-recurring-banner`, `block-delivery-stepper`,
+ *   `block-signature`, `block-terms-checkbox`, `block-approval`.
+ *
+ * TEMPLATED COPY: the banners render ONE translated string with `{placeholder}`
+ * slots, never concatenated fragments — translators keep control of word order,
+ * which is what keeps these correct in RTL and in clause-reordering languages.
+ *
+ * NEVER WRITES: `block-approval`'s Approve/Reject and `block-terms-checkbox`'s
+ * toggle emit `mutate` intents; the host commits them (04 §2.1).
+ */
+// ── block-loyalty-banner ────────────────────────────────────────────────────
+export function BlockLoyaltyBannerWidget({ config, data }) {
+    const payload = rowOf(data);
+    if (payload === null) {
+        return _jsx(BlockEmpty, { title: config.emptyTitle ?? 'No loyalty balance', body: config.emptyBody ?? 'Loyalty points appear once this customer is enrolled.' });
+    }
+    const locale = config.format?.locale;
+    const balance = typeof payload.balance === 'number' ? payload.balance : 0;
+    const earned = typeof payload.earned === 'number' ? payload.earned : 0;
+    const tier = payload.tier ?? '';
+    return (_jsx(BlockCallout, { block: "block-loyalty-banner", tone: "accent", testId: config.testId, icon: _jsx(Award, { className: "size-4" }), children: _jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-2", children: [_jsx("span", { className: "text-fg", children: fillTemplate(config.balanceLabel ?? '{balance} pts · {tier}', {
+                        balance: formatBlockNumber(balance, locale),
+                        tier,
+                    }) }), _jsx(MonoText, { className: "text-pos", children: fillTemplate(config.earnedLabel ?? '+{earned} earned', {
+                        earned: formatBlockNumber(earned, locale),
+                    }) })] }) }));
+}
+// ── block-recurring-banner ──────────────────────────────────────────────────
+export function BlockRecurringBannerWidget({ config, data }) {
+    const payload = rowOf(data);
+    if (payload === null) {
+        return _jsx(BlockEmpty, { title: config.emptyTitle ?? 'Not recurring', body: config.emptyBody ?? 'Recurrence details appear once a schedule is set.' });
+    }
+    const locale = config.format?.locale;
+    const template = config.template ?? 'Recurring — {freq} · Next on {next} · {count} cycles';
+    return (_jsx(BlockCallout, { block: "block-recurring-banner", tone: "info", testId: config.testId, icon: _jsx(RefreshCw, { className: "size-4" }), children: fillTemplate(template, {
+            freq: payload.freq ?? '',
+            next: formatBlockDate(payload.next, locale),
+            count: formatBlockNumber(typeof payload.count === 'number' ? payload.count : 0, locale),
+        }) }));
+}
+// ── block-delivery-stepper ──────────────────────────────────────────────────
+const STEP_STATES = new Set(['done', 'current', 'todo']);
+export function BlockDeliveryStepperWidget({ config, data }) {
+    const steps = rowsOf(data).map((row, index) => {
+        const raw = stringField(row, config.stateField);
+        return {
+            id: stringField(row, config.idField) ?? `step-${index}`,
+            label: stringField(row, config.labelField) ?? '',
+            state: (raw !== undefined && STEP_STATES.has(raw) ? raw : 'todo'),
+        };
+    });
+    if (steps.length === 0) {
+        return _jsx(BlockEmpty, { title: config.emptyTitle ?? 'No delivery steps', body: config.emptyBody ?? 'Fulfilment progress will appear here.' });
+    }
+    return (
+    // RTL: the connector rail is a flex row, so the whole stepper mirrors with
+    // the writing direction — the steps are a sequence in reading order, not a
+    // time axis, so mirroring is correct here (10 §5.5).
+    _jsx("ol", { "data-widget": "block-delivery-stepper", "data-testid": config.testId, className: "flex w-full items-start", children: steps.map((step, index) => (_jsxs("li", { "data-part": "step", "data-state": step.state, className: "flex min-w-0 flex-1 flex-col items-center", children: [_jsxs("div", { className: "flex w-full items-center", children: [_jsx("span", { "aria-hidden": true, className: `h-0.5 flex-1 ${index === 0 ? 'bg-transparent' : step.state === 'todo' ? 'bg-border' : 'bg-accent'}` }), _jsx("span", { className: `size-2.5 shrink-0 rounded-full ${step.state === 'done'
+                                ? 'bg-accent'
+                                : step.state === 'current'
+                                    ? 'bg-accent ring-2 ring-accent-soft'
+                                    : 'bg-border-strong'}` }), _jsx("span", { "aria-hidden": true, className: `h-0.5 flex-1 ${index === steps.length - 1 ? 'bg-transparent' : steps[index + 1]?.state === 'todo' ? 'bg-border' : 'bg-accent'}` })] }), _jsx("span", { className: `mt-1.5 truncate px-1 text-center text-micro ${step.state === 'todo' ? 'text-fg-subtle' : 'text-fg'}`, children: step.label })] }, step.id))) }));
+}
+// ── block-signature ─────────────────────────────────────────────────────────
+export function BlockSignatureWidget({ config, data }) {
+    const payload = rowOf(data);
+    if (payload === null) {
+        return _jsx(BlockEmpty, { title: config.emptyTitle ?? 'No signature', body: config.emptyBody ?? 'A signature line appears once this document requires one.' });
+    }
+    const locale = config.format?.locale;
+    const name = payload.sigName ?? '';
+    const title = payload.sigTitle ?? '';
+    return (_jsxs("div", { "data-widget": "block-signature", "data-testid": config.testId, className: "flex w-full flex-wrap items-end gap-6", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "border-b border-border-strong pb-1", children: config.editable ? (_jsx("input", { defaultValue: name, "aria-label": config.namePlaceholder ?? 'Signature name', placeholder: config.namePlaceholder ?? 'Name', className: "w-full bg-transparent text-section text-fg outline-none placeholder:text-fg-subtle" })) : (_jsx("p", { className: "text-section text-fg", children: name })) }), _jsx("p", { className: "mt-1 text-caption text-fg-subtle", children: title })] }), config.showDate && (_jsxs("div", { className: "min-w-24", children: [_jsx("div", { className: "border-b border-border-strong pb-1", children: _jsx(MonoText, { className: "text-body-sm text-fg", children: formatBlockDate(payload.sigDate, locale) }) }), _jsx("p", { className: "mt-1 text-caption text-fg-subtle", children: config.dateLabel ?? 'Date' })] }))] }));
+}
+// ── block-terms-checkbox ────────────────────────────────────────────────────
+/**
+ * `form-state` (04 §3): the payload IS this control's own state, so it is never
+ * "empty" — the shared predicate correctly never routes it to the empty card,
+ * and an absent payload just means "unchecked, default label".
+ */
+export function BlockTermsCheckboxWidget({ config, data, onEvent }) {
+    const payload = rowOf(data);
+    const label = payload?.label ?? config.defaultLabel ?? 'I accept the terms';
+    const checked = payload?.checked === true;
+    const source = blockBindingSourceOf(config.binding);
+    return (_jsxs("div", { "data-widget": "block-terms-checkbox", "data-testid": config.testId, className: "flex w-full items-start gap-2.5", children: [_jsx(Checkbox, { defaultChecked: checked, "aria-label": label, onCheckedChange: (next) => {
+                    if (source === null)
+                        return; // unbound: nothing to write to
+                    onEvent({
+                        type: 'mutate',
+                        intent: 'update',
+                        connectionId: source.connectionId,
+                        table: source.table,
+                        values: { [config.checkedField]: next === true },
+                    });
+                } }), _jsx("span", { className: "text-body-sm text-fg", children: label })] }));
+}
+// ── block-approval ──────────────────────────────────────────────────────────
+const APPROVAL_TONE = {
+    pending: 'warn',
+    approved: 'pos',
+    rejected: 'danger',
+};
+export function BlockApprovalWidget({ config, data, onEvent }) {
+    const payload = rowOf(data);
+    if (payload === null) {
+        return _jsx(BlockEmpty, { title: config.emptyTitle ?? 'No approver', body: config.emptyBody ?? 'The approval chain appears once a reviewer is assigned.' });
+    }
+    const status = payload.status === 'approved' || payload.status === 'rejected' ? payload.status : 'pending';
+    const statusLabel = status === 'approved'
+        ? (config.approvedLabel ?? 'Approved')
+        : status === 'rejected'
+            ? (config.rejectedLabel ?? 'Rejected')
+            : (config.pendingLabel ?? 'Pending');
+    const source = blockBindingSourceOf(config.binding);
+    const decide = (next) => {
+        if (source === null)
+            return;
+        onEvent({
+            type: 'mutate',
+            intent: 'update',
+            connectionId: source.connectionId,
+            table: source.table,
+            values: { [config.statusField]: next },
+        });
+    };
+    return (_jsxs("div", { "data-widget": "block-approval", "data-testid": config.testId, "data-status": status, className: "flex w-full flex-wrap items-center gap-3 rounded-md border border-border p-3", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-body-sm font-bold text-fg", children: payload.name }), _jsx("p", { className: "truncate text-caption text-fg-subtle", children: payload.title })] }), _jsx(Badge, { tone: APPROVAL_TONE[status], dot: true, "data-part": "approval-pill", children: statusLabel }), config.actionable && status === 'pending' && (_jsxs("div", { className: "flex shrink-0 gap-1.5", children: [_jsx(Button, { size: "sm", variant: "secondary", onClick: () => decide('approved'), children: config.approveLabel ?? 'Approve' }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => decide('rejected'), children: config.rejectLabel ?? 'Reject' })] }))] }));
+}
+//# sourceMappingURL=BlockStatus.js.map

package/dist/families/domain/BlockStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockStatus.js","sourceRoot":"","sources":["../../../src/families/domain/BlockStatus.tsx"],"names":[],"mappings":"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"}

package/dist/families/domain/CreditCardTile.d.ts

@@ -0,0 +1,44 @@
+import { creditCardTileConfigSchema, creditCardTileDemoData } from './domain-ops-config.js';
+import type { CreditCardTileConfig } from './domain-ops-config.js';
+import type { PaymentMethod } from './domain-ops-types.js';
+import type { WidgetProps } from '../../registry/types.js';
+/**
+ * `credit-card-tile` (annex §13) — the skeuomorphic payment card: brand
+ * gradient, masked PAN, holder, expiry, a Default badge / Set-default action and
+ * a hover lift; plus the dashed `add-method` ghost card and the compact
+ * `payment-method-row`. Evidence: Payments, Billing & Usage, Billing Overview.
+ *
+ * The three faces are ONE registry id behind `variant` config, per 04 §2.1
+ * ("visual variants are config, never new registry ids") — and the annex agrees,
+ * naming them under this single heading.
+ *
+ * A Cloud/marketing + billing surface (M12/M14 consumers): it renders its data
+ * contract and holds NO billing logic. It never sees a PAN — the bound table
+ * stores `brand` + `last4` and nothing else, and `maskPan` is structurally
+ * incapable of printing more than four digits.
+ *
+ * DIRECTION: the card mirrors whole. The masked PAN is the one exception, and it
+ * is not styled as one: `MonoText` + `tabular-nums` in an isolated run keeps the
+ * group order stable, because a PAN is a NUMBER, and Unicode bidi already lays
+ * digit runs out left-to-right inside RTL text — the same rule that keeps the
+ * expiry reading "04/28" and not "28/04" in Arabic.
+ */
+export { creditCardTileConfigSchema, creditCardTileDemoData };
+export type { CreditCardTileConfig };
+export interface CreditCardTileViewProps {
+    method: PaymentMethod;
+    variant?: 'tile' | 'row' | 'ghost' | undefined;
+    brandMeta?: Record<string, string> | undefined;
+    defaultLabel?: string | undefined;
+    setDefaultLabel?: string | undefined;
+    manageLabel?: string | undefined;
+    addLabel?: string | undefined;
+    expiresLabel?: string | undefined;
+    /** Absent → the write affordances are hidden (an unbound widget cannot mutate). */
+    onSetDefault?: (() => void) | undefined;
+    onManage?: (() => void) | undefined;
+    testId?: string | undefined;
+}
+export declare function CreditCardTileView({ method, variant, brandMeta, defaultLabel, setDefaultLabel, manageLabel, addLabel, expiresLabel, onSetDefault, onManage, testId, }: CreditCardTileViewProps): import("react").JSX.Element;
+export declare function CreditCardTileWidget({ config, data, onEvent }: WidgetProps<CreditCardTileConfig>): import("react").JSX.Element;
+//# sourceMappingURL=CreditCardTile.d.ts.map

package/dist/families/domain/CreditCardTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardTile.d.ts","sourceRoot":"","sources":["../../../src/families/domain/CreditCardTile.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAC5F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AASnE,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAuBrC,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC/C,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAMD,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAgB,EAChB,SAAS,EACT,YAAY,EACZ,eAAe,EACf,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,GACP,EAAE,uBAAuB,+BA6GzB;AAeD,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,WAAW,CAAC,oBAAoB,CAAC,+BAkDhG"}

package/dist/families/domain/CreditCardTile.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, MonoText } from '@adminium/ui';
+import { CreditCard, Plus } from 'lucide-react';
+import { useMemo } from 'react';
+import { creditCardTileConfigSchema, creditCardTileDemoData } from './domain-ops-config.js';
+import { booleanField, cardBrandOf, labelField, maskPan, opsBindingSourceOf, opsRowOf, } from './domain-ops-lib.js';
+import { OpsEmpty } from './OpsEmpty.js';
+/**
+ * `credit-card-tile` (annex §13) — the skeuomorphic payment card: brand
+ * gradient, masked PAN, holder, expiry, a Default badge / Set-default action and
+ * a hover lift; plus the dashed `add-method` ghost card and the compact
+ * `payment-method-row`. Evidence: Payments, Billing & Usage, Billing Overview.
+ *
+ * The three faces are ONE registry id behind `variant` config, per 04 §2.1
+ * ("visual variants are config, never new registry ids") — and the annex agrees,
+ * naming them under this single heading.
+ *
+ * A Cloud/marketing + billing surface (M12/M14 consumers): it renders its data
+ * contract and holds NO billing logic. It never sees a PAN — the bound table
+ * stores `brand` + `last4` and nothing else, and `maskPan` is structurally
+ * incapable of printing more than four digits.
+ *
+ * DIRECTION: the card mirrors whole. The masked PAN is the one exception, and it
+ * is not styled as one: `MonoText` + `tabular-nums` in an isolated run keeps the
+ * group order stable, because a PAN is a NUMBER, and Unicode bidi already lays
+ * digit runs out left-to-right inside RTL text — the same rule that keeps the
+ * expiry reading "04/28" and not "28/04" in Arabic.
+ */
+export { creditCardTileConfigSchema, creditCardTileDemoData };
+/**
+ * Brand → gradient. Token utilities only — no raw hex (04 hard rule) — so each
+ * network reads distinct in both themes without inventing a color.
+ */
+const BRAND_GRADIENT = {
+    visa: 'bg-gradient-to-br from-info to-accent',
+    mastercard: 'bg-gradient-to-br from-warn to-danger',
+    amex: 'bg-gradient-to-br from-info to-pos',
+    discover: 'bg-gradient-to-br from-warn to-accent',
+    unknown: 'bg-gradient-to-br from-fg-subtle to-fg-muted',
+};
+/** Brand → wordmark. Overridable via `brandMeta` (the annex's declared config). */
+const BRAND_NAME = {
+    visa: 'VISA',
+    mastercard: 'Mastercard',
+    amex: 'AMEX',
+    discover: 'Discover',
+    unknown: 'Card',
+};
+function brandNameOf(brand, meta) {
+    return meta?.[brand] ?? BRAND_NAME[brand];
+}
+export function CreditCardTileView({ method, variant = 'tile', brandMeta, defaultLabel, setDefaultLabel, manageLabel, addLabel, expiresLabel, onSetDefault, onManage, testId, }) {
+    const pan = maskPan(method.last4, method.brand);
+    const brandName = brandNameOf(method.brand, brandMeta);
+    if (variant === 'ghost') {
+        return (_jsx("div", { "data-widget": "credit-card-tile", "data-testid": testId, "data-variant": "ghost", className: "h-full px-4 pb-4", children: _jsxs("button", { type: "button", onClick: onManage, "data-part": "add-method", className: "flex h-full min-h-24 w-full flex-col items-center justify-center gap-1.5 rounded-xl border-2 border-dashed border-border-strong text-fg-muted transition-colors hover:border-accent hover:text-accent", children: [_jsx(Plus, { className: "size-5", "aria-hidden": "true" }), _jsx("span", { className: "text-body-sm font-semibold", children: addLabel ?? 'Add payment method' })] }) }));
+    }
+    if (variant === 'row') {
+        return (_jsxs("div", { "data-widget": "credit-card-tile", "data-testid": testId, "data-variant": "row", className: "flex h-full items-center gap-3 px-4 pb-4", children: [_jsx("span", { "aria-hidden": "true", className: `flex size-9 shrink-0 items-center justify-center rounded-md text-white ${BRAND_GRADIENT[method.brand]}`, children: _jsx(CreditCard, { className: "size-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(MonoText, { className: "block truncate text-body-sm font-semibold tabular-nums text-fg", "data-part": "card-pan", children: pan }), method.exp === undefined ? null : (_jsx(MonoText, { className: "text-caption text-fg-subtle", "data-part": "card-exp", children: method.exp }))] }), method.isDefault ? (_jsx(Badge, { tone: "accent", "data-part": "card-default", children: defaultLabel ?? 'Default' })) : null, onManage === undefined ? null : (_jsx(Button, { variant: "ghost", size: "sm", onClick: onManage, "data-part": "card-manage", children: manageLabel ?? 'Manage' }))] }));
+    }
+    return (_jsx("div", { "data-widget": "credit-card-tile", "data-testid": testId, "data-variant": "tile", className: "h-full px-4 pb-4", children: _jsxs("div", { "data-part": "card-tile", className: `group flex h-full min-h-32 flex-col justify-between rounded-xl p-4 text-white shadow-card transition-shadow hover:shadow-lg ${BRAND_GRADIENT[method.brand]}`, children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx(CreditCard, { className: "size-5 opacity-80", "aria-hidden": "true" }), _jsx("span", { className: "text-body-sm font-black uppercase tracking-wide", "data-part": "card-brand", children: brandName })] }), _jsx(MonoText, { className: "text-body font-semibold tabular-nums tracking-widest", "data-part": "card-pan", children: pan }), _jsxs("div", { className: "flex items-end justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [method.holder === undefined ? null : (_jsx("p", { className: "truncate text-caption font-semibold uppercase tracking-wide opacity-90", "data-part": "card-holder", children: method.holder })), method.exp === undefined ? null : (_jsxs("p", { className: "text-caption opacity-75", children: [expiresLabel ?? 'Expires', " ", _jsx(MonoText, { "data-part": "card-exp", children: method.exp })] }))] }), method.isDefault ? (_jsx(Badge, { tone: "neutral", "data-part": "card-default", className: "bg-white/25 text-white", children: defaultLabel ?? 'Default' })) : onSetDefault === undefined ? null : (
+                        // Revealed on hover/focus per the annex, but never hidden from the
+                        // keyboard: `focus-within` + `focus-visible` keep it reachable, and
+                        // opacity (not `hidden`) keeps it in the a11y tree throughout.
+                        _jsx("button", { type: "button", onClick: onSetDefault, "data-part": "card-set-default", className: "rounded-full bg-white/20 px-2 py-0.5 text-[11px] font-bold opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100", children: setDefaultLabel ?? 'Set default' }))] })] }) }));
+}
+/** Project the bound `record` onto the payment-method model. */
+function methodOf(config, data) {
+    const row = opsRowOf(data);
+    if (row === null)
+        return null;
+    return {
+        brand: cardBrandOf(row[config.brandField]),
+        last4: labelField(row, config.last4Field, '0000'),
+        holder: row[config.holderField] === undefined ? undefined : labelField(row, config.holderField, ''),
+        exp: row[config.expField] === undefined ? undefined : labelField(row, config.expField, ''),
+        isDefault: booleanField(row, config.defaultField) ?? false,
+    };
+}
+export function CreditCardTileWidget({ config, data, onEvent }) {
+    const method = useMemo(() => methodOf(config, data), [config, data]);
+    const source = useMemo(() => opsBindingSourceOf(config.binding), [config.binding]);
+    // The ghost card is an ADD affordance and has no row to render — it must work
+    // on an empty payload, which is exactly when a host mounts it.
+    if (method === null && config.variant !== 'ghost') {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No payment method', body: config.emptyBody ?? 'Add a card to see it here.' }));
+    }
+    const emit = (event) => {
+        void onEvent(event);
+    };
+    return (_jsx(CreditCardTileView, { method: method ?? { brand: 'unknown', last4: '0000', isDefault: false }, variant: config.variant, ...(config.brandMeta === undefined ? {} : { brandMeta: config.brandMeta }), ...(config.defaultLabel === undefined ? {} : { defaultLabel: config.defaultLabel }), ...(config.setDefaultLabel === undefined ? {} : { setDefaultLabel: config.setDefaultLabel }), ...(config.manageLabel === undefined ? {} : { manageLabel: config.manageLabel }), ...(config.addLabel === undefined ? {} : { addLabel: config.addLabel }), ...(config.expiresLabel === undefined ? {} : { expiresLabel: config.expiresLabel }), ...(config.testId === undefined ? {} : { testId: config.testId }), ...(source === null || method === null
+            ? {}
+            : {
+                onSetDefault: () => emit({
+                    type: 'mutate',
+                    intent: 'update',
+                    connectionId: source.connectionId,
+                    table: source.table,
+                    values: { [config.defaultField]: true },
+                }),
+            }), ...(config.href === undefined
+            ? {}
+            : { onManage: () => emit({ type: 'drill-through', href: config.href }) }) }));
+}
+//# sourceMappingURL=CreditCardTile.js.map

package/dist/families/domain/CreditCardTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardTile.js","sourceRoot":"","sources":["../../../src/families/domain/CreditCardTile.tsx"],"names":[],"mappings":"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"}

package/dist/families/domain/DocumentCanvas.d.ts

@@ -0,0 +1,7 @@
+import { documentCanvasConfigSchema, documentCanvasDemoData } from './blocks-config.js';
+import type { DocumentCanvasConfig } from './blocks-config.js';
+import type { WidgetProps } from '../../registry/types.js';
+export { documentCanvasConfigSchema, documentCanvasDemoData };
+export type { DocumentCanvasConfig };
+export declare function DocumentCanvasWidget({ config, data, instanceId, onEvent }: WidgetProps<DocumentCanvasConfig>): import("react").JSX.Element;
+//# sourceMappingURL=DocumentCanvas.d.ts.map

package/dist/families/domain/DocumentCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentCanvas.d.ts","sourceRoot":"","sources":["../../../src/families/domain/DocumentCanvas.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAuBL,0BAA0B,EAC1B,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAI/D,OAAO,KAAK,EAAe,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAmKrC,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,WAAW,CAAC,oBAAoB,CAAC,+BAgL5G"}

package/dist/families/domain/DocumentCanvas.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconButton, MonoText } from '@adminium/ui';
+import { ChevronDown, ChevronUp, Trash2 } from 'lucide-react';
+import { useState } from 'react';
+import { BlockEmpty } from './BlockShell.js';
+import { BlockDiscountCodesWidget, BlockLateFeesWidget, BlockLineItemsWidget, BlockMultiCurrencyWidget, BlockPaymentHistoryWidget, BlockQrPayWidget, BlockTaxBreakdownWidget, BlockTotalsSummaryWidget, } from './BlockFinancial.js';
+import { BlockContactWidget, BlockHighlightBoxWidget } from './BlockContent.js';
+import { BlockAttachmentsWidget, BlockBarChartWidget, BlockImagePlaceholderWidget, BlockKpiRowWidget, BlockLineChartWidget, BlockTwoColTableWidget, } from './BlockReport.js';
+import { BlockApprovalWidget, BlockDeliveryStepperWidget, BlockLoyaltyBannerWidget, BlockRecurringBannerWidget, BlockSignatureWidget, BlockTermsCheckboxWidget, } from './BlockStatus.js';
+import { blockDataOf, blockOrderOf, docTypeOf, formatBlockDate, moveBlock, } from './block-lib.js';
+import { blockApprovalConfigSchema, blockAttachmentsConfigSchema, blockBarChartConfigSchema, blockContactConfigSchema, blockDeliveryStepperConfigSchema, blockDiscountCodesConfigSchema, blockHighlightBoxConfigSchema, blockImagePlaceholderConfigSchema, blockKpiRowConfigSchema, blockLateFeesConfigSchema, blockLineChartConfigSchema, blockLineItemsConfigSchema, blockLoyaltyBannerConfigSchema, blockMultiCurrencyConfigSchema, blockPaymentHistoryConfigSchema, blockQrPayConfigSchema, blockRecurringBannerConfigSchema, blockSignatureConfigSchema, blockTaxBreakdownConfigSchema, blockTermsCheckboxConfigSchema, blockTotalsSummaryConfigSchema, blockTwoColTableConfigSchema, documentCanvasConfigSchema, documentCanvasDemoData, } from './blocks-config.js';
+import { rowOf } from './block-lib.js';
+export { documentCanvasConfigSchema, documentCanvasDemoData };
+/**
+ * Pair one block component with its OWN config schema. Generic in `C`, so the
+ * compiler checks that the schema on the right produces the config the component
+ * on the left demands — the pairing that a `config={config as never}` cast is
+ * exactly what silences.
+ */
+function blockRenderer(Component, schema) {
+    return function Block({ base, data, instanceId, onEvent }) {
+        return _jsx(Component, { config: schema.parse(base), data: data, instanceId: instanceId, onEvent: onEvent });
+    };
+}
+/** Block registry id → the component that renders it (one lazy chunk, 04 §2.3). */
+const BLOCK_COMPONENTS = {
+    'block-totals-summary': blockRenderer(BlockTotalsSummaryWidget, blockTotalsSummaryConfigSchema),
+    'block-line-items': blockRenderer(BlockLineItemsWidget, blockLineItemsConfigSchema),
+    'block-kpi-row': blockRenderer(BlockKpiRowWidget, blockKpiRowConfigSchema),
+    'block-bar-chart': blockRenderer(BlockBarChartWidget, blockBarChartConfigSchema),
+    'block-line-chart': blockRenderer(BlockLineChartWidget, blockLineChartConfigSchema),
+    'block-two-col-table': blockRenderer(BlockTwoColTableWidget, blockTwoColTableConfigSchema),
+    'block-tax-breakdown': blockRenderer(BlockTaxBreakdownWidget, blockTaxBreakdownConfigSchema),
+    'block-multi-currency': blockRenderer(BlockMultiCurrencyWidget, blockMultiCurrencyConfigSchema),
+    'block-payment-history': blockRenderer(BlockPaymentHistoryWidget, blockPaymentHistoryConfigSchema),
+    'block-discount-codes': blockRenderer(BlockDiscountCodesWidget, blockDiscountCodesConfigSchema),
+    'block-loyalty-banner': blockRenderer(BlockLoyaltyBannerWidget, blockLoyaltyBannerConfigSchema),
+    'block-recurring-banner': blockRenderer(BlockRecurringBannerWidget, blockRecurringBannerConfigSchema),
+    'block-qr-pay': blockRenderer(BlockQrPayWidget, blockQrPayConfigSchema),
+    'block-delivery-stepper': blockRenderer(BlockDeliveryStepperWidget, blockDeliveryStepperConfigSchema),
+    'block-signature': blockRenderer(BlockSignatureWidget, blockSignatureConfigSchema),
+    'block-terms-checkbox': blockRenderer(BlockTermsCheckboxWidget, blockTermsCheckboxConfigSchema),
+    'block-approval': blockRenderer(BlockApprovalWidget, blockApprovalConfigSchema),
+    'block-attachments': blockRenderer(BlockAttachmentsWidget, blockAttachmentsConfigSchema),
+    'block-late-fees': blockRenderer(BlockLateFeesWidget, blockLateFeesConfigSchema),
+    'block-image-placeholder': blockRenderer(BlockImagePlaceholderWidget, blockImagePlaceholderConfigSchema),
+    'block-contact': blockRenderer(BlockContactWidget, blockContactConfigSchema),
+    'block-highlight-box': blockRenderer(BlockHighlightBoxWidget, blockHighlightBoxConfigSchema),
+};
+/** Accent token → the outline a selected block wears. */
+const ACCENT_RING = {
+    accent: 'ring-accent',
+    info: 'ring-info',
+    pos: 'ring-pos',
+    warn: 'ring-warn',
+    danger: 'ring-danger',
+    neutral: 'ring-border-strong',
+};
+function DocHeader({ doc, config, locale }) {
+    const logo = config.brand?.logo;
+    return (_jsxs("header", { "data-part": "doc-header", className: "mb-6 border-b border-border pb-5", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [logo !== undefined && logo !== '' && (_jsx("p", { "data-part": "doc-logo", className: "mb-1 text-section font-bold text-accent", children: logo })), _jsx("h2", { className: "text-title text-fg", children: doc.title ?? '' }), doc.number !== undefined && (_jsx(MonoText, { className: "text-body-sm text-fg-subtle", children: doc.number }))] }), _jsxs("dl", { className: "text-body-sm text-end", children: [doc.issuedAt !== undefined && (_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("dt", { className: "text-fg-subtle", children: config.issuedLabel ?? 'Issued' }), _jsx("dd", { children: _jsx(MonoText, { className: "text-fg", children: formatBlockDate(doc.issuedAt, locale) }) })] })), doc.dueAt !== undefined && (_jsxs("div", { className: "flex justify-between gap-4", children: [_jsx("dt", { className: "text-fg-subtle", children: config.dueLabel ?? 'Due' }), _jsx("dd", { children: _jsx(MonoText, { className: "text-fg", children: formatBlockDate(doc.dueAt, locale) }) })] }))] })] }), _jsx("div", { className: "mt-4 flex flex-wrap gap-8", children: [doc.fromLines, doc.toLines].map((lines, index) => Array.isArray(lines) && lines.length > 0 ? (_jsxs("address", { "data-part": index === 0 ? 'doc-from' : 'doc-to', className: "not-italic", children: [index === 1 && (_jsx("p", { className: "mb-0.5 text-micro uppercase text-fg-subtle", children: config.billedToLabel ?? 'Billed to' })), lines.map((line) => (_jsx("p", { className: "text-body-sm text-fg-muted", children: line }, line)))] }, index === 0 ? 'from' : 'to')) : null) })] }));
+}
+export function DocumentCanvasWidget({ config, data, instanceId, onEvent }) {
+    const doc = rowOf(data);
+    const docType = docTypeOf(doc?.docType, config.docType);
+    const resolved = blockOrderOf(doc, {
+        docType,
+        ...(config.enabledBlocks === undefined ? {} : { enabledBlocks: config.enabledBlocks }),
+    });
+    // Local order/selection keep the interaction responsive; the host owns
+    // persistence and re-enters the committed order through `data`.
+    const [order, setOrder] = useState(null);
+    const [selected, setSelected] = useState(config.selectedBlockId);
+    const blocks = order ?? resolved;
+    if (doc === null) {
+        return (_jsx(BlockEmpty, { title: config.emptyTitle ?? 'No document yet', body: config.emptyBody ?? 'Pick a starter template or add a block to begin.' }));
+    }
+    const locale = config.format?.locale;
+    const ring = ACCENT_RING[config.brand?.accent ?? 'accent'];
+    // The doc's money/date formatting is a property of the DOCUMENT, so it is the
+    // one thing every block inherits; everything else resolves from the block's
+    // own schema (see `BlockBaseConfig`).
+    const blockBase = config.format === undefined ? {} : { format: config.format };
+    const commit = (next, event) => {
+        setOrder(next);
+        onEvent(event);
+    };
+    const reorder = (index, delta) => {
+        const next = moveBlock(blocks, index, delta);
+        commit(next, {
+            type: 'mutate',
+            intent: 'update',
+            table: 'document',
+            recordId: instanceId,
+            values: { blockOrder: next.map((instance) => instance.block) },
+        });
+    };
+    const remove = (index) => {
+        const next = blocks.filter((_, at) => at !== index);
+        commit(next, {
+            type: 'mutate',
+            intent: 'update',
+            table: 'document',
+            recordId: instanceId,
+            values: { blockOrder: next.map((instance) => instance.block) },
+        });
+    };
+    return (_jsxs("article", { "data-widget": "document-canvas", "data-testid": config.testId, "data-doc-type": docType, 
+        /*
+          The paper surface. An `email` doc renders in the `adm-always-light`
+          scope: email clients we don't control render light, so previewing one on
+          a dark theme would be lying about the artifact (@adminium/tokens
+          exceptions.css — "Email previews and QR tiles are ALWAYS light").
+        */
+        className: `h-full overflow-auto rounded-lg border border-border bg-surface p-6 ${docType === 'email' ? 'adm-always-light' : ''}`, children: [_jsx(DocHeader, { doc: doc, config: config, locale: locale }), blocks.length === 0 ? (_jsx(BlockEmpty, { title: config.emptyTitle ?? 'No blocks yet', body: config.emptyBody ?? 'Add a block from the palette to build this document.' })) : (_jsx("ol", { "data-part": "block-list", "aria-label": config.blockListLabel ?? 'Document blocks', className: "space-y-4", children: blocks.map((instance, index) => {
+                    const Block = BLOCK_COMPONENTS[instance.block];
+                    if (Block === undefined)
+                        return null; // unknown id: never resolve arbitrarily
+                    const isSelected = selected === instance.id;
+                    return (_jsxs("li", { "data-part": "block-instance", "data-block": instance.block, "data-selected": isSelected, className: "group relative", children: [_jsx("div", { className: `rounded-md p-2 transition-shadow ${isSelected ? `ring-2 ${ring}` : 'ring-1 ring-transparent hover:ring-border'}`, children: config.selectable ? (
+                                /*
+                                  Click-to-select. A real <button> wrapper would nest the
+                                  blocks' own inputs/buttons inside a button (invalid, and it
+                                  swallows their keyboard events), so selection rides a
+                                  focusable region with an explicit key handler instead.
+                                */
+                                _jsxs("div", { role: "button", tabIndex: 0, "aria-pressed": isSelected, "aria-label": instance.label ?? instance.block, onClick: () => setSelected(instance.id), onKeyDown: (event) => {
+                                        if (event.key !== 'Enter' && event.key !== ' ')
+                                            return;
+                                        if (event.target !== event.currentTarget)
+                                            return; // let inputs keep their keys
+                                        event.preventDefault();
+                                        setSelected(instance.id);
+                                    }, className: "outline-none", children: [instance.label !== undefined && (_jsx("h3", { className: "mb-2 text-micro uppercase text-fg-subtle", children: instance.label })), _jsx(Block, { base: blockBase, data: blockDataOf(instance.block, doc), instanceId: `${instanceId}-${instance.id}`, onEvent: onEvent })] })) : (_jsx(Block, { base: blockBase, data: blockDataOf(instance.block, doc), instanceId: `${instanceId}-${instance.id}`, onEvent: onEvent })) }), config.reorderable && (
+                            /*
+                              Controls sit on the inline-end edge and are revealed on
+                              hover/focus — `opacity-0` keeps them focusable, and
+                              `focus-within` brings them back into view when tabbed to, so
+                              they are never keyboard-unreachable.
+                            */
+                            _jsxs("div", { "data-part": "block-controls", className: "absolute end-1 top-1 flex gap-0.5 opacity-0 transition-opacity duration-100 group-focus-within:opacity-100 group-hover:opacity-100", children: [_jsx(IconButton, { size: "sm", "data-part": "block-move-up", label: config.moveUpLabel ?? 'Move block up', disabled: index === 0, onClick: () => reorder(index, -1), children: _jsx(ChevronUp, { className: "size-3.5" }) }), _jsx(IconButton, { size: "sm", "data-part": "block-move-down", label: config.moveDownLabel ?? 'Move block down', disabled: index === blocks.length - 1, onClick: () => reorder(index, 1), children: _jsx(ChevronDown, { className: "size-3.5" }) }), _jsx(IconButton, { size: "sm", "data-part": "block-remove", label: config.removeBlockLabel ?? 'Remove block', onClick: () => remove(index), className: "hover:text-danger", children: _jsx(Trash2, { className: "size-3.5" }) })] }))] }, instance.id));
+                }) }))] }));
+}
+//# sourceMappingURL=DocumentCanvas.js.map

package/dist/families/domain/DocumentCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentCanvas.js","sourceRoot":"","sources":["../../../src/families/domain/DocumentCanvas.tsx"],"names":[],"mappings":"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"}

package/dist/families/domain/ExperimentVariantCompare.d.ts

@@ -0,0 +1,41 @@
+import { experimentVariantCompareConfigSchema, experimentVariantCompareDemoData } from './domain-ops-config.js';
+import type { ExperimentVariantCompareConfig } from './domain-ops-config.js';
+import type { ExperimentVariant } from './domain-ops-types.js';
+import type { WidgetProps } from '../../registry/types.js';
+/**
+ * `experiment-variant-compare` (annex §13) — per-variant horizontal conversion
+ * bars (width = conv / maxConv), lift-vs-control pills, CONTROL / WINNER badges,
+ * participant + conversion counts, and the paired significance meter: a
+ * confidence bar color-coded ≥95 green / ≥80 amber plus a verdict.
+ * Evidence: AB Experiments.
+ *
+ * WINNER IS DERIVED, NEVER BOUND (annex: "winner derived") — and it is derived
+ * with the significance gate applied, not from `max(conv)` alone. An experiment
+ * readout that crowns a "winner" at 61% confidence is the single most expensive
+ * mistake this widget could make: it tells a reader to ship a change the data
+ * does not support. So the badge appears only when the test cleared the high
+ * threshold AND the leader is not the control.
+ */
+export { experimentVariantCompareConfigSchema, experimentVariantCompareDemoData };
+export type { ExperimentVariantCompareConfig };
+export interface ExperimentVariantCompareViewProps {
+    variants: readonly ExperimentVariant[];
+    /** Significance of the test, percent 0–100; absent → no meter. */
+    confidence?: number | undefined;
+    confThresholds?: {
+        high?: number;
+        medium?: number;
+    } | undefined;
+    showSignificance?: boolean | undefined;
+    locale?: string | undefined;
+    controlLabel?: string | undefined;
+    winnerLabel?: string | undefined;
+    significanceLabel?: string | undefined;
+    verdictSignificantLabel?: string | undefined;
+    verdictInconclusiveLabel?: string | undefined;
+    countsLabel?: string | undefined;
+    testId?: string | undefined;
+}
+export declare function ExperimentVariantCompareView({ variants, confidence, confThresholds, showSignificance, locale, controlLabel, winnerLabel, significanceLabel, verdictSignificantLabel, verdictInconclusiveLabel, countsLabel, testId, }: ExperimentVariantCompareViewProps): import("react").JSX.Element;
+export declare function ExperimentVariantCompareWidget({ config, data }: WidgetProps<ExperimentVariantCompareConfig>): import("react").JSX.Element;
+//# sourceMappingURL=ExperimentVariantCompare.d.ts.map

package/dist/families/domain/ExperimentVariantCompare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentVariantCompare.d.ts","sourceRoot":"","sources":["../../../src/families/domain/ExperimentVariantCompare.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oCAAoC,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAChH,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,wBAAwB,CAAC;AAe7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,oCAAoC,EAAE,gCAAgC,EAAE,CAAC;AAClF,YAAY,EAAE,8BAA8B,EAAE,CAAC;AAE/C,MAAM,WAAW,iCAAiC;IAChD,QAAQ,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACvC,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,cAAc,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,uBAAuB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7C,wBAAwB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,QAAQ,EACR,UAAU,EACV,cAAc,EACd,gBAAuB,EACvB,MAAM,EACN,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,uBAAuB,EACvB,wBAAwB,EACxB,WAAW,EACX,MAAM,GACP,EAAE,iCAAiC,+BAwGnC;AAqCD,wBAAgB,8BAA8B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,8BAA8B,CAAC,+BA+B3G"}