@adminiumjs/widgets 0.1.0-rc.1

package/dist/families/domain/OpsTrust.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Badge, IconButton, MonoText, Switch, Tag } from '@adminium/ui';
+import { Check, Copy, Quote } from 'lucide-react';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { ipAllowlistCardConfigSchema, ipAllowlistCardDemoData, policyListConfigSchema, policyListDemoData, testimonialCardConfigSchema, testimonialCardDemoData, trustBadgesConfigSchema, trustBadgesDemoData, } from './domain-ops-config.js';
+import { booleanField, labelField, opsBindingSourceOf, opsRowOf, opsRowsOf, } from './domain-ops-lib.js';
+import { OpsEmpty } from './OpsEmpty.js';
+export { ipAllowlistCardConfigSchema, ipAllowlistCardDemoData, policyListConfigSchema, policyListDemoData, testimonialCardConfigSchema, testimonialCardDemoData, trustBadgesConfigSchema, trustBadgesDemoData, };
+/**
+ * TRACK OPS — the ACCESS/ASSURANCE half of the annex §13 ops cards, grouped in
+ * one module because all four are read-mostly statements about who may do what,
+ * and three of them share the same tiny list-of-claims shape:
+ *
+ *   `policy-list`, `ip-allowlist-card`, `trust-badges`, `testimonial-card`.
+ *
+ * NEVER WRITES: `policy-list`'s enable toggle emits a `mutate` intent the host
+ * runs through the CRUD API with undo + audit (04 §2.1) — disabling an RLS
+ * policy is exactly the kind of change that must be audited and reversible, so
+ * the widget describes the intent and the host owns the consequence. Unbound →
+ * the toggle renders read-only rather than lying about a state it cannot persist.
+ *
+ * `testimonial-card` / `trust-badges` are the marketing pair (annex: "Kept for
+ * adminium.dev landing/marketplace pages"): presentational, no intents, no
+ * writes.
+ */
+// ── policy-list ─────────────────────────────────────────────────────────────
+/**
+ * SQL command → tone. Read is informational; the mutating commands escalate, and
+ * `ALL` is the widest grant there is, so it reads danger — a policy list where
+ * "ALL" looked as calm as "SELECT" would bury the one row most worth noticing.
+ */
+const CMD_TONE = {
+    SELECT: 'info',
+    INSERT: 'pos',
+    UPDATE: 'warn',
+    DELETE: 'danger',
+    ALL: 'danger',
+};
+export function PolicyListView({ policies, enableLabel, onToggle, testId }) {
+    return (_jsx("ul", { "data-widget": "policy-list", "data-testid": testId, className: "flex h-full flex-col gap-1.5 overflow-auto px-4 pb-4", children: policies.map((policy) => (_jsxs("li", { "data-part": "policy-row", "data-enabled": policy.enabled ? '' : undefined, className: "flex items-center gap-2 rounded-lg border border-border bg-surface-2 p-2.5", children: [_jsxs("div", { className: `flex min-w-0 flex-1 items-center gap-2 ${policy.enabled ? '' : 'opacity-50'}`, children: [_jsx(Tag, { mono: true, tone: CMD_TONE[policy.cmd] ?? 'neutral', className: "shrink-0", "data-part": "policy-cmd", children: policy.cmd }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-body-sm text-fg", "data-part": "policy-name", children: policy.name }), _jsx(MonoText, { className: "block truncate text-caption text-fg-subtle", "data-part": "policy-role", children: policy.role })] })] }), _jsx(Switch, { "data-part": "policy-toggle", checked: policy.enabled, "aria-label": enableLabel ?? policy.name, className: "shrink-0", ...(onToggle === undefined
+                        ? { disabled: true }
+                        : { onCheckedChange: (checked) => onToggle(policy, checked) }) })] }, policy.id))) }));
+}
+/** Project the bound `record-list` onto the policy model. */
+function policiesOf(config, data) {
+    return opsRowsOf(data).map((row, index) => ({
+        id: labelField(row, config.idField, `p${index}`),
+        name: labelField(row, config.nameField, ''),
+        // Uppercased so a pg catalog's lowercase `cmd` still hits the tone map — the
+        // vocabulary is SQL's, and SQL commands are conventionally upper-cased here.
+        cmd: labelField(row, config.cmdField, '').toUpperCase(),
+        role: labelField(row, config.roleField, ''),
+        enabled: booleanField(row, config.enabledField) ?? false,
+    }));
+}
+export function PolicyListWidget({ config, data, onEvent }) {
+    const policies = useMemo(() => policiesOf(config, data), [config, data]);
+    const source = useMemo(() => opsBindingSourceOf(config.binding), [config.binding]);
+    if (policies.length === 0) {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No policies', body: config.emptyBody ?? 'This table has no row-level security policies yet.' }));
+    }
+    return (_jsx(PolicyListView, { policies: policies, ...(config.enableLabel === undefined ? {} : { enableLabel: config.enableLabel }), ...(config.testId === undefined ? {} : { testId: config.testId }), ...(source === null
+            ? {}
+            : {
+                onToggle: (policy, enabled) => void onEvent({
+                    type: 'mutate',
+                    intent: 'update',
+                    connectionId: source.connectionId,
+                    table: source.table,
+                    recordId: policy.id,
+                    values: { [config.enabledField]: enabled },
+                }),
+            }) }));
+}
+export function IpAllowlistCardView({ entries, copyResetMs = 1400, copyLabel, copiedLabel, testId, }) {
+    const [copied, setCopied] = useState(null);
+    const timer = useRef(undefined);
+    useEffect(() => () => clearTimeout(timer.current), []);
+    /**
+     * The annex's "Copy → 'Copied ✓' (1.4s)". `navigator.clipboard` is undefined
+     * under plain HTTP and in happy-dom, so the write is optional-chained and the
+     * confirmation is driven by our own state either way — the button stays honest
+     * rather than throwing. Copying a SECOND row restarts the window instead of
+     * inheriting the first row's timer.
+     */
+    const copy = (ip) => {
+        void globalThis.navigator?.clipboard?.writeText?.(ip)?.catch?.(() => { });
+        setCopied(ip);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(null), copyResetMs);
+    };
+    return (_jsx("ul", { "data-widget": "ip-allowlist-card", "data-testid": testId, className: "flex h-full flex-col gap-1 overflow-auto px-4 pb-4", children: entries.map((entry) => (_jsxs("li", { "data-part": "allowlist-row", className: "flex items-center gap-2 rounded-md bg-surface-2 px-2.5 py-1.5", children: [_jsx(MonoText, { dir: "ltr", className: "min-w-0 flex-1 truncate text-caption text-fg", "data-part": "allowlist-ip", children: entry.ip }), entry.label === undefined ? null : (_jsx(Badge, { tone: "neutral", className: "shrink-0", "data-part": "allowlist-label", children: entry.label })), _jsx(IconButton, { size: "sm", variant: "ghost", className: "shrink-0", "data-part": "allowlist-copy", label: copied === entry.ip ? (copiedLabel ?? 'Copied') : (copyLabel ?? 'Copy'), onClick: () => copy(entry.ip), children: copied === entry.ip ? _jsx(Check, { className: "size-3.5 text-pos" }) : _jsx(Copy, { className: "size-3.5" }) })] }, entry.ip))) }));
+}
+export function IpAllowlistCardWidget({ config, data }) {
+    const entries = useMemo(() => opsRowsOf(data)
+        .map((row) => ({
+        ip: labelField(row, config.ipField, ''),
+        label: row[config.labelFieldName] === undefined ? undefined : labelField(row, config.labelFieldName, ''),
+    }))
+        // An allowlist row with no address is not a row — it is a copy button
+        // that would put an empty string on the clipboard.
+        .filter((entry) => entry.ip !== ''), [config, data]);
+    if (entries.length === 0) {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No egress IPs', body: config.emptyBody ?? 'Egress addresses appear here once the connection is provisioned.' }));
+    }
+    return (_jsx(IpAllowlistCardView, { entries: entries, copyResetMs: config.copyResetMs, ...(config.copyLabel === undefined ? {} : { copyLabel: config.copyLabel }), ...(config.copiedLabel === undefined ? {} : { copiedLabel: config.copiedLabel }), ...(config.testId === undefined ? {} : { testId: config.testId }) }));
+}
+export function TrustBadgesView({ badges, testId }) {
+    return (_jsx("ul", { "data-widget": "trust-badges", "data-testid": testId, className: "flex flex-wrap items-center gap-x-2 gap-y-1 px-4 pb-4 text-caption text-fg-muted", children: badges.map((badge, index) => (_jsxs("li", { className: "flex items-center gap-2", "data-part": "trust-badge", children: [index === 0 ? null : (_jsx("span", { "aria-hidden": "true", className: "text-fg-subtle", children: "\u00B7" })), _jsx("span", { children: badge })] }, badge))) }));
+}
+export function TrustBadgesWidget({ config, data }) {
+    /*
+      Host-supplied `badges` render INSTEAD of the bound rows (the schema's
+      contract) — a marketing page states its own claims in config rather than
+      binding a table for five strings.
+    */
+    const badges = useMemo(() => config.badges ??
+        opsRowsOf(data)
+            .map((row) => labelField(row, config.labelFieldName, ''))
+            .filter((label) => label !== ''), [config.badges, config.labelFieldName, data]);
+    if (badges.length === 0) {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No badges', body: config.emptyBody ?? 'Add compliance claims in config or bind a badges table.' }));
+    }
+    return (_jsx(TrustBadgesView, { badges: badges, ...(config.testId === undefined ? {} : { testId: config.testId }) }));
+}
+export function TestimonialCardView({ testimonial, locale, testId }) {
+    const attribution = [testimonial.role, testimonial.company].filter((part) => part !== undefined && part !== '');
+    return (_jsxs("figure", { "data-widget": "testimonial-card", "data-testid": testId, className: "flex h-full flex-col gap-3 overflow-auto px-4 pb-4", children: [_jsx(Quote, { "aria-hidden": "true", className: "size-5 shrink-0 text-accent opacity-60" }), _jsx("blockquote", { className: "flex-1 text-body-sm leading-relaxed text-fg", "data-part": "testimonial-quote", children: testimonial.quote }), _jsxs("figcaption", { className: "flex items-center gap-2.5", children: [_jsx(Avatar, { size: "sm", name: testimonial.initials ?? testimonial.name, label: testimonial.name, "data-part": "testimonial-avatar", ...(locale === undefined ? {} : { locale }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-body-sm font-semibold text-fg", "data-part": "testimonial-name", children: testimonial.name }), attribution.length === 0 ? null : (_jsx("p", { className: "truncate text-caption text-fg-subtle", "data-part": "testimonial-attribution", children: attribution.join(' · ') }))] })] })] }));
+}
+export function TestimonialCardWidget({ config, data }) {
+    const testimonial = useMemo(() => {
+        const row = opsRowOf(data);
+        if (row === null)
+            return null;
+        const quote = labelField(row, config.quoteField, '');
+        // A testimonial with no quote is not a testimonial — it is an avatar and a
+        // name, which says nothing. Empty-state instead.
+        if (quote === '')
+            return null;
+        return {
+            quote,
+            name: labelField(row, config.nameField, ''),
+            role: row[config.roleField] === undefined ? undefined : labelField(row, config.roleField, ''),
+            company: row[config.companyField] === undefined ? undefined : labelField(row, config.companyField, ''),
+            initials: row[config.initialsField] === undefined ? undefined : labelField(row, config.initialsField, ''),
+        };
+    }, [config, data]);
+    if (testimonial === null) {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No testimonial', body: config.emptyBody ?? 'Bind a quote row to show a customer testimonial.' }));
+    }
+    return (_jsx(TestimonialCardView, { testimonial: testimonial, ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), ...(config.testId === undefined ? {} : { testId: config.testId }) }));
+}
+//# sourceMappingURL=OpsTrust.js.map

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

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

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

@@ -0,0 +1,45 @@
+import { orgChartConfigSchema, orgChartDemoData } from './domain-config.js';
+import type { OrgChartConfig } from './domain-config.js';
+import type { OrgFieldMap } from './domain-lib.js';
+import type { WidgetProps } from '../../registry/types.js';
+/**
+ * `org-chart` (annex §13) — a hierarchical node tree with elbow connectors,
+ * built from a SELF-REFERENCING people table (`manager_id → id`), which is also
+ * this widget's auto-instantiation trigger (annex §13: "self-FK on a people
+ * table (`manager_id`) → `org-chart`"). Node variants by depth: a root card, a
+ * manager card with a dept chip + an expand/collapse "N reports" footer, and a
+ * compact report card tinted from its parent's department tone.
+ *
+ * DIRECTION (10-i18n-theming.md §5.5): an org chart is a HIERARCHY, not a time
+ * axis, so it mirrors — the tree grows inline-start → inline-end and flips whole
+ * under `dir="rtl"`. The mirroring is done by the browser, not by us: geometry
+ * from `layoutOrgTree` is canonical-LTR and every card is positioned on
+ * `inset-inline-start` (`start-[var(--node-x)]`), the same logical-CSS mechanism
+ * the `calendar` family's month grid relies on. The connector overlay is SVG —
+ * which has no logical coordinate system — so it mirrors with
+ * `rtl:-scale-x-100`; it draws only lines (no text), so a transform mirror is
+ * exact. Both layers consume the SAME geometry, so they can never disagree.
+ *
+ * CYCLE SAFETY: a corrupt `manager_id` cycle (A→B→A, or a self-managing row)
+ * must never hang the render. `buildOrgTree` is structurally loop-proof — see
+ * its contract in domain-lib.ts — and every node still renders exactly once.
+ */
+export { orgChartConfigSchema, orgChartDemoData };
+export type { OrgChartConfig };
+export interface OrgChartProps {
+    data: unknown;
+    fields: OrgFieldMap;
+    maxDepth?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultCollapsed?: readonly string[] | undefined;
+    deptColorMap?: Record<string, string> | undefined;
+    locale?: string | undefined;
+    emptyTitle?: string | undefined;
+    emptyBody?: string | undefined;
+    /** Localized "N reports" footer template; `{count}` placeholder. */
+    reportsLabel?: string | undefined;
+    testId?: string | undefined;
+}
+export declare function OrgChart({ data, fields, maxDepth, collapsible, defaultCollapsed, deptColorMap, locale, emptyTitle, emptyBody, reportsLabel, testId, }: OrgChartProps): import("react").JSX.Element;
+export declare function OrgChartWidget({ config, data }: WidgetProps<OrgChartConfig>): import("react").JSX.Element;
+//# sourceMappingURL=OrgChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrgChart.d.ts","sourceRoot":"","sources":["../../../src/families/domain/OrgChart.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAUzD,OAAO,KAAK,EAAE,WAAW,EAAiB,MAAM,iBAAiB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,gBAAgB,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,CAAC;IACjD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAClD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAyBD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,QAAY,EACZ,WAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAY,EACZ,MAAM,GACP,EAAE,aAAa,+BAkFf;AA4FD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,cAAc,CAAC,+BAgB3E"}

package/dist/families/domain/OrgChart.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, EmptyState } from '@adminium/ui';
+import { ChevronDown, ChevronUp } from 'lucide-react';
+import { useMemo, useState } from 'react';
+import { orgChartConfigSchema, orgChartDemoData } from './domain-config.js';
+import { TONE_BORDER, TONE_SOFT, categoryTone, layoutOrgTree, orgRootsOf, resolveLocale, toneOf, } from './domain-lib.js';
+/**
+ * `org-chart` (annex §13) — a hierarchical node tree with elbow connectors,
+ * built from a SELF-REFERENCING people table (`manager_id → id`), which is also
+ * this widget's auto-instantiation trigger (annex §13: "self-FK on a people
+ * table (`manager_id`) → `org-chart`"). Node variants by depth: a root card, a
+ * manager card with a dept chip + an expand/collapse "N reports" footer, and a
+ * compact report card tinted from its parent's department tone.
+ *
+ * DIRECTION (10-i18n-theming.md §5.5): an org chart is a HIERARCHY, not a time
+ * axis, so it mirrors — the tree grows inline-start → inline-end and flips whole
+ * under `dir="rtl"`. The mirroring is done by the browser, not by us: geometry
+ * from `layoutOrgTree` is canonical-LTR and every card is positioned on
+ * `inset-inline-start` (`start-[var(--node-x)]`), the same logical-CSS mechanism
+ * the `calendar` family's month grid relies on. The connector overlay is SVG —
+ * which has no logical coordinate system — so it mirrors with
+ * `rtl:-scale-x-100`; it draws only lines (no text), so a transform mirror is
+ * exact. Both layers consume the SAME geometry, so they can never disagree.
+ *
+ * CYCLE SAFETY: a corrupt `manager_id` cycle (A→B→A, or a self-managing row)
+ * must never hang the render. `buildOrgTree` is structurally loop-proof — see
+ * its contract in domain-lib.ts — and every node still renders exactly once.
+ */
+export { orgChartConfigSchema, orgChartDemoData };
+/** Node tone: an explicit `meta.tone`, else a stable tone hashed from the dept. */
+function nodeTone(node, deptColorMap) {
+    const explicit = node.meta?.tone;
+    if (explicit !== undefined)
+        return toneOf(explicit);
+    return categoryTone(node.meta?.dept, deptColorMap);
+}
+/**
+ * `{count}` interpolation for the localized reports footer.
+ *
+ * The template is a NON-INFLECTING "Reports · {count}" form on purpose. Widgets
+ * are locale-agnostic and receive already-translated strings through config (the
+ * boards `laneSummary` convention), so they interpolate by plain substitution —
+ * there is no ICU runtime in here. A pluralized "{count} reports" would
+ * therefore render with the wrong noun form in every locale with real plural
+ * categories (ar has six, cs four), so the string is written to avoid grammatical
+ * number agreement entirely rather than to fake it.
+ */
+function formatReports(template, count) {
+    const text = template ?? 'Reports · {count}';
+    return text.replace('{count}', String(count));
+}
+export function OrgChart({ data, fields, maxDepth = 6, collapsible = true, defaultCollapsed, deptColorMap, locale, emptyTitle, emptyBody, reportsLabel, testId, }) {
+    const tag = resolveLocale(locale);
+    const { roots } = useMemo(() => orgRootsOf(data, fields), [data, fields]);
+    const [collapsed, setCollapsed] = useState(() => new Set(defaultCollapsed ?? []));
+    const layout = useMemo(() => layoutOrgTree(roots, { maxDepth, collapsed }), [roots, maxDepth, collapsed]);
+    if (roots.length === 0) {
+        return (_jsx(EmptyState, { compact: true, preset: "no-data", title: emptyTitle ?? 'No reporting structure', body: emptyBody ?? 'The org chart appears once people rows reference a manager.' }));
+    }
+    const toggle = (id) => {
+        setCollapsed((current) => {
+            const next = new Set(current);
+            if (next.has(id))
+                next.delete(id);
+            else
+                next.add(id);
+            return next;
+        });
+    };
+    return (_jsx("div", { "data-widget": "org-chart", "data-testid": testId, className: "h-full overflow-auto p-4", children: _jsxs("div", { role: "tree", "aria-label": "Organization chart", className: "relative mx-auto h-[var(--org-canvas-h)] w-[var(--org-canvas-w)]", style: { '--org-canvas-w': `${layout.width}px`, '--org-canvas-h': `${layout.height}px` }, children: [_jsx("svg", { className: "pointer-events-none absolute inset-0 rtl:-scale-x-100", viewBox: `0 0 ${layout.width} ${layout.height}`, width: layout.width, height: layout.height, "aria-hidden": "true", focusable: "false", "data-testid": "org-chart-connectors", children: layout.connectors.map((connector) => (_jsx("path", { d: connector.d, fill: "none", stroke: "var(--border-strong)", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }, `${connector.parentId}-${connector.childId}`))) }), layout.nodes.map((entry) => (_jsx(OrgCard, { entry: entry, tone: nodeTone(entry.node, deptColorMap), locale: tag, collapsible: collapsible, reportsLabel: reportsLabel, onToggle: toggle }, entry.id)))] }) }));
+}
+function OrgCard({ entry, tone, locale, collapsible, reportsLabel, onToggle }) {
+    const { node } = entry;
+    const isRoot = entry.depth === 0;
+    const dept = node.meta?.dept;
+    // A toggle only makes sense when there is something to expand AND the instance
+    // allows collapsing. `maxDepth`-pruned nodes are excluded: their collapsed
+    // state is forced by the cap, so `onToggle` could never expand them — a live
+    // button there is a dead control, and `aria-expanded` on it would be a lie.
+    const expandable = entry.hasChildren && !entry.pruned;
+    const showToggle = collapsible && expandable;
+    return (_jsxs("div", { role: "treeitem", "aria-level": entry.depth + 1, "aria-label": node.label, ...(expandable ? { 'aria-expanded': !entry.collapsed } : {}), "data-testid": `org-node-${node.id}`, "data-depth": entry.depth, className: [
+            'absolute top-[var(--node-y)] start-[var(--node-x)] h-[var(--node-h)] w-[var(--node-w)]',
+            'flex flex-col items-center rounded-xl border bg-surface p-3 text-center shadow-sm',
+            'transition-shadow hover:shadow-md',
+            isRoot ? `border-t-2 ${TONE_BORDER[tone]}` : 'border-border',
+        ].join(' '), style: {
+            '--node-x': `${entry.x}px`,
+            '--node-y': `${entry.y}px`,
+            '--node-w': `${entry.width}px`,
+            '--node-h': `${entry.height}px`,
+        }, children: [_jsx(Avatar, { name: node.label, size: isRoot ? 'lg' : 'md', locale: locale, ...(node.meta?.avatar === undefined ? {} : { src: node.meta.avatar }) }), _jsx("p", { className: "mt-1.5 w-full truncate text-body-sm font-bold text-fg", children: node.label }), node.meta?.role === undefined ? null : (_jsx("p", { className: "w-full truncate text-caption text-fg-muted", children: node.meta.role })), dept === undefined ? null : (_jsx("span", { className: `mt-1 truncate rounded-full px-2 py-0.5 text-[9.5px] font-bold uppercase tracking-wide ${TONE_SOFT[tone]}`, children: dept })), !showToggle ? null : (_jsxs("button", { type: "button", onClick: () => onToggle(node.id), "data-testid": `org-toggle-${node.id}`, className: "mt-auto flex w-full items-center justify-center gap-1 border-t border-border pt-1.5 text-caption font-bold text-fg-subtle hover:text-fg", children: [entry.collapsed ? (_jsx(ChevronDown, { className: "size-3", "aria-hidden": "true" })) : (_jsx(ChevronUp, { className: "size-3", "aria-hidden": "true" })), formatReports(reportsLabel, entry.childCount)] }))] }));
+}
+/** Resolve the config's field-name map once per render (stable identity). */
+function fieldsOf(config) {
+    return {
+        idField: config.idField,
+        parentField: config.parentField,
+        labelField: config.labelField,
+        roleField: config.roleField,
+        deptField: config.deptField,
+        avatarField: config.avatarField,
+        toneField: config.toneField,
+    };
+}
+export function OrgChartWidget({ config, data }) {
+    const fields = useMemo(() => fieldsOf(config), [config]);
+    return (_jsx(OrgChart, { data: data, fields: fields, maxDepth: config.maxDepth, collapsible: config.collapsible, ...(config.defaultCollapsed === undefined ? {} : { defaultCollapsed: config.defaultCollapsed }), ...(config.deptColorMap === undefined ? {} : { deptColorMap: config.deptColorMap }), ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), ...(config.emptyTitle === undefined ? {} : { emptyTitle: config.emptyTitle }), ...(config.emptyBody === undefined ? {} : { emptyBody: config.emptyBody }), ...(config.reportsLabel === undefined ? {} : { reportsLabel: config.reportsLabel }) }));
+}
+//# sourceMappingURL=OrgChart.js.map

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

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

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

@@ -0,0 +1,43 @@
+import { planPricingCardsConfigSchema, planPricingCardsDemoData } from './domain-ops-config.js';
+import type { PlanPricingCardsConfig } from './domain-ops-config.js';
+import type { PricingPlan } from './domain-ops-types.js';
+import type { WidgetProps } from '../../registry/types.js';
+/**
+ * `plan-pricing-cards` (annex §13) — tier cards: name, tagline, a large mono
+ * price with a computed monthly/annual switch, the billing note, a CTA, and the
+ * check-list of features; the promoted tier gets an accent border + a POPULAR
+ * pill, and an in-modal `selectable` variant turns the cards into radio targets.
+ * Evidence: Pricing, Adminium Pricing, Billing & Usage, Billing Overview.
+ *
+ * A Cloud/marketing surface (M12/M14 consumers) with NO billing logic: it takes
+ * plan rows and a discount and renders them. The annual price is COMPUTED here
+ * (`monthly × (1 − discount)`) rather than bound as a second column, because the
+ * annex specifies a "monthly/annual computed switch" — two independently-stored
+ * prices drift, and a card showing an annual price that does not match the
+ * monthly one times twelve is a support ticket, not a design.
+ *
+ * The CTA emits `drill-through`; picking a plan is a checkout flow the HOST
+ * owns. This widget cannot start a subscription, and must not look like it can.
+ */
+export { planPricingCardsConfigSchema, planPricingCardsDemoData };
+export type { PlanPricingCardsConfig };
+export interface PlanPricingCardsViewProps {
+    plans: readonly PricingPlan[];
+    annualDiscount?: number | undefined;
+    period?: 'monthly' | 'annual' | undefined;
+    selectable?: boolean | undefined;
+    currency?: string | undefined;
+    locale?: string | undefined;
+    ctaLabel?: string | undefined;
+    currentLabel?: string | undefined;
+    popularLabel?: string | undefined;
+    monthlyLabel?: string | undefined;
+    annualLabel?: string | undefined;
+    perMonthLabel?: string | undefined;
+    billedAnnuallyLabel?: string | undefined;
+    onSelect?: ((planId: string) => void) | undefined;
+    testId?: string | undefined;
+}
+export declare function PlanPricingCardsView({ plans, annualDiscount, period, selectable, currency, locale, ctaLabel, currentLabel, popularLabel, monthlyLabel, annualLabel, perMonthLabel, billedAnnuallyLabel, onSelect, testId, }: PlanPricingCardsViewProps): import("react").JSX.Element;
+export declare function PlanPricingCardsWidget({ config, data, onEvent }: WidgetProps<PlanPricingCardsConfig>): import("react").JSX.Element;
+//# sourceMappingURL=PlanPricingCards.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanPricingCards.d.ts","sourceRoot":"","sources":["../../../src/families/domain/PlanPricingCards.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAYrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,CAAC;AAClE,YAAY,EAAE,sBAAsB,EAAE,CAAC;AAEvC,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,cAAoB,EACpB,MAAkB,EAClB,UAAkB,EAClB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,MAAM,GACP,EAAE,yBAAyB,+BAsG3B;AAyBD,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,WAAW,CAAC,sBAAsB,CAAC,+BAsCpG"}

package/dist/families/domain/PlanPricingCards.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, MonoText, SegmentedControl } from '@adminium/ui';
+import { Check } from 'lucide-react';
+import { useMemo, useState } from 'react';
+import { planPricingCardsConfigSchema, planPricingCardsDemoData } from './domain-ops-config.js';
+import { annualMonthly, annualTotal, booleanField, countField, formatMoney, interpolate, labelField, opsRowsOf, stringArrayField, } from './domain-ops-lib.js';
+import { OpsEmpty } from './OpsEmpty.js';
+/**
+ * `plan-pricing-cards` (annex §13) — tier cards: name, tagline, a large mono
+ * price with a computed monthly/annual switch, the billing note, a CTA, and the
+ * check-list of features; the promoted tier gets an accent border + a POPULAR
+ * pill, and an in-modal `selectable` variant turns the cards into radio targets.
+ * Evidence: Pricing, Adminium Pricing, Billing & Usage, Billing Overview.
+ *
+ * A Cloud/marketing surface (M12/M14 consumers) with NO billing logic: it takes
+ * plan rows and a discount and renders them. The annual price is COMPUTED here
+ * (`monthly × (1 − discount)`) rather than bound as a second column, because the
+ * annex specifies a "monthly/annual computed switch" — two independently-stored
+ * prices drift, and a card showing an annual price that does not match the
+ * monthly one times twelve is a support ticket, not a design.
+ *
+ * The CTA emits `drill-through`; picking a plan is a checkout flow the HOST
+ * owns. This widget cannot start a subscription, and must not look like it can.
+ */
+export { planPricingCardsConfigSchema, planPricingCardsDemoData };
+export function PlanPricingCardsView({ plans, annualDiscount = 0.2, period = 'monthly', selectable = false, currency, locale, ctaLabel, currentLabel, popularLabel, monthlyLabel, annualLabel, perMonthLabel, billedAnnuallyLabel, onSelect, testId, }) {
+    // Period is component state seeded from config — the reader's toggle must
+    // survive re-renders (a stored config pins the START, not the state).
+    const [active, setActive] = useState(period);
+    const [selected, setSelected] = useState(null);
+    const annual = active === 'annual';
+    return (_jsxs("div", { "data-widget": "plan-pricing-cards", "data-testid": testId, "data-period": active, className: "flex h-full flex-col gap-3 overflow-auto px-4 pb-4", children: [_jsx("div", { className: "flex justify-center", children: _jsx(SegmentedControl, { value: active, onValueChange: setActive, "data-testid": "pricing-period-toggle", options: [
+                        { value: 'monthly', label: monthlyLabel ?? 'Monthly' },
+                        { value: 'annual', label: annualLabel ?? 'Annual' },
+                    ] }) }), _jsx("div", { className: "grid flex-1 grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", children: plans.map((plan) => {
+                    const monthly = annual ? annualMonthly(plan.monthly, annualDiscount) : plan.monthly;
+                    const isSelected = selected === plan.id;
+                    const chosen = selectable && isSelected;
+                    return (_jsxs("div", { "data-part": "plan-card", "data-plan": plan.id, ...(plan.promoted ? { 'data-promoted': '' } : {}), ...(plan.current ? { 'data-current': '' } : {}), ...(chosen ? { 'data-selected': '' } : {}), className: [
+                            'relative flex flex-col gap-3 rounded-xl border bg-surface p-4 transition-shadow',
+                            plan.promoted || chosen ? 'border-accent shadow-glow' : 'border-border shadow-sm',
+                        ].join(' '), children: [plan.promoted ? (_jsx(Badge, { tone: "accent", "data-part": "plan-popular", className: "absolute -top-2 start-4", children: popularLabel ?? 'POPULAR' })) : null, _jsxs("div", { children: [_jsx("p", { className: "text-body font-bold text-fg", children: plan.name }), plan.tagline === undefined ? null : (_jsx("p", { className: "text-caption text-fg-subtle", children: plan.tagline }))] }), _jsxs("div", { children: [_jsx(MonoText, { className: "text-h1 font-black tabular-nums text-fg", "data-part": "plan-price", children: formatMoney(monthly, currency, locale) }), _jsx("span", { className: "ms-1 text-caption text-fg-subtle", children: perMonthLabel ?? '/ month' }), annual && plan.monthly > 0 ? (_jsx("p", { className: "text-caption text-fg-subtle", "data-part": "plan-billing-note", children: interpolate(billedAnnuallyLabel ?? 'Billed {total} yearly', {
+                                            total: formatMoney(annualTotal(plan.monthly, annualDiscount), currency, locale),
+                                        }) })) : null] }), _jsx("ul", { className: "flex flex-1 flex-col gap-1.5", children: plan.features.map((feature, index) => (_jsxs("li", { className: "flex items-start gap-1.5 text-caption text-fg-muted", children: [_jsx(Check, { className: "mt-px size-3.5 shrink-0 text-pos", "aria-hidden": "true" }), _jsx("span", { children: feature })] }, `${plan.id}-f${index}`))) }), _jsx(Button, { variant: plan.current ? 'secondary' : plan.promoted ? 'primary' : 'outline', size: "sm", disabled: plan.current, "data-part": "plan-cta", onClick: () => {
+                                    if (selectable)
+                                        setSelected(plan.id);
+                                    onSelect?.(plan.id);
+                                }, children: plan.current ? (currentLabel ?? 'Current plan') : (ctaLabel ?? 'Choose plan') })] }, plan.id));
+                }) })] }));
+}
+/** Project the bound `record-list` onto the plan model. */
+function plansOf(config, data) {
+    const rows = opsRowsOf(data);
+    return rows.map((row, index) => {
+        const id = labelField(row, config.idField, `plan-${index}`);
+        const name = labelField(row, config.nameField, `Plan ${index + 1}`);
+        return {
+            id,
+            name,
+            tagline: row[config.taglineField] === undefined ? undefined : labelField(row, config.taglineField, ''),
+            monthly: countField(row, config.priceField, 0),
+            features: stringArrayField(row, config.featuresField),
+            // `promotedTier` overrides the column, and matches on id OR name so a host
+            // can promote by either without knowing the table's key strategy.
+            promoted: config.promotedTier === undefined
+                ? (booleanField(row, config.promotedField) ?? false)
+                : config.promotedTier === id || config.promotedTier === name,
+            current: booleanField(row, config.currentField) ?? false,
+        };
+    });
+}
+export function PlanPricingCardsWidget({ config, data, onEvent }) {
+    const plans = useMemo(() => plansOf(config, data), [config, data]);
+    if (plans.length === 0) {
+        return (_jsx(OpsEmpty, { title: config.emptyTitle ?? 'No plans', body: config.emptyBody ?? 'Bind a plans table with a name and a monthly price.' }));
+    }
+    return (_jsx(PlanPricingCardsView, { plans: plans, annualDiscount: config.annualDiscount, period: config.period, selectable: config.selectable, ...(config.format?.currency === undefined ? {} : { currency: config.format.currency }), ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), ...(config.ctaLabel === undefined ? {} : { ctaLabel: config.ctaLabel }), ...(config.currentLabel === undefined ? {} : { currentLabel: config.currentLabel }), ...(config.popularLabel === undefined ? {} : { popularLabel: config.popularLabel }), ...(config.monthlyLabel === undefined ? {} : { monthlyLabel: config.monthlyLabel }), ...(config.annualLabel === undefined ? {} : { annualLabel: config.annualLabel }), ...(config.perMonthLabel === undefined ? {} : { perMonthLabel: config.perMonthLabel }), ...(config.billedAnnuallyLabel === undefined ? {} : { billedAnnuallyLabel: config.billedAnnuallyLabel }), ...(config.testId === undefined ? {} : { testId: config.testId }), ...(config.href === undefined
+            ? {}
+            : {
+                onSelect: (planId) => {
+                    void onEvent({ type: 'drill-through', href: `${config.href}?plan=${encodeURIComponent(planId)}` });
+                },
+            }) }));
+}
+//# sourceMappingURL=PlanPricingCards.js.map

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

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

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

@@ -0,0 +1,43 @@
+import { sloMonitorCardConfigSchema, sloMonitorCardDemoData } from './domain-ops-config.js';
+import type { SloMonitorCardConfig } from './domain-ops-config.js';
+import type { SloMonitor } from './domain-ops-types.js';
+import type { WidgetProps } from '../../registry/types.js';
+/**
+ * `slo-monitor-card` (annex §13) — a per-service SLA card: status rule, icon
+ * tile, status pill, mono endpoint, current% against target%, the trailing daily
+ * uptime sparkline (height + color by Operational/Degraded/Down), a
+ * threshold-colored error-budget bar, and p95 latency. Evidence: SLA Monitoring.
+ *
+ * DIRECTION (10-i18n-theming.md §5.5) — the sparkline here is NOT a time axis
+ * island. It is a compact trailing-history glyph, ~30 undated bars with no axis,
+ * no labels and no origin to align a gutter to; nothing in it anchors a reader
+ * to "left = older" the way the gantt's dated canvas does. So the whole card
+ * mirrors as one unit: the bar strip is a plain flex row that reverses under
+ * `dir="rtl"`, keeping "newest" at the reading END in both directions — which is
+ * where a reader's eye lands last, and therefore where "now" belongs. The
+ * status rule rides `border-s-*` for the same reason (annex "status left-border"
+ * means the START of the row, not its physical left).
+ *
+ * ORDERING CONTRACT: `history` arrives OLDEST → NEWEST and is rendered in that
+ * order. `flex-row` + `dir="rtl"` does the mirroring; the array is never
+ * reversed in JS, so LTR and RTL consume byte-identical data.
+ */
+export { sloMonitorCardConfigSchema, sloMonitorCardDemoData };
+export type { SloMonitorCardConfig };
+export interface SloMonitorCardViewProps {
+    monitor: SloMonitor;
+    budgetThresholds?: {
+        warn?: number;
+        danger?: number;
+    } | undefined;
+    /** Days of history to render (the sparkline window). */
+    windowDays?: number | undefined;
+    locale?: string | undefined;
+    targetLabel?: string | undefined;
+    budgetLabel?: string | undefined;
+    latencyLabel?: string | undefined;
+    testId?: string | undefined;
+}
+export declare function SloMonitorCardView({ monitor, budgetThresholds, windowDays, locale, targetLabel, budgetLabel, latencyLabel, testId, }: SloMonitorCardViewProps): import("react").JSX.Element;
+export declare function SloMonitorCardWidget({ config, data }: WidgetProps<SloMonitorCardConfig>): import("react").JSX.Element;
+//# sourceMappingURL=SloMonitorCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SloMonitorCard.d.ts","sourceRoot":"","sources":["../../../src/families/domain/SloMonitorCard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAC5F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAgBnE,OAAO,KAAK,EAAE,UAAU,EAAe,MAAM,uBAAuB,CAAC;AAErE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAErC,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,UAAU,CAAC;IACpB,gBAAgB,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAClE,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAUD,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,gBAAgB,EAChB,UAAe,EACf,MAAM,EACN,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,GACP,EAAE,uBAAuB,+BAwFzB;AAsBD,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,CAAC,oBAAoB,CAAC,+BAwBvF"}