@vaam-apps/ui 0.1.0

package/dist/components/data/detail-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-row.d.ts","sourceRoot":"","sources":["../../../src/components/data/detail-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAEhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAkB,EAAE,SAAS,EAAE,EAAE,cAAc,+BA8B3F;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAkB,EAClB,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,+BAMA"}

package/dist/components/data/detail-row.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+export function DetailRow({ label, children, variant = "inline", className }) {
+    if (variant === "divided") {
+        return (_jsxs("div", { className: cn("flex flex-col gap-0.5 border-edge-subtle border-b py-2 last:border-b-0", className), children: [_jsx("dt", { className: "text-caption text-subtle-foreground", children: label }), _jsx("dd", { className: "text-body text-foreground", children: children })] }));
+    }
+    if (variant === "stacked") {
+        return (_jsxs("div", { className: cn("flex flex-col gap-1", className), children: [_jsx("dt", { className: "text-muted-foreground", children: label }), _jsx("dd", { className: "text-caption", children: children })] }));
+    }
+    return (_jsxs("div", { className: cn("flex items-center justify-between gap-3", className), children: [_jsx("dt", { className: "text-muted-foreground", children: label }), _jsx("dd", { children: children })] }));
+}
+/**
+ * The `<dl>` a group of [`DetailRow`]s belongs in.
+ *
+ * Exists so a caller cannot pair the rows with the wrong container — every
+ * one of the eight original sites wrapped its rows in a `<dl>` with its own
+ * spacing (`gap-2`, `gap-3`, or none), which is the same one-decision-in-
+ * many-places problem the rows themselves had, one level up.
+ *
+ * `divided` rows carry their own vertical rhythm through padding and the
+ * hairline rule, so the list adds no gap for them — passing `gap` there
+ * would double-space rows that are already separated by a border.
+ */
+export function DetailList({ children, variant = "inline", className, }) {
+    return (_jsx("dl", { className: cn("flex flex-col text-body", variant !== "divided" && "gap-3", className), children: children }));
+}
+//# sourceMappingURL=detail-row.js.map

package/dist/components/data/detail-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-row.js","sourceRoot":"","sources":["../../../src/components/data/detail-row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAqDlC,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,GAAG,QAAQ,EAAE,SAAS,EAAkB;IAC1F,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,aAED,aAAI,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAM,EAChE,aAAI,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAM,IACrD,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAClD,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,EAClD,aAAI,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAM,IACxC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,aACtE,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,EAClD,uBAAK,QAAQ,GAAM,IACf,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,SAAS,GAKV;IACC,OAAO,CACL,aAAI,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,OAAO,KAAK,SAAS,IAAI,OAAO,EAAE,SAAS,CAAC,YACtF,QAAQ,GACN,CACN,CAAC;AACJ,CAAC"}

package/dist/components/data/id-display.d.ts

@@ -0,0 +1,33 @@
+export interface IdDisplayProps {
+    value: string;
+    /** `table` (default): a truncated prefix plus a hover-reveal copy
+     * button — enough to disambiguate visually within one screen of rows.
+     * `full`: the whole value, selectable, with an always-visible copy —
+     * detail views only. Copy always copies the FULL value in both. */
+    variant?: "table" | "full";
+    /** How many leading characters the `table` variant shows. Seven is the
+     * default because it is what makes two 23-character CUIDs distinguishable
+     * in a list without dominating the column; an id family with a shared
+     * prefix (`ord_`, `pi_`) needs more. */
+    truncateTo?: number;
+    className?: string | undefined;
+}
+/**
+ * An opaque machine identifier — a CUID, a ULID, a provider's reference.
+ *
+ * Two rules, both learned the hard way and both enforced here rather than
+ * left to each call site:
+ *
+ * - **Never truncate in the middle.** `abc…xyz` makes two ids that differ
+ *   only in the middle look identical, which is precisely the comparison
+ *   a human scanning a column is making.
+ * - **Never decorate.** A displayed `msg_abc…` gets pasted into a filter
+ *   that expects the bare value and returns nothing, or worse, a 400. If
+ *   the prefix is part of the id, it is part of `value`.
+ *
+ * For a value that must be read in full — a config key, a role name, an
+ * enum literal — use `Code` instead. This component's truncation is wrong
+ * for anything a human is meant to read rather than match.
+ */
+export declare function IdDisplay({ value, variant, truncateTo, className }: IdDisplayProps): import("react").JSX.Element;
+//# sourceMappingURL=id-display.d.ts.map

package/dist/components/data/id-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-display.d.ts","sourceRoot":"","sources":["../../../src/components/data/id-display.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd;;;uEAGmE;IACnE,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;4CAGwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAiB,EAAE,UAAc,EAAE,SAAS,EAAE,EAAE,cAAc,+BAahG"}

package/dist/components/data/id-display.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { CopyButton } from "./copy-button.js";
+/**
+ * An opaque machine identifier — a CUID, a ULID, a provider's reference.
+ *
+ * Two rules, both learned the hard way and both enforced here rather than
+ * left to each call site:
+ *
+ * - **Never truncate in the middle.** `abc…xyz` makes two ids that differ
+ *   only in the middle look identical, which is precisely the comparison
+ *   a human scanning a column is making.
+ * - **Never decorate.** A displayed `msg_abc…` gets pasted into a filter
+ *   that expects the bare value and returns nothing, or worse, a 400. If
+ *   the prefix is part of the id, it is part of `value`.
+ *
+ * For a value that must be read in full — a config key, a role name, an
+ * enum literal — use `Code` instead. This component's truncation is wrong
+ * for anything a human is meant to read rather than match.
+ */
+export function IdDisplay({ value, variant = "table", truncateTo = 7, className }) {
+    const shown = variant === "table" ? value.slice(0, truncateTo) : value;
+    return (_jsxs("span", { className: cn("group inline-flex items-center gap-1.5 font-mono tabular-nums", className), children: [_jsx("span", { className: variant === "full" ? "select-all" : undefined, title: value, children: shown }), _jsx(CopyButton, { value: value, revealOnGroupHover: variant === "table" })] }));
+}
+//# sourceMappingURL=id-display.js.map

package/dist/components/data/id-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-display.js","sourceRoot":"","sources":["../../../src/components/data/id-display.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAiB3C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,UAAU,GAAG,CAAC,EAAE,SAAS,EAAkB;IAC/F,MAAM,KAAK,GAAG,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEvE,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CAAC,+DAA+D,EAAE,SAAS,CAAC,aAEzF,eAAM,SAAS,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,YACzE,KAAK,GACD,EACP,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,OAAO,KAAK,OAAO,GAAI,IAChE,CACR,CAAC;AACJ,CAAC"}

package/dist/components/data/masked-value.d.ts

@@ -0,0 +1,47 @@
+export interface MaskedValueProps {
+    /** The full value. Present in the DOM only while revealed. */
+    value: string;
+    /** Trailing characters left visible while masked, so the value stays
+     * recognisable without being readable. `0` masks everything. */
+    reveal?: number;
+    /** Leading characters left visible — for a prefixed credential like
+     * `whsec_…` or `sk_live_…`, where the prefix says what kind of thing it
+     * is and is not itself secret. */
+    prefix?: number;
+    /** Allow revealing at all. `false` gives a permanently masked value with
+     * no toggle — for something displayed for recognition only. */
+    revealable?: boolean;
+    /** Offer a copy button. Copies the full value whether or not it is
+     * currently revealed — the point of masking is the screen, not the
+     * clipboard. */
+    copyable?: boolean;
+    /** Names the value in the toggle's and copy button's accessible names,
+     * e.g. `"signing secret"`. */
+    label?: string;
+    className?: string | undefined;
+}
+/**
+ * A secret or sensitive value, masked by default with an explicit reveal.
+ *
+ * # What this is and is not
+ *
+ * It is a **shoulder-surfing and screen-share control**, not a security
+ * boundary. Whoever renders this already received the value over the
+ * wire; anyone with the session and dev tools can read it regardless.
+ * Withholding data that has already crossed the wire to an authorised,
+ * authenticated session would be theatre. What masking buys is real but
+ * narrow: the value does not end up in a screenshot, a recording, or the
+ * eyeline of the person sitting behind the operator.
+ *
+ * If a value must genuinely never reach the client, that is an API
+ * decision — do not send it — and no component can substitute for it.
+ *
+ * # Why it is shared
+ *
+ * Both applications this package serves had hand-rolled one: a console
+ * masking a webhook signing secret as `whsec_••••••••••<last 4>`, and a
+ * payments dashboard rendering a masked payer reference and a TOTP
+ * enrolment secret as plain text because no such component existed.
+ */
+export declare function MaskedValue({ value, reveal, prefix, revealable, copyable, label, className, }: MaskedValueProps): import("react").JSX.Element;
+//# sourceMappingURL=masked-value.d.ts.map

package/dist/components/data/masked-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"masked-value.d.ts","sourceRoot":"","sources":["../../../src/components/data/masked-value.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd;oEACgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;sCAEkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;mEAC+D;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;oBAEgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;kCAC8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAeD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAU,EACV,MAAU,EACV,UAAiB,EACjB,QAAe,EACf,KAAe,EACf,SAAS,GACV,EAAE,gBAAgB,+BAqBlB"}

package/dist/components/data/masked-value.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff } from "lucide-react";
+import { useState } from "react";
+import { cn } from "../../lib/cn.js";
+import { CopyButton } from "./copy-button.js";
+const DOT = "•";
+function mask(value, prefix, reveal) {
+    const head = value.slice(0, prefix);
+    const tail = reveal > 0 ? value.slice(-reveal) : "";
+    const hiddenCount = Math.max(value.length - head.length - tail.length, 0);
+    // A fixed run of dots, not one per character: the exact length of a
+    // secret is information, and padding it out to the real length leaks it
+    // to anyone looking over a shoulder.
+    const dots = DOT.repeat(hiddenCount === 0 ? 0 : Math.min(Math.max(hiddenCount, 6), 12));
+    return `${head}${dots}${tail}`;
+}
+/**
+ * A secret or sensitive value, masked by default with an explicit reveal.
+ *
+ * # What this is and is not
+ *
+ * It is a **shoulder-surfing and screen-share control**, not a security
+ * boundary. Whoever renders this already received the value over the
+ * wire; anyone with the session and dev tools can read it regardless.
+ * Withholding data that has already crossed the wire to an authorised,
+ * authenticated session would be theatre. What masking buys is real but
+ * narrow: the value does not end up in a screenshot, a recording, or the
+ * eyeline of the person sitting behind the operator.
+ *
+ * If a value must genuinely never reach the client, that is an API
+ * decision — do not send it — and no component can substitute for it.
+ *
+ * # Why it is shared
+ *
+ * Both applications this package serves had hand-rolled one: a console
+ * masking a webhook signing secret as `whsec_••••••••••<last 4>`, and a
+ * payments dashboard rendering a masked payer reference and a TOTP
+ * enrolment secret as plain text because no such component existed.
+ */
+export function MaskedValue({ value, reveal = 4, prefix = 0, revealable = true, copyable = true, label = "value", className, }) {
+    const [revealed, setRevealed] = useState(false);
+    const shown = revealed ? value : mask(value, prefix, reveal);
+    return (_jsxs("span", { className: cn("group inline-flex items-center gap-1.5", className), children: [_jsx("span", { className: cn("font-mono", revealed && "select-all break-all"), children: shown }), revealable && (_jsx("button", { type: "button", onClick: () => setRevealed((previous) => !previous), "aria-label": revealed ? `Hide ${label}` : `Reveal ${label}`, "aria-pressed": revealed, className: "shrink-0 text-subtle-foreground transition-colors hover:text-foreground", children: revealed ? _jsx(EyeOff, { size: 12, strokeWidth: 1.5 }) : _jsx(Eye, { size: 12, strokeWidth: 1.5 }) })), copyable && _jsx(CopyButton, { value: value, label: `Copy ${label}` })] }));
+}
+//# sourceMappingURL=masked-value.js.map

package/dist/components/data/masked-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masked-value.js","sourceRoot":"","sources":["../../../src/components/data/masked-value.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAyB3C,MAAM,GAAG,GAAG,GAAG,CAAC;AAEhB,SAAS,IAAI,CAAC,KAAa,EAAE,MAAc,EAAE,MAAc;IACzD,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC1E,oEAAoE;IACpE,wEAAwE;IACxE,qCAAqC;IACrC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IACxF,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;AACjC,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,GAAG,CAAC,EACV,MAAM,GAAG,CAAC,EACV,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,OAAO,EACf,SAAS,GACQ;IACjB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAE7D,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,aACtE,eAAM,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,sBAAsB,CAAC,YAAG,KAAK,GAAQ,EACnF,UAAU,IAAI,CACb,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,gBACvC,QAAQ,CAAC,CAAC,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,EAAE,kBAC5C,QAAQ,EACtB,SAAS,EAAC,yEAAyE,YAElF,QAAQ,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,GACjF,CACV,EACA,QAAQ,IAAI,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,KAAK,EAAE,GAAI,IAC5D,CACR,CAAC;AACJ,CAAC"}

package/dist/components/data/money.d.ts

@@ -0,0 +1,28 @@
+import { type FormatMoneyOptions, type MinorUnits } from "../../lib/money.js";
+export interface MoneyProps extends FormatMoneyOptions {
+    /** An integer count of the currency's smallest unit. */
+    amount: MinorUnits;
+    /** ISO 4217 code, e.g. `"XAF"`. */
+    currency: string;
+    /** Tint by sign: credits green, debits red. Off by default — in a
+     * ledger where most rows are one direction, colouring every row is
+     * noise, and colour alone is not an accessible way to convey sign. The
+     * minus sign is always rendered regardless. */
+    tone?: "none" | "signed";
+    className?: string | undefined;
+}
+/**
+ * An amount of money, right-alignable and vertically comparable.
+ *
+ * `tabular-nums` is the whole reason this is a component and not a call to
+ * [`formatMoney`] in a `<span>`: without fixed-width digits, a column of
+ * amounts does not line up at the decimal point, and scanning it for an
+ * outlier — the actual job — stops working.
+ *
+ * `<data value>` rather than `<span>`: the machine-readable amount stays
+ * in the DOM in minor units, so a copy-paste or a scraper gets the exact
+ * integer rather than a locale-formatted string it would have to parse
+ * back.
+ */
+export declare function Money({ amount, currency, tone, className, ...options }: MoneyProps): import("react").JSX.Element;
+//# sourceMappingURL=money.d.ts.map

package/dist/components/data/money.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../src/components/data/money.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAe,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAExF,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,wDAAwD;IACxD,MAAM,EAAE,UAAU,CAAC;IACnB,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB;;;mDAG+C;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAa,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,EAAE,UAAU,+BAgB3F"}

package/dist/components/data/money.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { formatMoney } from "../../lib/money.js";
+/**
+ * An amount of money, right-alignable and vertically comparable.
+ *
+ * `tabular-nums` is the whole reason this is a component and not a call to
+ * [`formatMoney`] in a `<span>`: without fixed-width digits, a column of
+ * amounts does not line up at the decimal point, and scanning it for an
+ * outlier — the actual job — stops working.
+ *
+ * `<data value>` rather than `<span>`: the machine-readable amount stays
+ * in the DOM in minor units, so a copy-paste or a scraper gets the exact
+ * integer rather than a locale-formatted string it would have to parse
+ * back.
+ */
+export function Money({ amount, currency, tone = "none", className, ...options }) {
+    const formatted = formatMoney(amount, currency, options);
+    const negative = String(amount).trim().startsWith("-");
+    return (_jsx("data", { value: `${String(amount)} ${currency}`, className: cn("font-mono tabular-nums whitespace-nowrap", tone === "signed" && (negative ? "text-state-danger-fg" : "text-state-success-fg"), className), children: formatted }));
+}
+//# sourceMappingURL=money.js.map

package/dist/components/data/money.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.js","sourceRoot":"","sources":["../../../src/components/data/money.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAA2B,WAAW,EAAmB,MAAM,iBAAiB,CAAC;AAexF;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAc;IAC1F,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAEvD,OAAO,CACL,eACE,KAAK,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,QAAQ,EAAE,EACtC,SAAS,EAAE,EAAE,CACX,0CAA0C,EAC1C,IAAI,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBAAuB,CAAC,EAClF,SAAS,CACV,YAEA,SAAS,GACL,CACR,CAAC;AACJ,CAAC"}

package/dist/components/data/phone-display.d.ts

@@ -0,0 +1,45 @@
+export interface PhoneDisplayProps {
+    /** E.164, e.g. `+237677123456`. Stored form, and what gets copied. */
+    value: string;
+    /**
+     * Regroups the E.164 digits for reading. Return `null` — or omit the
+     * prop — to render the value verbatim.
+     *
+     * Grouping is a per-country convention (`+237 6 77 12 34 56` in
+     * Cameroon, `+1 (415) 555-0132` in the NANP) and getting it wrong is
+     * worse than not grouping at all, because a mis-grouped number reads as
+     * a different number. This component therefore ships no default
+     * grouping and no built-in country table: a caller that knows its
+     * market passes a formatter, and everyone else gets the raw E.164,
+     * which is always correct if less pretty.
+     */
+    format?: ((e164: string) => string | null) | undefined;
+    /**
+     * A short mono tag after the number — a carrier, a line type, a region.
+     * Renders an em dash when absent, so a column of numbers stays aligned
+     * whether or not each row could be classified.
+     */
+    tag?: string | undefined;
+    /** Hover text for the tag. Say where it came from and how much to trust
+     * it: a carrier inferred from a number prefix is a guess, and number
+     * portability means it is wrong for a real fraction of subscribers. */
+    tagTitle?: string | undefined;
+    className?: string | undefined;
+}
+/**
+ * A phone number, never truncated.
+ *
+ * Truncation is banned rather than discouraged: a half-shown phone number
+ * is worse than useless in an investigation, and unlike an opaque id
+ * (where a prefix is enough to match rows by eye) there is no prefix of a
+ * phone number that identifies it.
+ *
+ * Copy always copies the raw E.164 — the form that pastes into a query —
+ * not the grouped form on screen.
+ *
+ * Previously this was `MsisdnDisplay`, with Cameroon's `+237` grouping and
+ * a four-entry Cameroonian carrier table compiled in. Both are now the
+ * caller's: an application knows its market, a component library does not.
+ */
+export declare function PhoneDisplay({ value, format, tag, tagTitle, className }: PhoneDisplayProps): import("react").JSX.Element;
+//# sourceMappingURL=phone-display.d.ts.map

package/dist/components/data/phone-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-display.d.ts","sourceRoot":"","sources":["../../../src/components/data/phone-display.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACvD;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;2EAEuE;IACvE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAY1F"}

package/dist/components/data/phone-display.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { CopyButton } from "./copy-button.js";
+/**
+ * A phone number, never truncated.
+ *
+ * Truncation is banned rather than discouraged: a half-shown phone number
+ * is worse than useless in an investigation, and unlike an opaque id
+ * (where a prefix is enough to match rows by eye) there is no prefix of a
+ * phone number that identifies it.
+ *
+ * Copy always copies the raw E.164 — the form that pastes into a query —
+ * not the grouped form on screen.
+ *
+ * Previously this was `MsisdnDisplay`, with Cameroon's `+237` grouping and
+ * a four-entry Cameroonian carrier table compiled in. Both are now the
+ * caller's: an application knows its market, a component library does not.
+ */
+export function PhoneDisplay({ value, format, tag, tagTitle, className }) {
+    const formatted = format?.(value) ?? value;
+    return (_jsxs("span", { className: cn("group inline-flex items-center gap-1.5 whitespace-nowrap", className), children: [_jsx("span", { className: "font-mono tabular-nums", children: formatted }), _jsx("span", { className: "font-mono text-micro text-subtle-foreground", title: tagTitle, children: tag ?? "—" }), _jsx(CopyButton, { value: value, revealOnGroupHover: true })] }));
+}
+//# sourceMappingURL=phone-display.js.map

package/dist/components/data/phone-display.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-display.js","sourceRoot":"","sources":["../../../src/components/data/phone-display.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA+B3C;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAqB;IACzF,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;IAE3C,OAAO,CACL,gBAAM,SAAS,EAAE,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,aACxF,eAAM,SAAS,EAAC,wBAAwB,YAAE,SAAS,GAAQ,EAC3D,eAAM,SAAS,EAAC,6CAA6C,EAAC,KAAK,EAAE,QAAQ,YAC1E,GAAG,IAAI,GAAG,GACN,EACP,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,SAAG,IAC1C,CACR,CAAC;AACJ,CAAC"}

package/dist/components/data/stat-tile.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from "react";
+import type { StatusHue } from "../status/status-tokens.js";
+export interface StatTileProps {
+    label: ReactNode;
+    /** The number itself. Pass a `Money` or a formatted string — this
+     * component does no formatting, because a tile has no way to know
+     * whether it is showing a count, a currency or a rate. */
+    value: ReactNode;
+    /** One line under the value: the comparison, the window, the caveat.
+     * A bare number with no denominator is the most common way a dashboard
+     * misleads, so this slot exists to make the denominator easy. */
+    caption?: ReactNode;
+    /** Tints the value. Leave unset unless the number's own colour carries
+     * meaning — a wall of coloured tiles makes the one that matters harder
+     * to find, which is the opposite of the point. */
+    tone?: StatusHue | undefined;
+    /** Top-right slot — a sparkline, a `StateChip`, a refresh button. */
+    action?: ReactNode;
+    className?: string | undefined;
+}
+/**
+ * One headline number with its label and context.
+ *
+ * Borders, not shadows, and no card chrome of its own beyond a hairline:
+ * tiles appear in rows of three to six, and six shadowed boxes is visual
+ * noise where six outlined ones read as one instrument panel.
+ *
+ * `<dl>`/`<dt>`/`<dd>` rather than divs — a tile *is* a term and its
+ * definition, and the semantics make a row of them navigable rather than
+ * an undifferentiated wall of text to a screen reader.
+ */
+export declare function StatTile({ label, value, caption, tone, action, className }: StatTileProps): import("react").JSX.Element;
+//# sourceMappingURL=stat-tile.d.ts.map

package/dist/components/data/stat-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-tile.d.ts","sourceRoot":"","sources":["../../../src/components/data/stat-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB;;8DAE0D;IAC1D,KAAK,EAAE,SAAS,CAAC;IACjB;;qEAEiE;IACjE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;sDAEkD;IAClD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,qEAAqE;IACrE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,aAAa,+BAgCzF"}

package/dist/components/data/stat-tile.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+import { HUE_CLASSES } from "../status/status-tokens.js";
+/**
+ * One headline number with its label and context.
+ *
+ * Borders, not shadows, and no card chrome of its own beyond a hairline:
+ * tiles appear in rows of three to six, and six shadowed boxes is visual
+ * noise where six outlined ones read as one instrument panel.
+ *
+ * `<dl>`/`<dt>`/`<dd>` rather than divs — a tile *is* a term and its
+ * definition, and the semantics make a row of them navigable rather than
+ * an undifferentiated wall of text to a screen reader.
+ */
+export function StatTile({ label, value, caption, tone, action, className }) {
+    return (_jsxs("div", { className: cn("relative flex flex-col rounded-box border border-edge bg-base-300 p-4", className), children: [action != null && _jsx("div", { className: "absolute top-4 right-4", children: action }), _jsxs("dl", { className: "flex flex-col gap-1", children: [_jsx("dt", { className: cn("text-caption text-muted-foreground", action != null && "pr-20"), children: label }), _jsx("dd", { className: cn("font-mono text-metric tabular-nums", tone === undefined ? "text-foreground" : HUE_CLASSES[tone].fg), children: value }), caption != null && _jsx("dd", { className: "text-caption text-subtle-foreground", children: caption })] })] }));
+}
+//# sourceMappingURL=stat-tile.js.map

package/dist/components/data/stat-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-tile.js","sourceRoot":"","sources":["../../../src/components/data/stat-tile.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAqBtD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAiB;IACxF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,SAAS,CACV,aASA,MAAM,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,EACzE,cAAI,SAAS,EAAC,qBAAqB,aACjC,aAAI,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,MAAM,IAAI,IAAI,IAAI,OAAO,CAAC,YAC/E,KAAK,GACH,EACL,aACE,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAC9D,YAEA,KAAK,GACH,EACJ,OAAO,IAAI,IAAI,IAAI,aAAI,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAM,IACnF,IACD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/data/timestamp-display.d.ts

@@ -0,0 +1,14 @@
+export interface TimestampDisplayProps {
+    /** ISO-8601. */
+    value: string;
+    className?: string;
+}
+/**
+ * Relative for anything under 24h (`2m`, `47m`, `6h`), absolute otherwise
+ * — design doc §7.2. Renders the absolute value on the server and on
+ * first client render (so server/client markup matches and Next doesn't
+ * warn/flash), then upgrades to relative once mounted, driven by the
+ * shared interval above rather than its own timer.
+ */
+export declare function TimestampDisplay({ value, className }: TimestampDisplayProps): import("react").JSX.Element;
+//# sourceMappingURL=timestamp-display.d.ts.map

package/dist/components/data/timestamp-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timestamp-display.d.ts","sourceRoot":"","sources":["../../../src/components/data/timestamp-display.tsx"],"names":[],"mappings":"AAiEA,MAAM,WAAW,qBAAqB;IACpC,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BA2B3E"}

package/dist/components/data/timestamp-display.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, useSyncExternalStore } from "react";
+import { cn } from "../../lib/cn.js";
+// A single shared 30s interval drives every `TimestampDisplay` instance's
+// relative-time re-render (design doc §7.2: "a table of 200 rows must not
+// run 200 timers"). Lazily started on the first mounted instance, torn
+// down when the last one unmounts.
+let tick = 0;
+const listeners = new Set();
+let timer = null;
+function subscribe(listener) {
+    listeners.add(listener);
+    timer ??= setInterval(() => {
+        tick += 1;
+        for (const l of listeners)
+            l();
+    }, 30_000);
+    return () => {
+        listeners.delete(listener);
+        if (listeners.size === 0 && timer !== null) {
+            clearInterval(timer);
+            timer = null;
+        }
+    };
+}
+function useSharedTick() {
+    return useSyncExternalStore(subscribe, () => tick, () => 0);
+}
+function pad(n) {
+    return String(n).padStart(2, "0");
+}
+/** `2026-08-08 14:03:07` + a zone suffix — ISO-ordered so it sorts and
+ * compares visually (design doc §7.2). Only UTC is implemented (`Z`
+ * suffix, always): the Africa/Douala toggle lives on the top bar, which
+ * this screen doesn't build. "A bare local time with no zone label never
+ * appears anywhere in this product" still holds — the suffix is always
+ * present, just not yet switchable. */
+function formatAbsolute(date) {
+    const y = date.getUTCFullYear();
+    const mo = pad(date.getUTCMonth() + 1);
+    const d = pad(date.getUTCDate());
+    const h = pad(date.getUTCHours());
+    const mi = pad(date.getUTCMinutes());
+    const s = pad(date.getUTCSeconds());
+    return `${y}-${mo}-${d} ${h}:${mi}:${s}Z`;
+}
+function formatRelative(diffMs) {
+    const minutes = Math.floor(diffMs / 60_000);
+    if (minutes < 1)
+        return "just now";
+    if (minutes < 60)
+        return `${minutes}m`;
+    const hours = Math.floor(minutes / 60);
+    return `${hours}h`;
+}
+/**
+ * Relative for anything under 24h (`2m`, `47m`, `6h`), absolute otherwise
+ * — design doc §7.2. Renders the absolute value on the server and on
+ * first client render (so server/client markup matches and Next doesn't
+ * warn/flash), then upgrades to relative once mounted, driven by the
+ * shared interval above rather than its own timer.
+ */
+export function TimestampDisplay({ value, className }) {
+    useSharedTick();
+    const [hydrated, setHydrated] = useState(false);
+    useEffect(() => setHydrated(true), []);
+    const date = new Date(value);
+    const absolute = formatAbsolute(date);
+    if (!hydrated) {
+        return (_jsx("span", { className: cn("font-mono text-subtle-foreground tabular-nums", className), children: absolute }));
+    }
+    const diffMs = Date.now() - date.getTime();
+    const display = diffMs >= 0 && diffMs < 24 * 3600 * 1000 ? formatRelative(diffMs) : absolute;
+    return (_jsx("span", { title: absolute, className: cn("font-mono text-subtle-foreground tabular-nums", className), children: display }));
+}
+//# sourceMappingURL=timestamp-display.js.map

package/dist/components/data/timestamp-display.js.map

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

package/dist/components/patterns/inline-banner.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from "react";
+export interface InlineBannerProps {
+    /** `'neutral'` — a standing notice (scope, caveat). `'danger'` — an
+     * error. `'warning'` — recoverable, needs attention (a stale write).
+     * `'success'` — a positive confirmation (a verified audit chain).
+     * `'uncertain'` — degraded or unknown, neither failure nor success (a
+     * stalled live feed, a UCS-2 volume spike). `'plain'` — a caption-only
+     * note with no border or fill, for something that doesn't need the
+     * weight of a bordered box.
+     *
+     * The last three were added after the R6 factorization, not with it:
+     * four route groups had hand-rolled boxes in exactly these tones because
+     * the variant they needed did not exist, and the agents doing the
+     * factorization were deliberately barred from editing this package. Two
+     * of them flagged the gap rather than inventing a competing component,
+     * which is the behaviour the constraint was for. */
+    variant?: "neutral" | "danger" | "warning" | "success" | "uncertain" | "plain";
+    children: ReactNode;
+    className?: string;
+}
+export declare function InlineBanner({ variant, children, className }: InlineBannerProps): import("react").JSX.Element;
+//# sourceMappingURL=inline-banner.d.ts.map

package/dist/components/patterns/inline-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-banner.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/inline-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBvC,MAAM,WAAW,iBAAiB;IAChC;;;;;;;;;;;;;wDAaoD;IACpD,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC/E,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,OAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAsB3F"}

package/dist/components/patterns/inline-banner.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+export function InlineBanner({ variant = "neutral", children, className }) {
+    return (_jsx("div", { className: cn("text-caption", variant === "neutral" &&
+            "rounded-sm border border-edge bg-surface-2 px-3 py-2 text-muted-foreground", variant === "danger" &&
+            "rounded-sm border border-state-danger-border bg-state-danger-bg px-3 py-2 text-state-danger-fg", variant === "warning" &&
+            "rounded-sm border border-state-warning-border bg-state-warning-bg px-3 py-2 text-state-warning-fg", variant === "success" &&
+            "rounded-sm border border-state-success-border bg-state-success-bg px-3 py-2 text-state-success-fg", variant === "uncertain" &&
+            "rounded-sm border border-state-uncertain-border bg-state-uncertain-bg px-3 py-2 text-state-uncertain-fg", variant === "plain" && "text-subtle-foreground", className), children: children }));
+}
+//# sourceMappingURL=inline-banner.js.map

package/dist/components/patterns/inline-banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-banner.js","sourceRoot":"","sources":["../../../src/components/patterns/inline-banner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAoClC,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAqB;IAC1F,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,cAAc,EACd,OAAO,KAAK,SAAS;YACnB,4EAA4E,EAC9E,OAAO,KAAK,QAAQ;YAClB,gGAAgG,EAClG,OAAO,KAAK,SAAS;YACnB,mGAAmG,EACrG,OAAO,KAAK,SAAS;YACnB,mGAAmG,EACrG,OAAO,KAAK,WAAW;YACrB,yGAAyG,EAC3G,OAAO,KAAK,OAAO,IAAI,wBAAwB,EAC/C,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/patterns/inline-empty-state.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+export interface InlineEmptyStateProps {
+    message: ReactNode;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** `'standalone'` is the one exception (§5.3): a screen with nothing else
+     * to do may centre a single line plus one primary action. Still no
+     * illustration, still no card. */
+    variant?: "inline" | "standalone";
+    className?: string;
+}
+/**
+ * Enforces the binding rule: empty states are inline status lines, not
+ * centred placards. Use inside a table body (spanning all columns) or in
+ * the panel where the missing list would be.
+ */
+export declare function InlineEmptyState({ message, action, variant, className, }: InlineEmptyStateProps): import("react").JSX.Element;
+//# sourceMappingURL=inline-empty-state.d.ts.map

package/dist/components/patterns/inline-empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-empty-state.d.ts","sourceRoot":"","sources":["../../../src/components/patterns/inline-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAChD;;sCAEkC;IAClC,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,MAAM,EACN,OAAkB,EAClB,SAAS,GACV,EAAE,qBAAqB,+BAqBvB"}

package/dist/components/patterns/inline-empty-state.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/cn.js";
+/**
+ * Enforces the binding rule: empty states are inline status lines, not
+ * centred placards. Use inside a table body (spanning all columns) or in
+ * the panel where the missing list would be.
+ */
+export function InlineEmptyState({ message, action, variant = "inline", className, }) {
+    return (_jsxs("div", { className: cn("flex items-center gap-3 text-body text-muted-foreground", variant === "standalone" ? "justify-center py-16 text-center" : "py-3 text-left", className), children: [_jsx("span", { children: message }), action != null && (_jsx("button", { type: "button", onClick: action.onClick, className: "text-foreground underline decoration-edge-strong underline-offset-2 hover:decoration-foreground", children: action.label }))] }));
+}
+//# sourceMappingURL=inline-empty-state.js.map

package/dist/components/patterns/inline-empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-empty-state.js","sourceRoot":"","sources":["../../../src/components/patterns/inline-empty-state.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAYlC;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,MAAM,EACN,OAAO,GAAG,QAAQ,EAClB,SAAS,GACa;IACtB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,gBAAgB,EAChF,SAAS,CACV,aAED,yBAAO,OAAO,GAAQ,EACrB,MAAM,IAAI,IAAI,IAAI,CACjB,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAC,iGAAiG,YAE1G,MAAM,CAAC,KAAK,GACN,CACV,IACG,CACP,CAAC;AACJ,CAAC"}