@rookcom/monarch-react 0.0.0-canary-20261103180711

package/dist/components/data-display/description-list/description-list.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
+    columns?: 1 | 2 | 3;
+    /** `stacked` (default) puts the term above the value; `inline` side by side. */
+    layout?: 'stacked' | 'inline';
+}
+/** Key/value facts on detail pages (owner, stage, created, …). */
+export declare function DescriptionList({ columns, layout, className, ...rest }: DescriptionListProps): import("react").JSX.Element;
+export interface DescriptionItemProps {
+    term: ReactNode;
+    children: ReactNode;
+    /** Span all columns. */
+    wide?: boolean;
+    className?: string;
+}
+export declare function DescriptionItem({ term, children, wide, className }: DescriptionItemProps): import("react").JSX.Element;
+//# sourceMappingURL=description-list.d.ts.map

package/dist/components/data-display/description-list/description-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/description-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAC5E,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC/B;AAED,kEAAkE;AAClE,wBAAgB,eAAe,CAAC,EAC9B,OAAW,EACX,MAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,+BAItB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAOxF"}

package/dist/components/data-display/description-list/description-list.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/** Key/value facts on detail pages (owner, stage, created, …). */
+export function DescriptionList({ columns = 2, layout = 'stacked', className, ...rest }) {
+    return (_jsx("dl", { ...rest, "data-columns": columns, "data-layout": layout, className: cx('mn-dl', className) }));
+}
+export function DescriptionItem({ term, children, wide, className }) {
+    return (_jsxs("div", { className: cx('mn-dl__item', className), "data-wide": wide || undefined, children: [_jsx("dt", { className: "mn-dl__term", children: term }), _jsx("dd", { className: "mn-dl__value", children: children })] }));
+}
+//# sourceMappingURL=description-list.js.map

package/dist/components/data-display/description-list/description-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.js","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/description-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAQ7C,kEAAkE;AAClE,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,GAAG,CAAC,EACX,MAAM,GAAG,SAAS,EAClB,SAAS,EACT,GAAG,IAAI,EACc;IACrB,OAAO,CACL,gBAAQ,IAAI,kBAAgB,OAAO,iBAAe,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,GAAI,CAChG,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAwB;IACvF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,eAAa,IAAI,IAAI,SAAS,aACxE,aAAI,SAAS,EAAC,aAAa,YAAE,IAAI,GAAM,EACvC,aAAI,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAM,IACxC,CACP,CAAC;AACJ,CAAC"}

package/dist/components/data-display/description-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './description-list.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/description-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/data-display/description-list/index.js

@@ -0,0 +1,2 @@
+export * from './description-list.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/description-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/description-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/data-display/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './progress-bar.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/data-display/progress-bar/index.js

@@ -0,0 +1,2 @@
+export * from './progress-bar.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/data-display/progress-bar/progress-bar.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+export interface ProgressProps extends Omit<ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'value'> {
+    /** 0–`max`. Omit for indeterminate. */
+    value?: number | null;
+    max?: number;
+    /** Accessible name, e.g. "Upload progress". Required unless aria-labelledby is set. */
+    label?: string;
+    size?: 'sm' | 'md';
+    tone?: 'accent' | 'success' | 'warning' | 'danger';
+}
+/** Linear progress bar; `value` undefined renders an indeterminate animation. */
+export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/components/data-display/progress-bar/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EACvD,OAAO,CACR;IACC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CACpD;AAED,iFAAiF;AACjF,eAAO,MAAM,QAAQ,0GA4BpB,CAAC"}

package/dist/components/data-display/progress-bar/progress-bar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { cx } from '../../../internal/cx.js';
+/** Linear progress bar; `value` undefined renders an indeterminate animation. */
+export const Progress = forwardRef(function Progress({ value, max = 100, label, size = 'md', tone = 'accent', className, ...rest }, ref) {
+    const pct = value === undefined || value === null
+        ? undefined
+        : Math.min(100, Math.max(0, (value / max) * 100));
+    return (_jsx(ProgressPrimitive.Root, { ref: ref, value: value ?? null, max: max, "aria-label": label, ...rest, "data-size": size, "data-tone": tone, "data-indeterminate": pct === undefined || undefined, className: cx('mn-progress', className), children: _jsx(ProgressPrimitive.Indicator, { className: "mn-progress__bar", style: pct === undefined ? undefined : { width: `${pct}%` } }) }));
+});
+//# sourceMappingURL=progress-bar.js.map

package/dist/components/data-display/progress-bar/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../src/components/data-display/progress-bar/progress-bar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAkD,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAe7C,iFAAiF;AACjF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CACf,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC7E,GAAG;IAEH,MAAM,GAAG,GACP,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QACnC,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACtD,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,IACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,GAAG,EAAE,GAAG,gBACI,KAAK,KACb,IAAI,eACG,IAAI,eACJ,IAAI,wBACK,GAAG,KAAK,SAAS,IAAI,SAAS,EAClD,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,YAEvC,KAAC,iBAAiB,CAAC,SAAS,IAC1B,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,EAAE,GAC3D,GACqB,CAC1B,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/data-display/stat-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stat-card.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/stat-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/stat-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/data-display/stat-card/index.js

@@ -0,0 +1,2 @@
+export * from './stat-card.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/stat-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/stat-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/data-display/stat-card/stat-card.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
+    label: ReactNode;
+    /** Formatted value, e.g. "₹12.4L" or "143". */
+    value: ReactNode;
+    /** Change versus the previous period, e.g. "+12%". */
+    delta?: ReactNode;
+    /** Direction of the change; `up` is success unless `deltaTone` says otherwise. */
+    deltaDirection?: 'up' | 'down' | 'flat';
+    /** Override the colour of the delta, e.g. `danger` when up is bad (churn). */
+    deltaTone?: 'success' | 'danger' | 'neutral';
+    /** Period label, e.g. "vs last 30 days". */
+    caption?: ReactNode;
+    /** Sparkline or icon slot. */
+    visual?: ReactNode;
+}
+/** Single KPI for dashboards (Dots pipelines, Pulse). */
+export declare function StatCard({ label, value, delta, deltaDirection, deltaTone, caption, visual, className, ...rest }: StatCardProps): import("react").JSX.Element;
+//# sourceMappingURL=stat-card.d.ts.map

package/dist/components/data-display/stat-card/stat-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/stat-card/stat-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,EAAE,SAAS,CAAC;IACjB,+CAA+C;IAC/C,KAAK,EAAE,SAAS,CAAC;IACjB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kFAAkF;IAClF,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,8EAA8E;IAC9E,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7C,4CAA4C;IAC5C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,yDAAyD;AACzD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAuB,EACvB,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,+BAiCf"}

package/dist/components/data-display/stat-card/stat-card.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+import { VisuallyHidden } from '../../layout/visually-hidden/index.js';
+/** Single KPI for dashboards (Dots pipelines, Pulse). */
+export function StatCard({ label, value, delta, deltaDirection = 'flat', deltaTone, caption, visual, className, ...rest }) {
+    const tone = deltaTone ??
+        (deltaDirection === 'up' ? 'success' : deltaDirection === 'down' ? 'danger' : 'neutral');
+    const srDirection = deltaDirection === 'up' ? 'increase' : deltaDirection === 'down' ? 'decrease' : 'no change';
+    return (_jsxs("div", { ...rest, className: cx('mn-stat', className), children: [_jsxs("div", { className: "mn-stat__body", children: [_jsx("p", { className: "mn-stat__label", children: label }), _jsx("p", { className: "mn-stat__value", children: value }), delta !== undefined || caption ? (_jsxs("p", { className: "mn-stat__footer", children: [delta !== undefined ? (_jsxs("span", { className: "mn-stat__delta", "data-tone": tone, "data-direction": deltaDirection, children: [_jsx("span", { "aria-hidden": true, children: deltaDirection === 'up' ? '↑' : deltaDirection === 'down' ? '↓' : '→' }), _jsxs(VisuallyHidden, { children: [srDirection, " "] }), delta] })) : null, caption ? _jsx("span", { className: "mn-stat__caption", children: caption }) : null] })) : null] }), visual ? (_jsx("div", { className: "mn-stat__visual", "aria-hidden": true, children: visual })) : null] }));
+}
+//# sourceMappingURL=stat-card.js.map

package/dist/components/data-display/stat-card/stat-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.js","sourceRoot":"","sources":["../../../../src/components/data-display/stat-card/stat-card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAkBvE,yDAAyD;AACzD,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAc,GAAG,MAAM,EACvB,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACO;IACd,MAAM,IAAI,GACR,SAAS;QACT,CAAC,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3F,MAAM,WAAW,GACf,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IAC9F,OAAO,CACL,kBAAS,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,aAChD,eAAK,SAAS,EAAC,eAAe,aAC5B,YAAG,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAK,EACzC,YAAG,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAK,EACxC,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,CAChC,aAAG,SAAS,EAAC,iBAAiB,aAC3B,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACrB,gBAAM,SAAS,EAAC,gBAAgB,eAAY,IAAI,oBAAkB,cAAc,aAC9E,8CACG,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GACjE,EACP,MAAC,cAAc,eAAE,WAAW,SAAmB,EAC9C,KAAK,IACD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IACnE,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,iBAAiB,iCAC7B,MAAM,GACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/data-display/status-badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './status-badge.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/status-badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/status-badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/data-display/status-badge/index.js

@@ -0,0 +1,2 @@
+export * from './status-badge.js';
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/status-badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/status-badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/data-display/status-badge/status-badge.d.ts

@@ -0,0 +1,169 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+/** The semantic tones a status maps to. They are Monarch intent tokens, so every theme works. */
+export type StatusTone = 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+export interface StatusDefinition {
+    /** Human label shown in the badge ("Partial outage"), never the raw enum. */
+    label: string;
+    tone: StatusTone;
+    /**
+     * Decorative icon. A distinct shape per status means colour is never the
+     * only signal. `null` for none.
+     */
+    icon?: ReactNode;
+    /**
+     * Custom colour as `#rrggbb` (for example a workspace-defined ticket
+     * status). Used for the dot, icon and border only; the text stays a theme
+     * token. Adjusted per theme until it reaches 3:1 against the surface
+     * (WCAG 1.4.11); see `checkStatusColor`.
+     */
+    color?: string;
+    /** One line explaining the status, for a tooltip or legend the product renders. */
+    description?: string;
+}
+export type StatusRegistry<K extends string = string> = Readonly<Record<K, StatusDefinition>>;
+/** The statuses Monarch ships. Service health first, then the generic set. */
+export declare const builtInStatuses: {
+    readonly operational: {
+        readonly label: "Operational";
+        readonly tone: "success";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly degraded: {
+        readonly label: "Degraded";
+        readonly tone: "warning";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly partial: {
+        readonly label: "Partial outage";
+        readonly tone: "warning";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly down: {
+        readonly label: "Down";
+        readonly tone: "danger";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly maintenance: {
+        readonly label: "Maintenance";
+        readonly tone: "info";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly unknown: {
+        readonly label: "Unknown";
+        readonly tone: "neutral";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly success: {
+        readonly label: "Success";
+        readonly tone: "success";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly warning: {
+        readonly label: "Warning";
+        readonly tone: "warning";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly danger: {
+        readonly label: "Error";
+        readonly tone: "danger";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly info: {
+        readonly label: "Info";
+        readonly tone: "info";
+        readonly icon: import("react").JSX.Element;
+    };
+    readonly neutral: {
+        readonly label: "Neutral";
+        readonly tone: "neutral";
+        readonly icon: import("react").JSX.Element;
+    };
+};
+export type BuiltInStatus = keyof typeof builtInStatuses;
+/** Result of the contrast guard for a custom colour. */
+export interface StatusColorCheck {
+    /** The colour as given. */
+    input: string;
+    /** Colour for light and more-contrast light themes. */
+    light: string;
+    /** Colour for dark and more-contrast dark themes. */
+    dark: string;
+    /** Text colour for a solid fill of `light` (4.5:1 or more). */
+    onLight: string;
+    /** Text colour for a solid fill of `dark` (4.5:1 or more). */
+    onDark: string;
+    /** True when the input had to be darkened or lightened for at least one theme. */
+    adjusted: boolean;
+    /** Contrast of the input against each theme's surface. */
+    ratios: {
+        light: number;
+        dark: number;
+        'hc-light': number;
+        'hc-dark': number;
+    };
+}
+/**
+ * The contrast guard. Measures `#rrggbb` against the surface of every Monarch
+ * theme and, where it is below the theme's non-text target (3:1, or more in
+ * the more-contrast themes), moves its lightness until it passes. Hue and
+ * saturation are kept, so a workspace's colour stays recognisable. Returns
+ * `null` for anything that is not `#rrggbb`.
+ */
+export declare function checkStatusColor(color: string): StatusColorCheck | null;
+/**
+ * Defines a product's own statuses, typed by key. Custom colours are checked
+ * up front: an invalid one throws here, in development, instead of rendering
+ * an unreadable badge.
+ *
+ *   const ticketStatuses = defineStatuses({
+ *     open: { label: 'Open', tone: 'info' },
+ *     waiting: { label: 'Waiting on customer', tone: 'warning', icon: <Clock /> },
+ *   });
+ */
+export declare function defineStatuses<K extends string>(definitions: Record<K, StatusDefinition>): StatusRegistry<K>;
+/** With `{ extend: true }` the result also contains the built-in statuses. */
+export declare function defineStatuses<K extends string>(definitions: Record<K, StatusDefinition>, options: {
+    extend: true;
+}): StatusRegistry<K | BuiltInStatus>;
+export interface StatusRegistryProviderProps {
+    /** Statuses added to (and overriding) the built-in set for everything inside. */
+    statuses: StatusRegistry;
+    children: ReactNode;
+}
+/** Makes a product's statuses available to every StatusBadge below it. Nested providers add up. */
+export declare function StatusRegistryProvider({ statuses, children }: StatusRegistryProviderProps): import("react").JSX.Element;
+/** "pending_delete" → "Pending delete". Used for statuses that are not in the registry. */
+export declare function formatStatusLabel(status: string): string;
+/**
+ * Looks up a status: the `statuses` argument first, then the nearest
+ * StatusRegistryProvider, then the built-in set. Unknown values resolve to
+ * the neutral "unknown" look with a readable label, never a raw enum.
+ */
+export declare function resolveStatus(status: string | null | undefined, ...registries: (StatusRegistry | null | undefined)[]): StatusDefinition & {
+    known: boolean;
+};
+export interface StatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {
+    /** The status key: a built-in one or one from `statuses` / a StatusRegistryProvider. */
+    status: BuiltInStatus | (string & {}) | null | undefined;
+    /** Statuses for this badge only, checked before the provider and the built-in set. */
+    statuses?: StatusRegistry;
+    /** Overrides the registry label, for example with a translated string. */
+    label?: ReactNode;
+    /**
+     * `subtle` (default) tinted pill; `outline` for dense tables; `solid` for a
+     * single prominent status; `dot` for a quiet coloured dot plus text.
+     */
+    variant?: 'subtle' | 'outline' | 'solid' | 'dot';
+    size?: 'sm' | 'md';
+    /** Replaces the registry icon. `false` hides it (the text still carries the meaning). */
+    icon?: ReactNode | false;
+    /** Overrides the registry colour (`#rrggbb`), passed through the contrast guard. */
+    color?: string;
+}
+/**
+ * A status shown as text plus a tone and a distinct icon or dot, so colour is
+ * never the only signal. Statuses come from a typed registry that products
+ * extend with `defineStatuses` and `StatusRegistryProvider`.
+ */
+export declare const StatusBadge: import("react").ForwardRefExoticComponent<StatusBadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=status-badge.d.ts.map

package/dist/components/data-display/status-badge/status-badge.d.ts.map

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

package/dist/components/data-display/status-badge/status-badge.js

@@ -0,0 +1,139 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo, } from 'react';
+import { bestForeground, contrast, ensureContrast, fromHex, themes, toHex, } from '@rookcom/monarch-tokens';
+import { cx } from '../../../internal/cx.js';
+import { DotGlyph, ErrorGlyph, HelpGlyph, InfoGlyph, PartialGlyph, SuccessGlyph, WarningGlyph, WrenchGlyph, } from '../../../internal/icons.js';
+/** The statuses Monarch ships. Service health first, then the generic set. */
+export const builtInStatuses = {
+    operational: { label: 'Operational', tone: 'success', icon: _jsx(SuccessGlyph, {}) },
+    degraded: { label: 'Degraded', tone: 'warning', icon: _jsx(WarningGlyph, {}) },
+    partial: { label: 'Partial outage', tone: 'warning', icon: _jsx(PartialGlyph, {}) },
+    down: { label: 'Down', tone: 'danger', icon: _jsx(ErrorGlyph, {}) },
+    maintenance: { label: 'Maintenance', tone: 'info', icon: _jsx(WrenchGlyph, {}) },
+    unknown: { label: 'Unknown', tone: 'neutral', icon: _jsx(HelpGlyph, {}) },
+    success: { label: 'Success', tone: 'success', icon: _jsx(SuccessGlyph, {}) },
+    warning: { label: 'Warning', tone: 'warning', icon: _jsx(WarningGlyph, {}) },
+    danger: { label: 'Error', tone: 'danger', icon: _jsx(ErrorGlyph, {}) },
+    info: { label: 'Info', tone: 'info', icon: _jsx(InfoGlyph, {}) },
+    neutral: { label: 'Neutral', tone: 'neutral', icon: _jsx(DotGlyph, {}) },
+};
+const HEX = /^#[0-9a-f]{6}$/i;
+const TEXT_CANDIDATES = [
+    themes.light.neutrals['text-default'],
+    themes.light.neutrals['text-inverse'],
+];
+const BLACK_WHITE = [fromHex('#000000'), fromHex('#ffffff')];
+/** Dark or light text, whichever reads better on `hex`; always 4.5:1 or more. */
+function readableOn(hex) {
+    const bg = fromHex(hex);
+    const best = bestForeground(bg, TEXT_CANDIDATES);
+    return toHex(best.ratio >= 4.5 ? best.color : bestForeground(bg, BLACK_WHITE).color);
+}
+const guardCache = new Map();
+/**
+ * The contrast guard. Measures `#rrggbb` against the surface of every Monarch
+ * theme and, where it is below the theme's non-text target (3:1, or more in
+ * the more-contrast themes), moves its lightness until it passes. Hue and
+ * saturation are kept, so a workspace's colour stays recognisable. Returns
+ * `null` for anything that is not `#rrggbb`.
+ */
+export function checkStatusColor(color) {
+    const cached = guardCache.get(color);
+    if (cached !== undefined)
+        return cached;
+    let result = null;
+    if (HEX.test(color)) {
+        const c = fromHex(color);
+        const surface = (id) => themes[id].neutrals['bg-surface'];
+        const ratios = {
+            light: contrast(c, surface('light')),
+            dark: contrast(c, surface('dark')),
+            'hc-light': contrast(c, surface('hc-light')),
+            'hc-dark': contrast(c, surface('hc-dark')),
+        };
+        const fit = (ids, dir) => {
+            const target = Math.max(...ids.map((id) => themes[id].targets.ui));
+            const against = ids.map(surface);
+            if (against.every((bg) => contrast(c, bg) >= target))
+                return { hex: color.toLowerCase(), moved: false };
+            return { hex: toHex(ensureContrast(c, against, target, dir)), moved: true };
+        };
+        const light = fit(['light', 'hc-light'], 'darken');
+        const dark = fit(['dark', 'hc-dark'], 'lighten');
+        result = {
+            input: color,
+            light: light.hex,
+            dark: dark.hex,
+            onLight: readableOn(light.hex),
+            onDark: readableOn(dark.hex),
+            adjusted: light.moved || dark.moved,
+            ratios,
+        };
+    }
+    guardCache.set(color, result);
+    return result;
+}
+export function defineStatuses(definitions, options = {}) {
+    for (const [key, def] of Object.entries(definitions)) {
+        if (def.color !== undefined && checkStatusColor(def.color) === null) {
+            throw new Error(`defineStatuses: "${key}" has colour "${def.color}"; use #rrggbb.`);
+        }
+    }
+    return options.extend ? { ...builtInStatuses, ...definitions } : { ...definitions };
+}
+const StatusRegistryContext = createContext(null);
+/** Makes a product's statuses available to every StatusBadge below it. Nested providers add up. */
+export function StatusRegistryProvider({ statuses, children }) {
+    const parent = useContext(StatusRegistryContext);
+    const value = useMemo(() => ({ ...(parent ?? {}), ...statuses }), [parent, statuses]);
+    return _jsx(StatusRegistryContext.Provider, { value: value, children: children });
+}
+/** "pending_delete" → "Pending delete". Used for statuses that are not in the registry. */
+export function formatStatusLabel(status) {
+    const words = status.replace(/[_-]+/g, ' ').trim().toLowerCase();
+    return words ? words.charAt(0).toUpperCase() + words.slice(1) : 'Unknown';
+}
+/**
+ * Looks up a status: the `statuses` argument first, then the nearest
+ * StatusRegistryProvider, then the built-in set. Unknown values resolve to
+ * the neutral "unknown" look with a readable label, never a raw enum.
+ */
+export function resolveStatus(status, ...registries) {
+    const key = status ?? 'unknown';
+    for (const registry of [...registries, builtInStatuses]) {
+        const def = registry && Object.prototype.hasOwnProperty.call(registry, key) ? registry[key] : undefined;
+        if (def)
+            return { ...def, known: true };
+    }
+    return {
+        ...builtInStatuses.unknown,
+        label: status ? formatStatusLabel(status) : 'Unknown',
+        known: false,
+    };
+}
+/**
+ * A status shown as text plus a tone and a distinct icon or dot, so colour is
+ * never the only signal. Statuses come from a typed registry that products
+ * extend with `defineStatuses` and `StatusRegistryProvider`.
+ */
+export const StatusBadge = forwardRef(function StatusBadge({ status, statuses, label, variant = 'subtle', size = 'md', icon, color, className, style, children, ...rest }, ref) {
+    const provided = useContext(StatusRegistryContext);
+    const def = resolveStatus(status, statuses, provided);
+    const custom = checkStatusColor(color ?? def.color ?? '');
+    // The dot variant shows a dot instead of the icon, unless an icon is passed explicitly.
+    const explicitIcon = icon !== undefined && icon !== false;
+    const shownIcon = icon === false ? null : explicitIcon ? icon : variant === 'dot' ? null : def.icon;
+    // A custom colour must be visible somewhere: without an icon it gets a dot.
+    const showDot = !explicitIcon && (variant === 'dot' || (custom !== null && !shownIcon));
+    const customStyle = custom
+        ? {
+            '--mn-status-light': custom.light,
+            '--mn-status-dark': custom.dark,
+            '--mn-status-on-light': custom.onLight,
+            '--mn-status-on-dark': custom.onDark,
+        }
+        : undefined;
+    return (_jsxs("span", { ref: ref, ...rest, className: cx('mn-status-badge', className), style: customStyle ? { ...customStyle, ...style } : style, "data-status": status ?? 'unknown', "data-tone": def.tone, "data-variant": variant, "data-size": size, "data-custom-color": custom ? '' : undefined, "data-known": def.known ? undefined : 'false', children: [showDot ? _jsx("span", { className: "mn-status-badge__dot", "aria-hidden": true }) : null, shownIcon ? (_jsx("span", { className: "mn-status-badge__icon", "aria-hidden": true, children: shownIcon })) : null, _jsx("span", { className: "mn-status-badge__label", children: label ?? children ?? def.label })] }));
+});
+//# sourceMappingURL=status-badge.js.map

package/dist/components/data-display/status-badge/status-badge.js.map

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

package/dist/components/data-grid/data-table/data-table.d.ts

@@ -0,0 +1,53 @@
+import { type HTMLAttributes, type TableHTMLAttributes, type TdHTMLAttributes, type ThHTMLAttributes } from 'react';
+import { type CheckboxProps } from '../../forms/checkbox/index.js';
+export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    /** Row height. `compact` for dense data, `comfortable` (default) for mixed content. */
+    density?: 'compact' | 'comfortable';
+    /** Keep the header visible while the body scrolls (the wrapper needs a height). */
+    stickyHeader?: boolean;
+}
+/**
+ * Data table primitives. Wrap in `<Card flush>` for a framed table. Pass a
+ * `<TableCaption>` or `aria-label` so the table has an accessible name.
+ */
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+export declare function TableHeader({ className, ...rest }: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export declare function TableBody({ className, ...rest }: HTMLAttributes<HTMLTableSectionElement>): import("react").JSX.Element;
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    /** Highlights the row (also sets aria-selected). */
+    selected?: boolean;
+    /** Pointer affordance for rows that open something on click. Keep a real link or button inside. */
+    interactive?: boolean;
+}
+export declare function TableRow({ selected, interactive, className, ...rest }: TableRowProps): import("react").JSX.Element;
+export type SortDirection = 'ascending' | 'descending' | 'none';
+export interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    /** Current sort of this column. Renders a SortButton and sets aria-sort. */
+    sort?: SortDirection;
+    /** Called when the sort button is pressed. Required when `sort` is set. */
+    onSortChange?: (next: 'ascending' | 'descending') => void;
+    /** Right-align numbers. */
+    numeric?: boolean;
+}
+export declare function TableHead({ sort, onSortChange, numeric, className, children, scope, ...rest }: TableHeadProps): import("react").JSX.Element;
+export interface SortButtonProps {
+    direction: SortDirection;
+    onClick: () => void;
+    children: React.ReactNode;
+}
+/** Column sort toggle; its accessible name states the current direction. */
+export declare function SortButton({ direction, onClick, children }: SortButtonProps): import("react").JSX.Element;
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    numeric?: boolean;
+}
+export declare function TableCell({ numeric, className, ...rest }: TableCellProps): import("react").JSX.Element;
+export declare function TableCaption({ className, ...rest }: HTMLAttributes<HTMLTableCaptionElement>): import("react").JSX.Element;
+export interface TableSelectCellProps extends Omit<CheckboxProps, 'label' | 'description'> {
+    /** Accessible name, e.g. "Select ticket 42" or "Select all". */
+    label: string;
+    /** Render as a header cell (for the select-all checkbox). */
+    header?: boolean;
+}
+/** Narrow checkbox column for row selection. */
+export declare function TableSelectCell({ label, header, className, ...rest }: TableSelectCellProps): import("react").JSX.Element;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/data-grid/data-table/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/data-grid/data-table/data-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE7E,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,uFAAuF;IACvF,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,yGAehB,CAAC;AAEH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,uBAAuB,CAAC,+BAE1F;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,uBAAuB,CAAC,+BAExF;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAUpF;AAED,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;IAC5E,4EAA4E;IAC5E,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,YAAY,KAAK,IAAI,CAAC;IAC1D,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAa,EACb,GAAG,IAAI,EACR,EAAE,cAAc,+BAsBhB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,4EAA4E;AAC5E,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAc3E;AAED,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAIxE;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,uBAAuB,CAAC,+BAE3F;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,aAAa,CAAC;IACxF,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gDAAgD;AAChD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,+BAUtB"}