@rookcom/monarch-react 0.0.0-stage → 0.3.0

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"}

package/dist/components/data-grid/data-table/data-table.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { ChevronDownGlyph } from '../../../internal/icons.js';
+import { Checkbox } from '../../forms/checkbox/index.js';
+/**
+ * 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 const Table = forwardRef(function Table({ density = 'comfortable', stickyHeader = false, className, ...rest }, ref) {
+    return (_jsx("div", { className: "mn-table-wrap", children: _jsx("table", { ref: ref, ...rest, "data-density": density, "data-sticky": stickyHeader || undefined, className: cx('mn-table', className) }) }));
+});
+export function TableHeader({ className, ...rest }) {
+    return _jsx("thead", { ...rest, className: cx('mn-table__header', className) });
+}
+export function TableBody({ className, ...rest }) {
+    return _jsx("tbody", { ...rest, className: cx('mn-table__body', className) });
+}
+export function TableRow({ selected, interactive, className, ...rest }) {
+    return (_jsx("tr", { ...rest, "aria-selected": selected ?? rest['aria-selected'], "data-selected": selected || undefined, "data-interactive": interactive || undefined, className: cx('mn-table__row', className) }));
+}
+export function TableHead({ sort, onSortChange, numeric, className, children, scope = 'col', ...rest }) {
+    const sortable = sort !== undefined;
+    return (_jsx("th", { ...rest, scope: scope, "aria-sort": sortable && sort !== 'none' ? sort : undefined, "data-numeric": numeric || undefined, className: cx('mn-table__head', className), children: sortable ? (_jsx(SortButton, { direction: sort, onClick: () => onSortChange?.(sort === 'ascending' ? 'descending' : 'ascending'), children: children })) : (children) }));
+}
+/** Column sort toggle; its accessible name states the current direction. */
+export function SortButton({ direction, onClick, children }) {
+    const state = direction === 'ascending'
+        ? 'sorted ascending'
+        : direction === 'descending'
+            ? 'sorted descending'
+            : 'not sorted';
+    return (_jsxs("button", { type: "button", className: "mn-table__sort", "data-direction": direction, onClick: onClick, children: [children, _jsxs("span", { className: "mn-visually-hidden", children: [", ", state] }), _jsx(ChevronDownGlyph, { className: "mn-table__sort-icon" })] }));
+}
+export function TableCell({ numeric, className, ...rest }) {
+    return (_jsx("td", { ...rest, "data-numeric": numeric || undefined, className: cx('mn-table__cell', className) }));
+}
+export function TableCaption({ className, ...rest }) {
+    return _jsx("caption", { ...rest, className: cx('mn-table__caption', className) });
+}
+/** Narrow checkbox column for row selection. */
+export function TableSelectCell({ label, header = false, className, ...rest }) {
+    const Tag = header ? 'th' : 'td';
+    return (_jsx(Tag, { ...(header ? { scope: 'col' } : {}), className: cx('mn-table__select', header ? 'mn-table__head' : 'mn-table__cell', className), children: _jsx(Checkbox, { "aria-label": label, ...rest }) }));
+}
+//# sourceMappingURL=data-table.js.map

package/dist/components/data-grid/data-table/data-table.js.map

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

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

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

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

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

package/dist/components/data-grid/data-table/index.js

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

package/dist/components/data-grid/data-table/index.js.map

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

package/dist/components/data-grid/load-more/index.d.ts

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

package/dist/components/data-grid/load-more/index.d.ts.map

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

package/dist/components/data-grid/load-more/index.js

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

package/dist/components/data-grid/load-more/index.js.map

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

package/dist/components/data-grid/load-more/load-more.d.ts

@@ -0,0 +1,97 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+/** One page from a cursor-paginated source. `nextCursor` null or undefined means the end. */
+export interface LoadMorePage<T, C> {
+    items: T[];
+    nextCursor?: C | null;
+    /** Total number of items, when the server knows it. */
+    total?: number;
+}
+export interface UseLoadMoreOptions<T, C> {
+    /**
+     * Fetches one page. `cursor` is undefined for the first page. Abort the
+     * request when `signal` fires (on `reset` and unmount).
+     */
+    fetchPage: (cursor: C | undefined, context: {
+        signal: AbortSignal;
+    }) => Promise<LoadMorePage<T, C>>;
+    /** Server-rendered or cached first page; skips the initial request. */
+    initialPage?: LoadMorePage<T, C>;
+    /** Load the first page on mount when there is no `initialPage`. Default `true`. */
+    loadOnMount?: boolean;
+}
+export type LoadMoreStatus = 'idle' | 'loading' | 'error' | 'done';
+export interface UseLoadMoreResult<T> {
+    /** Every item loaded so far, in order. */
+    items: T[];
+    status: LoadMoreStatus;
+    /** The last error thrown by `fetchPage`, cleared on the next attempt. */
+    error: unknown;
+    hasMore: boolean;
+    /** Total from the latest page, when the server sent one. */
+    total: number | undefined;
+    /** Items added by the latest successful page. */
+    lastPageCount: number;
+    /** Loads the next page. Does nothing while loading or at the end. */
+    loadMore: () => void;
+    /** Repeats the request that failed. */
+    retry: () => void;
+    /** Drops every item and loads the first page again (for example after a filter change). */
+    reset: () => void;
+    /** Props for `<LoadMore>`, so the two wire together in one spread. */
+    loadMoreProps: Pick<LoadMoreProps, 'hasMore' | 'loading' | 'error' | 'onLoadMore' | 'onRetry' | 'loadedCount' | 'totalCount'>;
+}
+/**
+ * Cursor pagination state: accumulates pages, tracks loading, error and end
+ * states, ignores stale responses and aborts in-flight requests on reset and
+ * unmount. Fetching stays in the product: pass `fetchPage`.
+ */
+export declare function useLoadMore<T, C = string>(options: UseLoadMoreOptions<T, C>): UseLoadMoreResult<T>;
+export interface LoadMoreProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** There is another page to load. */
+    hasMore: boolean;
+    /** A page is being fetched. The button stays focusable and shows a spinner. */
+    loading?: boolean;
+    /** The last fetch failed. Shows `errorLabel` and turns the button into Retry. Auto-load pauses. */
+    error?: boolean;
+    /** Loads the next page. */
+    onLoadMore: () => void;
+    /** Called by the Retry button. Default: `onLoadMore`. */
+    onRetry?: () => void;
+    /** Items currently on screen. Changes are announced ("20 more items loaded"). */
+    loadedCount?: number;
+    /** Total items, when the server knows it. */
+    totalCount?: number | undefined;
+    /** Noun for counts and announcements. Default `{ one: 'item', other: 'items' }`. */
+    noun?: {
+        one: string;
+        other: string;
+    };
+    /** Show "Showing 40 of 120 items" next to the button. Default `true` when `loadedCount` is given. */
+    showCount?: boolean;
+    /**
+     * Load the next page when the control scrolls into view
+     * (IntersectionObserver). The button always stays as the fallback and for
+     * keyboard users; auto-load pauses after an error. Default `false`.
+     */
+    autoLoad?: boolean;
+    /** IntersectionObserver root margin for `autoLoad`. Default `200px`. */
+    autoLoadMargin?: string;
+    /** Button text. Default "Load more". */
+    label?: ReactNode;
+    /** Button text while loading. Default "Loading…". */
+    loadingLabel?: ReactNode;
+    /** Error message. Default "Couldn’t load more." */
+    errorLabel?: ReactNode;
+    /** Retry button text. Default "Retry". */
+    retryLabel?: ReactNode;
+    /** Shown when everything is loaded; `null` hides it. Default "That’s everything". */
+    endLabel?: ReactNode;
+}
+/**
+ * The footer of a cursor-paginated list: a Load more button with loading,
+ * error and retry, end-of-list states and polite announcements, plus
+ * optional auto-load on scroll. Pair it with `useLoadMore`, or drive it from
+ * any data library through its props.
+ */
+export declare const LoadMore: import("react").ForwardRefExoticComponent<LoadMoreProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=load-more.d.ts.map

package/dist/components/data-grid/load-more/load-more.d.ts.map

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

package/dist/components/data-grid/load-more/load-more.js

@@ -0,0 +1,184 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { Button } from '../../actions/button/index.js';
+/**
+ * Cursor pagination state: accumulates pages, tracks loading, error and end
+ * states, ignores stale responses and aborts in-flight requests on reset and
+ * unmount. Fetching stays in the product: pass `fetchPage`.
+ */
+export function useLoadMore(options) {
+    const { initialPage, loadOnMount = true } = options;
+    const fetchRef = useRef(options.fetchPage);
+    useEffect(() => {
+        fetchRef.current = options.fetchPage;
+    });
+    const [items, setItems] = useState(() => initialPage?.items ?? []);
+    const [cursor, setCursor] = useState(() => initialPage?.nextCursor ?? undefined);
+    const [started, setStarted] = useState(initialPage !== undefined);
+    const [status, setStatus] = useState(() => initialPage && (initialPage.nextCursor === null || initialPage.nextCursor === undefined)
+        ? 'done'
+        : 'idle');
+    const [error, setError] = useState(undefined);
+    const [total, setTotal] = useState(initialPage?.total);
+    const [lastPageCount, setLastPageCount] = useState(initialPage?.items.length ?? 0);
+    const request = useRef(null);
+    const seq = useRef(0);
+    const state = useRef({ cursor, status, started });
+    state.current = { cursor, status, started };
+    const run = useCallback((from, replace) => {
+        request.current?.controller.abort();
+        const id = ++seq.current;
+        const controller = new AbortController();
+        request.current = { id, controller };
+        // Synchronously, so a second call in the same tick sees the request in flight.
+        state.current = { ...state.current, status: 'loading' };
+        setStatus('loading');
+        setError(undefined);
+        fetchRef.current(from, { signal: controller.signal }).then((page) => {
+            if (request.current?.id !== id)
+                return;
+            request.current = null;
+            setItems((prev) => (replace ? page.items : [...prev, ...page.items]));
+            setLastPageCount(page.items.length);
+            setTotal(page.total);
+            const next = page.nextCursor ?? undefined;
+            setCursor(next);
+            setStarted(true);
+            setStatus(next === undefined ? 'done' : 'idle');
+        }, (err) => {
+            if (request.current?.id !== id || controller.signal.aborted)
+                return;
+            request.current = null;
+            setError(err);
+            setStatus('error');
+        });
+    }, []);
+    const loadMore = useCallback(() => {
+        const s = state.current;
+        if (s.status === 'loading' || s.status === 'done')
+            return;
+        run(s.started ? s.cursor : undefined, !s.started);
+    }, [run]);
+    const reset = useCallback(() => {
+        setItems([]);
+        setCursor(undefined);
+        setStarted(false);
+        setTotal(undefined);
+        setLastPageCount(0);
+        state.current = { cursor: undefined, status: 'idle', started: false };
+        run(undefined, true);
+    }, [run]);
+    useEffect(() => {
+        if (initialPage === undefined && loadOnMount)
+            run(undefined, true);
+        return () => request.current?.controller.abort();
+        // Mount only: later loads are explicit (loadMore, retry, reset).
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    const hasMore = status !== 'done';
+    return {
+        items,
+        status,
+        error,
+        hasMore,
+        total,
+        lastPageCount,
+        loadMore,
+        retry: loadMore,
+        reset,
+        loadMoreProps: {
+            hasMore,
+            loading: status === 'loading',
+            error: status === 'error',
+            onLoadMore: loadMore,
+            onRetry: loadMore,
+            loadedCount: items.length,
+            totalCount: total,
+        },
+    };
+}
+function plural(n, noun) {
+    return n === 1 ? noun.one : noun.other;
+}
+const DEFAULT_NOUN = { one: 'item', other: 'items' };
+/**
+ * The footer of a cursor-paginated list: a Load more button with loading,
+ * error and retry, end-of-list states and polite announcements, plus
+ * optional auto-load on scroll. Pair it with `useLoadMore`, or drive it from
+ * any data library through its props.
+ */
+export const LoadMore = forwardRef(function LoadMore({ hasMore, loading = false, error = false, onLoadMore, onRetry, loadedCount, totalCount, noun = DEFAULT_NOUN, showCount, autoLoad = false, autoLoadMargin = '200px', label = 'Load more', loadingLabel = 'Loading…', errorLabel = 'Couldn’t load more.', retryLabel = 'Retry', endLabel = 'That’s everything', className, ...rest }, ref) {
+    const rootRef = useRef(null);
+    const buttonRef = useRef(null);
+    const endRef = useRef(null);
+    const [announcement, setAnnouncement] = useState('');
+    const prevCount = useRef(loadedCount);
+    const prevError = useRef(error);
+    const prevHasMore = useRef(hasMore);
+    const buttonHadFocus = useRef(false);
+    const setRefs = useCallback((node) => {
+        rootRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    // Announce what changed: new items, a failure, or the end of the list.
+    useEffect(() => {
+        const parts = [];
+        const before = prevCount.current;
+        if (loadedCount !== undefined && before !== undefined && loadedCount > before) {
+            const added = loadedCount - before;
+            parts.push(`${added} more ${plural(added, noun)} loaded.`);
+        }
+        if (error && !prevError.current) {
+            parts.push(typeof errorLabel === 'string' ? errorLabel : 'Couldn’t load more.');
+        }
+        if (!hasMore && prevHasMore.current && typeof endLabel === 'string')
+            parts.push(endLabel);
+        prevCount.current = loadedCount;
+        prevError.current = error;
+        prevHasMore.current = hasMore;
+        if (parts.length)
+            setAnnouncement(parts.join(' '));
+    }, [loadedCount, error, hasMore, noun, errorLabel, endLabel]);
+    // The button disappears at the end; keep keyboard focus on the list footer.
+    useEffect(() => {
+        if (!hasMore && buttonHadFocus.current) {
+            buttonHadFocus.current = false;
+            const active = typeof document === 'undefined' ? null : document.activeElement;
+            // Only when focus was actually lost with the button, never stealing it from elsewhere.
+            if (active === null || active === document.body) {
+                (endRef.current ?? rootRef.current)?.focus();
+            }
+        }
+    }, [hasMore]);
+    // Auto-load: fire when the footer scrolls into view; the button stays as the fallback.
+    useEffect(() => {
+        const node = rootRef.current;
+        if (!autoLoad || !hasMore || loading || error || !node)
+            return;
+        if (typeof IntersectionObserver === 'undefined')
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            if (entries.some((e) => e.isIntersecting))
+                onLoadMore();
+        }, { rootMargin: autoLoadMargin });
+        observer.observe(node);
+        return () => observer.disconnect();
+    }, [autoLoad, hasMore, loading, error, onLoadMore, autoLoadMargin]);
+    const state = error ? 'error' : loading ? 'loading' : hasMore ? 'idle' : 'done';
+    const countVisible = (showCount ?? loadedCount !== undefined) && loadedCount !== undefined;
+    const count = countVisible
+        ? totalCount !== undefined
+            ? `Showing ${loadedCount} of ${totalCount} ${plural(totalCount, noun)}`
+            : `Showing ${loadedCount} ${plural(loadedCount, noun)}`
+        : null;
+    return (_jsxs("div", { ref: setRefs, ...rest, tabIndex: -1, className: cx('mn-load-more', className), "data-state": state, children: [count ? _jsx("p", { className: "mn-load-more__count", children: count }) : null, error ? _jsx("p", { className: "mn-load-more__error", children: errorLabel }) : null, hasMore ? (_jsx(Button, { ref: buttonRef, size: "sm", loading: loading, onFocus: () => (buttonHadFocus.current = true), onBlur: (event) => {
+                    // A blur caused by the button unmounting has no related target; keep the flag then.
+                    if (event.relatedTarget)
+                        buttonHadFocus.current = false;
+                }, onClick: () => (error ? (onRetry ?? onLoadMore)() : onLoadMore()), children: loading ? loadingLabel : error ? retryLabel : label })) : endLabel !== null ? (_jsx("p", { ref: endRef, tabIndex: -1, className: "mn-load-more__end", children: endLabel })) : null, _jsx("span", { role: "status", "aria-live": "polite", "aria-atomic": "true", className: "mn-visually-hidden", children: announcement })] }));
+});
+//# sourceMappingURL=load-more.js.map

package/dist/components/data-grid/load-more/load-more.js.map

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

package/dist/components/feedback/alert/alert.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+    title?: ReactNode;
+    /** Replaces the default tone icon. Pass `null` for none. */
+    icon?: ReactNode;
+    /** Actions on the trailing edge, e.g. a Button or a dismiss IconButton. */
+    actions?: ReactNode;
+    /**
+     * Set when the alert appears in response to something the user did, so it
+     * is announced. `assertive` only for errors that block progress.
+     */
+    live?: 'polite' | 'assertive';
+}
+/** Inline message about the state of a page or section. */
+export declare function Alert({ tone, title, icon, actions, live, className, children, ...rest }: AlertProps): import("react").JSX.Element;
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/feedback/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/E,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC/B;AAUD,2DAA2D;AAC3D,wBAAgB,KAAK,CAAC,EACpB,IAAa,EACb,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,+BAiBZ"}

package/dist/components/feedback/alert/alert.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+import { InfoGlyph, SuccessGlyph, WarningGlyph } from '../../../internal/icons.js';
+const defaultIcon = {
+    neutral: _jsx(InfoGlyph, {}),
+    info: _jsx(InfoGlyph, {}),
+    success: _jsx(SuccessGlyph, {}),
+    warning: _jsx(WarningGlyph, {}),
+    danger: _jsx(WarningGlyph, {}),
+};
+/** Inline message about the state of a page or section. */
+export function Alert({ tone = 'info', title, icon, actions, live, className, children, ...rest }) {
+    const role = live === 'assertive' ? 'alert' : live === 'polite' ? 'status' : undefined;
+    const glyph = icon === undefined ? defaultIcon[tone] : icon;
+    return (_jsxs("div", { ...rest, role: rest.role ?? role, className: cx('mn-alert', className), "data-tone": tone, children: [glyph ? (_jsx("span", { className: "mn-alert__icon", "aria-hidden": true, children: glyph })) : null, _jsxs("div", { className: "mn-alert__body", children: [title ? _jsx("p", { className: "mn-alert__title", children: title }) : null, children ? _jsx("div", { className: "mn-alert__content", children: children }) : null] }), actions ? _jsx("div", { className: "mn-alert__actions", children: actions }) : null] }));
+}
+//# sourceMappingURL=alert.js.map

package/dist/components/feedback/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/feedback/alert/alert.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAgBnF,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,KAAC,SAAS,KAAG;IACtB,IAAI,EAAE,KAAC,SAAS,KAAG;IACnB,OAAO,EAAE,KAAC,YAAY,KAAG;IACzB,OAAO,EAAE,KAAC,YAAY,KAAG;IACzB,MAAM,EAAE,KAAC,YAAY,KAAG;CAChB,CAAC;AAEX,2DAA2D;AAC3D,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACI;IACX,MAAM,IAAI,GAAG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IACvF,MAAM,KAAK,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,OAAO,CACL,kBAAS,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,eAAa,IAAI,aAC1F,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,gBAAgB,iCAC7B,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,gBAAgB,aAC5B,KAAK,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EACzD,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IAClE,EACL,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,mBAAmB,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAChE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/feedback/alert/index.d.ts

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

package/dist/components/feedback/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/feedback/alert/index.js

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

package/dist/components/feedback/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/feedback/callout-banner/callout-banner.d.ts

@@ -0,0 +1,66 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type CalloutBannerTone = 'neutral' | 'info' | 'accent' | 'success' | 'warning' | 'danger';
+export interface CalloutBannerProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Colour and default icon. `accent` uses the product accent, for trials,
+     * upgrades and announcements. Default `info`.
+     */
+    tone?: CalloutBannerTone;
+    /**
+     * `page`: a full-width strip across the top of the app or page (trial,
+     * maintenance, billing), with no rounded corners. `section`: a rounded
+     * callout inside the content. Default `section`.
+     */
+    placement?: 'page' | 'section';
+    /**
+     * `scope`: a compact, neutral one-line notice that the view is narrowed
+     * ("Showing tickets in Support"), usually with an action that clears it.
+     * Default `callout`.
+     */
+    variant?: 'callout' | 'scope';
+    /** Bold first line. */
+    title?: ReactNode;
+    /** Replaces the tone icon. Pass `null` for none. */
+    icon?: ReactNode;
+    /** Buttons or links, for example "Upgrade" or "Retry". */
+    actions?: ReactNode;
+    /**
+     * `end` puts actions on the trailing edge (below the text on narrow
+     * screens); `inline` puts them right after the text, like a sentence that
+     * ends in a link. Default `end`.
+     */
+    actionPlacement?: 'end' | 'inline';
+    /**
+     * Makes the banner a landmark, so screen-reader users can jump to it:
+     * `region` (`<section>`) or `complementary` (`<aside>`). Named by `title`,
+     * or by `aria-label` when there is no title. Default `none` (`<div>`).
+     */
+    landmark?: 'none' | 'region' | 'complementary';
+    /**
+     * Announce the banner's text when it appears: `polite` (role="status") or
+     * `assertive` (role="alert", only for errors that block progress). Leave
+     * unset for a banner that is present when the page loads.
+     */
+    live?: 'polite' | 'assertive';
+    /** Shows a close button. Implied by `onDismiss`. */
+    dismissible?: boolean;
+    /**
+     * Called when the user dismisses the banner (and shows the close button).
+     * Store "don't show again" here: Monarch keeps nothing.
+     */
+    onDismiss?: () => void;
+    /** Controlled visibility. Leave unset to let the banner hide itself on dismiss. */
+    open?: boolean;
+    /** Initial visibility when uncontrolled. Default true. */
+    defaultOpen?: boolean;
+    /** Accessible name of the close button. Default "Dismiss". */
+    dismissLabel?: string;
+}
+/**
+ * A page- or section-level message about the account, the product or the
+ * current view: trials, maintenance windows, billing problems, a failed sync,
+ * a narrowed scope. Optionally dismissible, with an action slot and a
+ * landmark role.
+ */
+export declare const CalloutBanner: import("react").ForwardRefExoticComponent<CalloutBannerProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=callout-banner.d.ts.map

package/dist/components/feedback/callout-banner/callout-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout-banner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/callout-banner/callout-banner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAY/E,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjG,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACpF;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACnC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAC;IAC/C;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC9B,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mFAAmF;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAWD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,4GA0ExB,CAAC"}