@adminiumjs/widgets 0.1.0-rc.1

package/dist/families/kpi/kpi-lib.d.ts

@@ -0,0 +1,173 @@
+import type { Tone } from '@adminium/ui';
+import type { MetricFormat, MetricFormatOptions } from '../../lib/format.js';
+/**
+ * Shared helpers for the `kpi` family (annex §1) — SVG gauge geometry, the
+ * qualitative band vocabulary the gauges tint against, the `micro-kpi-subtitle`
+ * template interpolator, and the `stat-pair-card` derived-metric arithmetic.
+ *
+ * PURE module: no JSX, no @adminium/ui component imports, no React. The
+ * registry's EAGER metadata graph reaches this file through `kpi-config.ts`, so
+ * nothing here may drag component code into the eager chunk (04 §2.3;
+ * enforced by `qa/chunk-budget.test.ts`). Icon ELEMENTS live in `kpi-icons.tsx`.
+ * `import type { Tone }` is erased at compile time, so it carries no runtime
+ * edge into @adminium/ui.
+ *
+ * DIRECTIONALITY (10-i18n-theming.md §5.2, and the @adminium/charts donut /
+ * radial-bar policy verbatim): gauge geometry NEVER mirrors under RTL. A
+ * clockwise sweep and a 180° speedometer arc are rotational, not directional —
+ * mirroring them would read as "the needle runs backwards", exactly as it would
+ * for a donut. Only the surrounding chrome (labels, captions, footers, the
+ * cluster grid) flips, which is plain logical-property CSS. The stories capture
+ * both directions to prove the chrome genuinely mirrors while the canvas holds.
+ */
+/** Fixed demo epoch so `demoData(seed)` is byte-identical across runs (04 §7.7). */
+export declare const KPI_DEMO_EPOCH: number;
+/**
+ * A qualitative gauge band (annex §1 `bands` [{to, color, label}]). `to` is the
+ * INCLUSIVE upper cutoff in the gauge's own value space (not a percent), `tone`
+ * names a semantic token — never a raw colour, so bands re-theme with the app.
+ * `kpi-config.ts` mirrors this as its Zod schema.
+ */
+export interface GaugeBand {
+    to: number;
+    tone: Tone;
+    label?: string | undefined;
+}
+/** The annex's default health bands (danger → warn → pos) over a 0–100 score. */
+export declare const DEFAULT_GAUGE_BANDS: readonly GaugeBand[];
+/**
+ * The band a value falls in — the first band whose `to` is at or above it,
+ * scanning in ascending cutoff order. A value above every cutoff takes the
+ * highest band (a gauge is always tinted); an empty band list returns null.
+ */
+export declare function bandFor(value: number, bands: readonly GaugeBand[]): GaugeBand | null;
+/** Clamp a raw value into `[0, max]`; non-finite input reads as 0. */
+export declare function clampValue(value: number, max: number): number;
+/** Clamped `[0, 1]` fraction of `max`. */
+export declare function fractionOf(value: number, max: number): number;
+export type GaugeSize = 'sm' | 'md' | 'lg';
+/** Outer diameter + stroke thickness per `size` (annex §1 `size`). */
+export declare const RING_SIZES: Record<GaugeSize, {
+    size: number;
+    thickness: number;
+}>;
+export interface RingGeometry {
+    /** Square viewBox edge in px. */
+    size: number;
+    center: number;
+    radius: number;
+    thickness: number;
+    /** 2πr — the `stroke-dasharray` of both the track and the value stroke. */
+    circumference: number;
+    /** `stroke-dashoffset` for the value stroke at rest (fully swept). */
+    dashOffset: number;
+    fraction: number;
+}
+/**
+ * `gauge-ring`'s stroke-dashoffset geometry (annex §1). The value stroke starts
+ * fully offset (invisible) and animates to `dashOffset`; the caller rotates the
+ * circle -90° so the sweep begins at 12 o'clock.
+ */
+export declare function gaugeRingGeometry(value: number, max: number, size?: GaugeSize): RingGeometry;
+/**
+ * A point on the gauge circle. Angles are degrees in SVG space (y grows DOWN):
+ * 180° points at -x (the arc's start, inline-start in an unmirrored canvas),
+ * 270° points at -y (straight up), 360° points at +x (the arc's end). Sweeping
+ * 180 → 360 therefore traces left → top → right.
+ */
+export declare function polarPoint(cx: number, cy: number, radius: number, degrees: number): {
+    x: number;
+    y: number;
+};
+/** An SVG `A` (elliptical-arc) path between two angles on the same circle. */
+export declare function arcPath(cx: number, cy: number, radius: number, fromDeg: number, toDeg: number): string;
+export interface ArcBandSegment {
+    path: string;
+    tone: Tone;
+    label?: string | undefined;
+}
+export interface ArcGeometry {
+    width: number;
+    height: number;
+    cx: number;
+    cy: number;
+    radius: number;
+    thickness: number;
+    /** Full 180° background sweep. */
+    trackPath: string;
+    /** Value sweep from the arc's start to the needle. */
+    valuePath: string;
+    /** Per-band coloured segments across the track (annex §1 `bands`). */
+    bandSegments: ArcBandSegment[];
+    /** Needle tip; the tail sits at (cx, cy). */
+    needle: {
+        x: number;
+        y: number;
+    };
+    fraction: number;
+}
+/**
+ * `gauge-arc`'s 180° speedometer geometry (annex §1): a background sweep, one
+ * coloured segment per band, the value sweep, and the needle tip. Deterministic
+ * and DOM-free — the same paths render in Node (scheduled reports) and the
+ * browser (04 §7.1).
+ */
+export declare function gaugeArcGeometry(value: number, max: number, bands: readonly GaugeBand[], options?: {
+    width?: number;
+    thickness?: number;
+}): ArcGeometry;
+/**
+ * A scalar bag narrowed off a `single-metric` payload: `value` plus any sibling
+ * numeric/string columns the header line interpolates ("3 unread · 10 total").
+ */
+export type ScalarBag = Record<string, number | string>;
+/**
+ * Interpolate a `micro-kpi-subtitle` template against the bound scalars (annex
+ * §1 `template`). Numeric scalars route through the Intl metric formatter (so
+ * "1.2k"/"74%" localize); string scalars pass through verbatim.
+ *
+ * An UNKNOWN placeholder resolves to the empty string rather than leaking the
+ * raw `{token}` into the header — a stored template that outlives its binding
+ * (renamed column, swapped data source) must degrade to a shorter sentence, not
+ * to visible template syntax. `templateKeys` lets the builder show which tokens
+ * a template needs.
+ */
+export declare function interpolateTemplate(template: string, scalars: ScalarBag, format?: MetricFormat, opts?: MetricFormatOptions): string;
+/** The placeholder names a template references, in first-appearance order. */
+export declare function templateKeys(template: string): string[];
+/**
+ * The closed derived-metric vocabulary (annex §1 `derivedFormula` — "second may
+ * be a formula over the first", e.g. LTV = MRR × lifetime months). Deliberately
+ * an ENUM of four arithmetic ops rather than an expression string: a stored
+ * dashboard config must never be able to smuggle evaluable code into the
+ * renderer.
+ */
+export declare const DERIVED_OPS: readonly ["none", "add", "subtract", "multiply", "divide"];
+export type DerivedOp = (typeof DERIVED_OPS)[number];
+/**
+ * Apply a derived formula to side A. Returns null for `none` (side B comes from
+ * the payload instead) and for a divide-by-zero / non-finite result, so the card
+ * renders an em-dash rather than "Infinity".
+ */
+export declare function applyDerived(a: number, op: DerivedOp, operand: number): number | null;
+/**
+ * The insight glyph vocabulary (annex §1: "sparkles icon", "tone icon"). Closed
+ * set — `kpi-icons.tsx` maps each key to a Lucide element, and an unrecognised
+ * `icon` column value falls back to `sparkles`.
+ */
+export declare const INSIGHT_ICONS: readonly ["sparkles", "trend-up", "trend-down", "alert", "info", "target", "zap", "lightbulb"];
+export type InsightIcon = (typeof INSIGHT_ICONS)[number];
+/** Narrow a raw `icon` column value to the closed vocabulary. */
+export declare function insightIconOf(value: unknown): InsightIcon;
+/** Narrow a raw `tone` column value to the semantic tone vocabulary. */
+export declare function toneOf(value: unknown, fallback?: Tone): Tone;
+/**
+ * The SHARED config's `tone` (04 §2.1) → the @adminium/ui `Tone` vocabulary.
+ * The two enums are deliberately not identical: the shared config offers
+ * `muted` (the widget-author-facing name for "no emphasis") where the component
+ * layer calls the same thing `neutral`, and the shared enum has no `neutral` at
+ * all. Widening the config enum would change a stored-config contract, so the
+ * translation lives here — `undefined` falls back to the caller's default.
+ */
+export declare function sharedToneOf(tone: 'accent' | 'pos' | 'warn' | 'danger' | 'info' | 'muted' | undefined, fallback: Tone): Tone;
+//# sourceMappingURL=kpi-lib.d.ts.map

package/dist/families/kpi/kpi-lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-lib.d.ts","sourceRoot":"","sources":["../../../src/families/kpi/kpi-lib.ts"],"names":[],"mappings":"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"}

package/dist/families/kpi/kpi-lib.js

@@ -0,0 +1,243 @@
+import { formatMetricValue } from '../../lib/format.js';
+/**
+ * Shared helpers for the `kpi` family (annex §1) — SVG gauge geometry, the
+ * qualitative band vocabulary the gauges tint against, the `micro-kpi-subtitle`
+ * template interpolator, and the `stat-pair-card` derived-metric arithmetic.
+ *
+ * PURE module: no JSX, no @adminium/ui component imports, no React. The
+ * registry's EAGER metadata graph reaches this file through `kpi-config.ts`, so
+ * nothing here may drag component code into the eager chunk (04 §2.3;
+ * enforced by `qa/chunk-budget.test.ts`). Icon ELEMENTS live in `kpi-icons.tsx`.
+ * `import type { Tone }` is erased at compile time, so it carries no runtime
+ * edge into @adminium/ui.
+ *
+ * DIRECTIONALITY (10-i18n-theming.md §5.2, and the @adminium/charts donut /
+ * radial-bar policy verbatim): gauge geometry NEVER mirrors under RTL. A
+ * clockwise sweep and a 180° speedometer arc are rotational, not directional —
+ * mirroring them would read as "the needle runs backwards", exactly as it would
+ * for a donut. Only the surrounding chrome (labels, captions, footers, the
+ * cluster grid) flips, which is plain logical-property CSS. The stories capture
+ * both directions to prove the chrome genuinely mirrors while the canvas holds.
+ */
+/** Fixed demo epoch so `demoData(seed)` is byte-identical across runs (04 §7.7). */
+export const KPI_DEMO_EPOCH = Date.UTC(2026, 6, 14, 12, 0, 0);
+/** The annex's default health bands (danger → warn → pos) over a 0–100 score. */
+export const DEFAULT_GAUGE_BANDS = [
+    { to: 50, tone: 'danger', label: 'Critical' },
+    { to: 75, tone: 'warn', label: 'Degraded' },
+    { to: 100, tone: 'pos', label: 'Healthy' },
+];
+/**
+ * The band a value falls in — the first band whose `to` is at or above it,
+ * scanning in ascending cutoff order. A value above every cutoff takes the
+ * highest band (a gauge is always tinted); an empty band list returns null.
+ */
+export function bandFor(value, bands) {
+    if (bands.length === 0)
+        return null;
+    const ordered = [...bands].sort((a, b) => a.to - b.to);
+    return ordered.find((band) => value <= band.to) ?? ordered[ordered.length - 1];
+}
+/** Clamp a raw value into `[0, max]`; non-finite input reads as 0. */
+export function clampValue(value, max) {
+    if (!Number.isFinite(value))
+        return 0;
+    const upper = max > 0 ? max : 100;
+    return Math.min(Math.max(value, 0), upper);
+}
+/** Clamped `[0, 1]` fraction of `max`. */
+export function fractionOf(value, max) {
+    const upper = max > 0 ? max : 100;
+    return clampValue(value, upper) / upper;
+}
+/** Outer diameter + stroke thickness per `size` (annex §1 `size`). */
+export const RING_SIZES = {
+    sm: { size: 96, thickness: 8 },
+    md: { size: 132, thickness: 11 },
+    lg: { size: 168, thickness: 14 },
+};
+/**
+ * `gauge-ring`'s stroke-dashoffset geometry (annex §1). The value stroke starts
+ * fully offset (invisible) and animates to `dashOffset`; the caller rotates the
+ * circle -90° so the sweep begins at 12 o'clock.
+ */
+export function gaugeRingGeometry(value, max, size = 'md') {
+    const { size: edge, thickness } = RING_SIZES[size];
+    const radius = (edge - thickness) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const fraction = fractionOf(value, max);
+    return {
+        size: edge,
+        center: edge / 2,
+        radius,
+        thickness,
+        circumference,
+        dashOffset: circumference * (1 - fraction),
+        fraction,
+    };
+}
+// ── gauge-arc geometry (annex §1) ───────────────────────────────────────────
+/**
+ * A point on the gauge circle. Angles are degrees in SVG space (y grows DOWN):
+ * 180° points at -x (the arc's start, inline-start in an unmirrored canvas),
+ * 270° points at -y (straight up), 360° points at +x (the arc's end). Sweeping
+ * 180 → 360 therefore traces left → top → right.
+ */
+export function polarPoint(cx, cy, radius, degrees) {
+    const radians = (degrees * Math.PI) / 180;
+    return { x: cx + radius * Math.cos(radians), y: cy + radius * Math.sin(radians) };
+}
+/** An SVG `A` (elliptical-arc) path between two angles on the same circle. */
+export function arcPath(cx, cy, radius, fromDeg, toDeg) {
+    const sweep = Math.abs(toDeg - fromDeg);
+    if (radius <= 0 || sweep < 0.01)
+        return '';
+    const start = polarPoint(cx, cy, radius, fromDeg);
+    const end = polarPoint(cx, cy, radius, toDeg);
+    const largeArc = sweep > 180 ? 1 : 0;
+    const clockwise = toDeg >= fromDeg ? 1 : 0;
+    return `M ${round(start.x)} ${round(start.y)} A ${round(radius)} ${round(radius)} 0 ${largeArc} ${clockwise} ${round(end.x)} ${round(end.y)}`;
+}
+/** 3-dp rounding so the same path string renders in Node and the browser. */
+function round(value) {
+    return Math.round(value * 1000) / 1000;
+}
+/** The gauge's 180° speedometer sweep, in the `polarPoint` angle space. */
+const ARC_START_DEG = 180;
+const ARC_END_DEG = 360;
+/**
+ * `gauge-arc`'s 180° speedometer geometry (annex §1): a background sweep, one
+ * coloured segment per band, the value sweep, and the needle tip. Deterministic
+ * and DOM-free — the same paths render in Node (scheduled reports) and the
+ * browser (04 §7.1).
+ */
+export function gaugeArcGeometry(value, max, bands, options = {}) {
+    const width = options.width ?? 180;
+    const thickness = options.thickness ?? 12;
+    const radius = Math.max(0, (width - thickness) / 2);
+    const cx = width / 2;
+    const cy = radius + thickness / 2;
+    // A 180° arc plus the stroke, with headroom under the baseline for the value.
+    const height = cy + thickness / 2;
+    const fraction = fractionOf(value, max);
+    const needleDeg = ARC_START_DEG + fraction * (ARC_END_DEG - ARC_START_DEG);
+    const upper = max > 0 ? max : 100;
+    const ordered = [...bands].sort((a, b) => a.to - b.to);
+    const bandSegments = [];
+    let cursor = 0;
+    for (const band of ordered) {
+        const to = Math.min(Math.max(band.to, 0), upper);
+        if (to <= cursor)
+            continue;
+        bandSegments.push({
+            path: arcPath(cx, cy, radius, ARC_START_DEG + (cursor / upper) * 180, ARC_START_DEG + (to / upper) * 180),
+            tone: band.tone,
+            label: band.label,
+        });
+        cursor = to;
+    }
+    return {
+        width,
+        height,
+        cx,
+        cy,
+        radius,
+        thickness,
+        trackPath: arcPath(cx, cy, radius, ARC_START_DEG, ARC_END_DEG),
+        valuePath: arcPath(cx, cy, radius, ARC_START_DEG, needleDeg),
+        bandSegments,
+        needle: polarPoint(cx, cy, radius - thickness, needleDeg),
+        fraction,
+    };
+}
+/** `{placeholder}` tokens, non-greedy so `{a} {b}` reads as two tokens. */
+const TOKEN_RE = /\{([a-zA-Z0-9_.-]+)\}/g;
+/**
+ * Interpolate a `micro-kpi-subtitle` template against the bound scalars (annex
+ * §1 `template`). Numeric scalars route through the Intl metric formatter (so
+ * "1.2k"/"74%" localize); string scalars pass through verbatim.
+ *
+ * An UNKNOWN placeholder resolves to the empty string rather than leaking the
+ * raw `{token}` into the header — a stored template that outlives its binding
+ * (renamed column, swapped data source) must degrade to a shorter sentence, not
+ * to visible template syntax. `templateKeys` lets the builder show which tokens
+ * a template needs.
+ */
+export function interpolateTemplate(template, scalars, format = 'plain', opts = {}) {
+    return template.replace(TOKEN_RE, (_match, key) => {
+        const scalar = scalars[key];
+        if (scalar === undefined)
+            return '';
+        return typeof scalar === 'number' ? formatMetricValue(scalar, format, opts) : scalar;
+    });
+}
+/** The placeholder names a template references, in first-appearance order. */
+export function templateKeys(template) {
+    const seen = new Set();
+    for (const match of template.matchAll(TOKEN_RE)) {
+        const key = match[1];
+        if (key !== undefined)
+            seen.add(key);
+    }
+    return [...seen];
+}
+// ── stat-pair-card (annex §1) ───────────────────────────────────────────────
+/**
+ * The closed derived-metric vocabulary (annex §1 `derivedFormula` — "second may
+ * be a formula over the first", e.g. LTV = MRR × lifetime months). Deliberately
+ * an ENUM of four arithmetic ops rather than an expression string: a stored
+ * dashboard config must never be able to smuggle evaluable code into the
+ * renderer.
+ */
+export const DERIVED_OPS = ['none', 'add', 'subtract', 'multiply', 'divide'];
+/**
+ * Apply a derived formula to side A. Returns null for `none` (side B comes from
+ * the payload instead) and for a divide-by-zero / non-finite result, so the card
+ * renders an em-dash rather than "Infinity".
+ */
+export function applyDerived(a, op, operand) {
+    if (op === 'none')
+        return null;
+    const result = op === 'add' ? a + operand : op === 'subtract' ? a - operand : op === 'multiply' ? a * operand : a / operand;
+    return Number.isFinite(result) ? result : null;
+}
+// ── auto-insights (annex §1) ────────────────────────────────────────────────
+/**
+ * The insight glyph vocabulary (annex §1: "sparkles icon", "tone icon"). Closed
+ * set — `kpi-icons.tsx` maps each key to a Lucide element, and an unrecognised
+ * `icon` column value falls back to `sparkles`.
+ */
+export const INSIGHT_ICONS = [
+    'sparkles',
+    'trend-up',
+    'trend-down',
+    'alert',
+    'info',
+    'target',
+    'zap',
+    'lightbulb',
+];
+const INSIGHT_ICON_SET = new Set(INSIGHT_ICONS);
+/** Narrow a raw `icon` column value to the closed vocabulary. */
+export function insightIconOf(value) {
+    return typeof value === 'string' && INSIGHT_ICON_SET.has(value) ? value : 'sparkles';
+}
+const TONE_SET = new Set(['neutral', 'accent', 'pos', 'warn', 'danger', 'info']);
+/** Narrow a raw `tone` column value to the semantic tone vocabulary. */
+export function toneOf(value, fallback = 'accent') {
+    return typeof value === 'string' && TONE_SET.has(value) ? value : fallback;
+}
+/**
+ * The SHARED config's `tone` (04 §2.1) → the @adminium/ui `Tone` vocabulary.
+ * The two enums are deliberately not identical: the shared config offers
+ * `muted` (the widget-author-facing name for "no emphasis") where the component
+ * layer calls the same thing `neutral`, and the shared enum has no `neutral` at
+ * all. Widening the config enum would change a stored-config contract, so the
+ * translation lives here — `undefined` falls back to the caller's default.
+ */
+export function sharedToneOf(tone, fallback) {
+    if (tone === undefined)
+        return fallback;
+    return tone === 'muted' ? 'neutral' : tone;
+}
+//# sourceMappingURL=kpi-lib.js.map

package/dist/families/kpi/kpi-lib.js.map

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

package/dist/families/media/AttachmentList.d.ts

@@ -0,0 +1,43 @@
+import { attachmentListConfigSchema, attachmentListDemoData } from './media-config.js';
+import type { AttachmentListConfig } from './media-config.js';
+import type { WidgetProps } from '../../registry/types.js';
+export { attachmentListConfigSchema, attachmentListDemoData };
+export type { AttachmentListConfig };
+/**
+ * `attachment-list` (annex §8) — file rows: a type-colour-coded icon chip, the
+ * filename, a mono size, and hover download/delete actions. The detail-page /
+ * rail counterpart of `file-browser` (Chat shared files, Vision Board files,
+ * Report Builder attachments block), and the auto-instantiation target for a
+ * `bytea`/storage-URL column or one named `file|attachment|…` (annex §8).
+ *
+ * Delete emits a `mutate` intent; download emits `drill-through` on the row's
+ * URL. The widget never writes and never fetches (08 §2.11 — no files routes
+ * yet); the host owns both.
+ */
+export interface Attachment {
+    id: string;
+    name: string;
+    size?: number | undefined;
+    type?: string | undefined;
+    mime?: string | undefined;
+    url?: string | undefined;
+}
+export interface AttachmentListProps {
+    items: readonly Attachment[];
+    actions?: readonly ('download' | 'delete')[] | undefined;
+    typeIconMap?: Record<string, string> | undefined;
+    limit?: number | undefined;
+    locale?: string | undefined;
+    downloadLabel?: string | undefined;
+    deleteLabel?: string | undefined;
+    emptyTitle?: string | undefined;
+    emptyBody?: string | undefined;
+    onDownload?: ((item: Attachment) => void) | undefined;
+    onDelete?: ((item: Attachment) => void) | undefined;
+    testId?: string | undefined;
+}
+export declare function AttachmentList({ items, actions, typeIconMap, limit, locale, downloadLabel, deleteLabel, emptyTitle, emptyBody, onDownload, onDelete, testId, }: AttachmentListProps): import("react").JSX.Element;
+/** Project an untrusted `record-list` onto `Attachment`s via the field naming. */
+export declare function attachmentsOf(data: unknown, config: AttachmentListConfig): Attachment[];
+export declare function AttachmentListWidget({ config, data, onEvent }: WidgetProps<AttachmentListConfig>): import("react").JSX.Element;
+//# sourceMappingURL=AttachmentList.d.ts.map

package/dist/families/media/AttachmentList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentList.d.ts","sourceRoot":"","sources":["../../../src/families/media/AttachmentList.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAErC;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC,UAAU,GAAG,QAAQ,CAAC,EAAE,GAAG,SAAS,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAsB,EACtB,WAAW,EACX,KAAS,EACT,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,+BAgErB;AAED,kFAAkF;AAClF,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,oBAAoB,GAAG,UAAU,EAAE,CAYvF;AAED,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,WAAW,CAAC,oBAAoB,CAAC,+BA6BhG"}

package/dist/families/media/AttachmentList.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EmptyState, IconButton, IconTile, MonoText } from '@adminium/ui';
+import { Download, Trash2 } from 'lucide-react';
+import { fileIconFor } from './media-icons.js';
+import { FILE_KIND_TONE, bindingSourceOf, fileRowsOf, formatSize, kindOf, numberField, resolveLocale, stringField, } from './media-lib.js';
+import { attachmentListConfigSchema, attachmentListDemoData } from './media-config.js';
+export { attachmentListConfigSchema, attachmentListDemoData };
+export function AttachmentList({ items, actions = ['download'], typeIconMap, limit = 8, locale, downloadLabel, deleteLabel, emptyTitle, emptyBody, onDownload, onDelete, testId, }) {
+    const tag = resolveLocale(locale);
+    const slice = items.slice(0, limit);
+    if (slice.length === 0) {
+        return (_jsx(EmptyState, { compact: true, preset: "no-data", title: emptyTitle ?? 'No attachments', body: emptyBody ?? 'Files attached to this record will appear here.' }));
+    }
+    return (_jsx("ul", { "data-widget": "attachment-list", "data-testid": testId, className: "h-full space-y-0.5 overflow-auto p-2", children: slice.map((item) => {
+            const kind = kindOf(item.type, item.mime, item.name);
+            const size = formatSize(item.size, tag);
+            return (_jsxs("li", { "data-part": "attachment-row", "data-kind": kind, className: "group flex items-center gap-3 rounded-lg px-2.5 py-2.5 hover:bg-surface-2", children: [_jsx(IconTile, { size: "md", tone: FILE_KIND_TONE[kind], icon: fileIconFor(item.type, item.mime, item.name, typeIconMap) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-body-sm font-bold text-fg", children: item.name }), size !== undefined && _jsx(MonoText, { className: "text-caption text-fg-subtle", children: size })] }), actions.includes('download') && (_jsx(IconButton, { size: "sm", "data-part": "attachment-download", label: downloadLabel ?? 'Download', onClick: () => onDownload?.(item), className: "opacity-0 transition-opacity duration-100 group-hover:opacity-100 focus-visible:opacity-100", children: _jsx(Download, { className: "size-3.5" }) })), actions.includes('delete') && (_jsx(IconButton, { size: "sm", "data-part": "attachment-delete", label: deleteLabel ?? 'Delete', onClick: () => onDelete?.(item), className: "opacity-0 transition-opacity duration-100 hover:text-danger group-hover:opacity-100 focus-visible:opacity-100", children: _jsx(Trash2, { className: "size-3.5" }) }))] }, item.id));
+        }) }));
+}
+/** Project an untrusted `record-list` onto `Attachment`s via the field naming. */
+export function attachmentsOf(data, config) {
+    return fileRowsOf(data).map((row, index) => {
+        const id = stringField(row, config.idField) ?? `attachment-${index}`;
+        return {
+            id,
+            name: stringField(row, config.nameField) ?? id,
+            size: numberField(row, config.sizeField),
+            type: stringField(row, config.typeField),
+            mime: stringField(row, config.mimeField),
+            url: stringField(row, config.urlField),
+        };
+    });
+}
+export function AttachmentListWidget({ config, data, onEvent }) {
+    const source = bindingSourceOf(config.binding);
+    return (_jsx(AttachmentList, { items: attachmentsOf(data, config), actions: config.actions, limit: config.limit, ...(config.typeIconMap === undefined ? {} : { typeIconMap: config.typeIconMap }), ...(config.format?.locale === undefined ? {} : { locale: config.format.locale }), ...(config.downloadLabel === undefined ? {} : { downloadLabel: config.downloadLabel }), ...(config.deleteLabel === undefined ? {} : { deleteLabel: config.deleteLabel }), ...(config.emptyTitle === undefined ? {} : { emptyTitle: config.emptyTitle }), ...(config.emptyBody === undefined ? {} : { emptyBody: config.emptyBody }), onDownload: (item) => {
+            const href = item.url ?? config.href;
+            if (href !== undefined)
+                onEvent({ type: 'drill-through', href });
+        }, onDelete: (item) => {
+            if (source === null)
+                return; // unbound: nothing to delete from
+            onEvent({
+                type: 'mutate',
+                intent: 'delete',
+                connectionId: source.connectionId,
+                table: source.table,
+                recordId: item.id,
+            });
+        } }));
+}
+//# sourceMappingURL=AttachmentList.js.map

package/dist/families/media/AttachmentList.js.map

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

package/dist/families/media/FileBrowser.d.ts

@@ -0,0 +1,57 @@
+import type { FileNode } from './media-lib.js';
+import { fileBrowserConfigSchema, fileBrowserDemoData } from './media-config.js';
+import type { FileBrowserConfig, SmartFolderConfig } from './media-config.js';
+import type { WidgetProps } from '../../registry/types.js';
+export { fileBrowserConfigSchema, fileBrowserDemoData };
+export type { FileBrowserConfig };
+/**
+ * `file-browser` (annex §8) — the dual-view file explorer: a responsive tile grid
+ * (type-coloured icon chips, hover star toggle, folder-first sort, click-to-open)
+ * and a list-table view (Name/Size/Modified/star, mono sizes, em-dash for
+ * folders), with a breadcrumb trail walked from the self-FK parent pointers and a
+ * quick-access smart-folder rail carrying live counts. Binds to a `record-list`
+ * of file/folder rows.
+ *
+ * NAVIGATION IS LOCAL STATE, NOT A MUTATION: opening a folder re-filters the rows
+ * already in the payload (the annex contract is a whole self-FK hierarchy in one
+ * `record-list`, the File Manager port's model). Opening a FILE emits a
+ * `record-open` event — the host decides whether that previews, downloads, or
+ * routes. Starring emits a `mutate` intent; the widget never writes.
+ */
+export interface FileBrowserProps {
+    nodes: readonly FileNode[];
+    views?: 'grid' | 'list' | 'both' | undefined;
+    defaultView?: 'grid' | 'list' | undefined;
+    starrable?: boolean | undefined;
+    selectable?: boolean | undefined;
+    smartFolders?: readonly SmartFolderConfig[] | undefined;
+    typeIconMap?: Record<string, string> | undefined;
+    locale?: string | undefined;
+    rootLabel?: string | undefined;
+    breadcrumbLabel?: string | undefined;
+    gridViewLabel?: string | undefined;
+    listViewLabel?: string | undefined;
+    nameHeader?: string | undefined;
+    sizeHeader?: string | undefined;
+    modifiedHeader?: string | undefined;
+    starLabel?: string | undefined;
+    itemsLabel?: string | undefined;
+    emptyTitle?: string | undefined;
+    emptyBody?: string | undefined;
+    /** Controlled current folder (`ROOT_ID` at the top); omit for local state. */
+    folderId?: string | undefined;
+    onFolderChange?: ((folderId: string) => void) | undefined;
+    onOpenFile?: ((node: FileNode) => void) | undefined;
+    onToggleStar?: ((node: FileNode, next: boolean) => void) | undefined;
+    onSelectionChange?: ((ids: readonly string[]) => void) | undefined;
+    testId?: string | undefined;
+}
+export declare function FileBrowser({ nodes, views, defaultView, starrable, selectable, smartFolders, typeIconMap, locale, rootLabel, breadcrumbLabel, gridViewLabel, listViewLabel, nameHeader, sizeHeader, modifiedHeader, starLabel, itemsLabel, emptyTitle, emptyBody, folderId, onFolderChange, onOpenFile, onToggleStar, onSelectionChange, testId, }: FileBrowserProps): import("react").JSX.Element;
+/**
+ * Project an untrusted `record-list` onto `FileNode`s using the config's field
+ * naming. Rows without a usable id are dropped (a React key must be stable);
+ * everything else degrades to a sensible default rather than throwing.
+ */
+export declare function fileNodesOf(data: unknown, config: FileBrowserConfig): FileNode[];
+export declare function FileBrowserWidget({ config, data, onEvent }: WidgetProps<FileBrowserConfig>): import("react").JSX.Element;
+//# sourceMappingURL=FileBrowser.d.ts.map

package/dist/families/media/FileBrowser.d.ts.map

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