@rookcom/monarch-react 0.0.0-stage → 0.3.0

package/dist/components/feedback/callout-banner/callout-banner.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { setRefs, useDismissible } from '../../../internal/dismissible.js';
+import { CloseGlyph, ErrorGlyph, InfoGlyph, SuccessGlyph, WarningGlyph, } from '../../../internal/icons.js';
+import { IconButton } from '../../actions/button/index.js';
+const toneIcon = {
+    neutral: _jsx(InfoGlyph, {}),
+    info: _jsx(InfoGlyph, {}),
+    accent: _jsx(InfoGlyph, {}),
+    success: _jsx(SuccessGlyph, {}),
+    warning: _jsx(WarningGlyph, {}),
+    danger: _jsx(ErrorGlyph, {}),
+};
+/**
+ * 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 const CalloutBanner = forwardRef(function CalloutBanner({ tone = 'info', placement = 'section', variant = 'callout', title, icon, actions, actionPlacement = 'end', landmark = 'none', live, dismissible, onDismiss, open, defaultOpen, dismissLabel = 'Dismiss', className, children, ...rest }, ref) {
+    const titleId = useId();
+    const { shown, dismiss, node } = useDismissible({ open, defaultOpen, onDismiss });
+    if (!shown)
+        return null;
+    const Root = landmark === 'region' ? 'section' : landmark === 'complementary' ? 'aside' : 'div';
+    const scope = variant === 'scope';
+    const glyph = icon === undefined ? (scope ? null : toneIcon[tone]) : icon;
+    const role = live === 'assertive' ? 'alert' : live === 'polite' ? 'status' : undefined;
+    const labelled = landmark !== 'none' && title && !rest['aria-label'] ? titleId : undefined;
+    const actionsNode = actions ? _jsx("div", { className: "mn-callout-banner__actions", children: actions }) : null;
+    return (_jsxs(Root, { ref: (el) => setRefs(el, ref, node), "aria-labelledby": labelled, ...rest, className: cx('mn-callout-banner', className), "data-tone": tone, "data-placement": placement, "data-variant": variant, "data-action-placement": actionPlacement, children: [glyph ? (_jsx("span", { className: "mn-callout-banner__icon", "aria-hidden": true, children: glyph })) : null, _jsxs("div", { className: "mn-callout-banner__main", children: [_jsxs("div", { className: "mn-callout-banner__text", role: role, children: [title ? (_jsx("p", { className: "mn-callout-banner__title", id: titleId, children: title })) : null, children ? _jsx("div", { className: "mn-callout-banner__body", children: children }) : null] }), actionPlacement === 'inline' ? actionsNode : null] }), actionPlacement === 'end' ? actionsNode : null, dismissible || onDismiss ? (_jsx(IconButton, { className: "mn-callout-banner__dismiss", size: "xs", label: dismissLabel, icon: _jsx(CloseGlyph, {}), onClick: dismiss })) : null] }));
+});
+//# sourceMappingURL=callout-banner.js.map

package/dist/components/feedback/callout-banner/callout-banner.js.map

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

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

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

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

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

package/dist/components/feedback/callout-banner/index.js

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

package/dist/components/feedback/callout-banner/index.js.map

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

package/dist/components/feedback/empty-state/empty-state.d.ts

@@ -0,0 +1,59 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+/**
+ * Why the view is empty. It changes the default icon tint and, for
+ * `filtered`, adds a clear-filters action; the copy always comes from the
+ * product.
+ *
+ * - `first-run`: nothing has been created yet (the default).
+ * - `filtered`: a search or filter matched nothing; offer a way back.
+ * - `success`: an "all clear" state, such as an empty queue or nothing to fix.
+ */
+export type EmptyStateKind = 'first-run' | 'filtered' | 'success';
+export type EmptyStateHeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Decorative icon in a tinted tile. Hidden from assistive technology. */
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    /** Primary and secondary actions, usually Buttons. */
+    actions?: ReactNode;
+    /**
+     * Title element. Default `h3`. Match the page outline (no skipped levels);
+     * use `p` where a heading would be wrong, such as inside a table cell.
+     */
+    headingLevel?: EmptyStateHeadingLevel;
+    /**
+     * `inline` (default) sits inside a card or table; `page` fills an empty
+     * view; `compact` is a tighter block for table bodies, side panels and
+     * small cards.
+     */
+    size?: 'inline' | 'page' | 'compact';
+    /**
+     * `stack` (default) centres icon, text and actions in a column; `line` is a
+     * single left-aligned row (icon, text, actions) for a list or dashboard
+     * section that has nothing in it.
+     */
+    layout?: 'stack' | 'line';
+    /** Why the view is empty. Exposed as `data-kind`. Default `first-run`. */
+    kind?: EmptyStateKind;
+    /**
+     * With `kind="filtered"`, renders a "Clear filters" button before any other
+     * actions. The product resets its own filters.
+     */
+    onClearFilters?: () => void;
+    /** Label of the clear-filters button. Default "Clear filters". */
+    clearFiltersLabel?: string;
+    /**
+     * A short hint under the actions, such as a keyboard shortcut (compose it
+     * with Kbd). Shown in small muted text.
+     */
+    tip?: ReactNode;
+    /** Extra content after the actions, such as a list of next steps. */
+    children?: ReactNode;
+}
+/**
+ * Shown when there is nothing to display yet. Say what will appear here and
+ * offer the action that creates it.
+ */
+export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/feedback/empty-state/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxE;;;;;;;;GAQG;AACH,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAElE,MAAM,MAAM,sBAAsB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;AAEnF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,sDAAsD;IACtD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,4GA6DrB,CAAC"}

package/dist/components/feedback/empty-state/empty-state.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { SuccessGlyph } from '../../../internal/icons.js';
+import { Button } from '../../actions/button/index.js';
+/**
+ * Shown when there is nothing to display yet. Say what will appear here and
+ * offer the action that creates it.
+ */
+export const EmptyState = forwardRef(function EmptyState({ icon, title, description, actions, headingLevel: Heading = 'h3', size = 'inline', layout = 'stack', kind = 'first-run', onClearFilters, clearFiltersLabel = 'Clear filters', tip, className, children, ...rest }, ref) {
+    const glyph = icon ?? (kind === 'success' ? _jsx(SuccessGlyph, {}) : null);
+    const clear = kind === 'filtered' && onClearFilters ? (_jsx(Button, { onClick: onClearFilters, children: clearFiltersLabel })) : null;
+    const allActions = clear || actions ? (_jsxs(_Fragment, { children: [clear, actions] })) : null;
+    return (_jsxs("div", { ref: ref, "data-kind": kind === 'first-run' ? undefined : kind, ...rest, className: cx('mn-empty-state', className), "data-size": size, "data-layout": layout === 'stack' ? undefined : layout, children: [glyph ? (_jsx("div", { className: "mn-empty-state__icon", "aria-hidden": true, children: glyph })) : null, layout === 'line' ? (_jsxs("div", { className: "mn-empty-state__text", children: [_jsx(Heading, { className: "mn-empty-state__title", children: title }), description ? _jsx("p", { className: "mn-empty-state__description", children: description }) : null] })) : (_jsxs(_Fragment, { children: [_jsx(Heading, { className: "mn-empty-state__title", children: title }), description ? _jsx("p", { className: "mn-empty-state__description", children: description }) : null] })), allActions ? _jsx("div", { className: "mn-empty-state__actions", children: allActions }) : null, children, tip ? _jsx("p", { className: "mn-empty-state__tip", children: tip }) : null] }));
+});
+//# sourceMappingURL=empty-state.js.map

package/dist/components/feedback/empty-state/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../../src/components/feedback/empty-state/empty-state.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAuC,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAyDvD;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAkC,SAAS,UAAU,CACvF,EACE,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,YAAY,EAAE,OAAO,GAAG,IAAI,EAC5B,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,WAAW,EAClB,cAAc,EACd,iBAAiB,GAAG,eAAe,EACnC,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACrE,MAAM,KAAK,GACT,IAAI,KAAK,UAAU,IAAI,cAAc,CAAC,CAAC,CAAC,CACtC,KAAC,MAAM,IAAC,OAAO,EAAE,cAAc,YAAG,iBAAiB,GAAU,CAC9D,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,MAAM,UAAU,GACd,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CACjB,8BACG,KAAK,EACL,OAAO,IACP,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,OAAO,CACL,eACE,GAAG,EAAE,GAAG,eACG,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAC9C,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,eAC/B,IAAI,iBACF,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,aAEnD,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAC,sBAAsB,iCAClC,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAW,EAC3D,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IAC9E,CACP,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,OAAO,IAAC,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAW,EAC3D,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IACjF,CACJ,EACA,UAAU,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,YAAE,UAAU,GAAO,CAAC,CAAC,CAAC,IAAI,EAC/E,QAAQ,EACR,GAAG,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,qBAAqB,YAAE,GAAG,GAAK,CAAC,CAAC,CAAC,IAAI,IACtD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/feedback/empty-state/index.d.ts

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

package/dist/components/feedback/empty-state/index.d.ts.map

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

package/dist/components/feedback/empty-state/index.js

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

package/dist/components/feedback/empty-state/index.js.map

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

package/dist/components/feedback/error-page/error-page.d.ts

@@ -0,0 +1,66 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+/** The page-level failures ErrorPage covers. */
+export type ErrorPageKind = 'not-found' | 'forbidden' | 'server' | 'offline' | 'maintenance';
+export interface ErrorPageProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** Which failure this page reports. Sets the default icon and numeral. Default `server`. */
+    kind?: ErrorPageKind;
+    /** What happened, in plain words. Supplied by the product. */
+    title: ReactNode;
+    /** What the person can do next. Supplied by the product; never a raw error message. */
+    description?: ReactNode;
+    /**
+     * The large faint numeral behind the icon. Defaults to 404, 403 or 500 for
+     * those kinds and none for `offline` and `maintenance`. Pass `false` to hide
+     * it. Decorative: drawn by CSS and hidden from assistive technology, so say
+     * the same thing in the title.
+     */
+    numeral?: string | false;
+    /** Replaces the kind's default icon. Pass `null` for none. Decorative. */
+    icon?: ReactNode | null;
+    /** The product's links and buttons, e.g. "Go to dashboard" (Button `asChild` around a router link). */
+    actions?: ReactNode;
+    /** Renders a primary retry button before `actions`. Use for `server`, `offline` and `maintenance`. */
+    onRetry?: () => void;
+    /** Retry button text. Default "Try again". */
+    retryLabel?: string;
+    /** Shows the retry button as busy while a retry is in flight. */
+    retrying?: boolean;
+    /**
+     * With `kind="offline"` and `onRetry`, calls `onRetry` once when the browser
+     * reports it is back online. Default true.
+     */
+    retryWhenOnline?: boolean;
+    /** How to reach help, supplied by the product (a sentence with a link or email). */
+    support?: ReactNode;
+    /** The request id of the failed request, shown with a copy button. */
+    requestId?: string;
+    /** Label before the request id. Default "Request ID". */
+    requestIdLabel?: string;
+    /** The product's logo or wordmark, shown at the top when there is no app shell. */
+    brand?: ReactNode;
+    /**
+     * `true` (default) fills the viewport with its own background, for a root
+     * not-found or error route that renders without the app shell. `false` sits
+     * inside the shell's content area.
+     */
+    fullScreen?: boolean;
+    /**
+     * The root element. Default `main` when `fullScreen` (the page has no other
+     * main landmark) and `section` otherwise (the shell already has one).
+     */
+    as?: 'main' | 'section' | 'div';
+    /** Title element. Default `h1`. */
+    headingLevel?: 'h1' | 'h2';
+    /**
+     * Moves focus to the title on mount, so a screen reader starts reading the
+     * error after a client-side navigation. Default false.
+     */
+    focusOnMount?: boolean;
+}
+/**
+ * A whole page that failed: not found, forbidden, server error, offline or
+ * maintenance. Works with or without the app shell. The product supplies
+ * every word, link and support contact.
+ */
+export declare const ErrorPage: import("react").ForwardRefExoticComponent<ErrorPageProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=error-page.d.ts.map

package/dist/components/feedback/error-page/error-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-page.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-page/error-page.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlG,gDAAgD;AAChD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;AAQ7F,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAChF,4FAA4F;IAC5F,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,8DAA8D;IAC9D,KAAK,EAAE,SAAS,CAAC;IACjB,uFAAuF;IACvF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,uGAAuG;IACvG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sGAAsG;IACtG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mFAAmF;IACnF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;IAChC,mCAAmC;IACnC,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,wGAgGpB,CAAC"}

package/dist/components/feedback/error-page/error-page.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useId, useRef } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { Button } from '../../actions/button/index.js';
+import { CopyButton } from '../../actions/copy-button/index.js';
+import { errorKindIcon } from '../error-state/index.js';
+const NUMERAL = {
+    'not-found': '404',
+    forbidden: '403',
+    server: '500',
+};
+/**
+ * A whole page that failed: not found, forbidden, server error, offline or
+ * maintenance. Works with or without the app shell. The product supplies
+ * every word, link and support contact.
+ */
+export const ErrorPage = forwardRef(function ErrorPage({ kind = 'server', title, description, numeral, icon, actions, onRetry, retryLabel = 'Try again', retrying = false, retryWhenOnline = true, support, requestId, requestIdLabel = 'Request ID', brand, fullScreen = true, as, headingLevel: Heading = 'h1', focusOnMount = false, className, children, 'aria-labelledby': labelledBy, ...rest }, ref) {
+    const Root = as ?? (fullScreen ? 'main' : 'section');
+    const titleId = `${useId()}-title`;
+    const titleRef = useRef(null);
+    const retryRef = useRef(onRetry);
+    retryRef.current = onRetry;
+    useEffect(() => {
+        if (focusOnMount)
+            titleRef.current?.focus();
+    }, [focusOnMount]);
+    const watchOnline = kind === 'offline' && retryWhenOnline && Boolean(onRetry);
+    useEffect(() => {
+        if (!watchOnline)
+            return;
+        const back = () => retryRef.current?.();
+        window.addEventListener('online', back, { once: true });
+        return () => window.removeEventListener('online', back);
+    }, [watchOnline]);
+    const shown = numeral === false ? null : (numeral ?? NUMERAL[kind] ?? null);
+    const glyph = icon === undefined ? errorKindIcon(kind) : icon;
+    return (_jsxs(Root, { ref: ref, ...rest, "aria-labelledby": Root === 'div' ? labelledBy : (labelledBy ?? titleId), className: cx('mn-error-page', className), "data-kind": kind, "data-full-screen": fullScreen || undefined, children: [brand ? _jsx("div", { className: "mn-error-page__brand", children: brand }) : null, _jsxs("div", { className: "mn-error-page__body", children: [shown ? (
+                    // Drawn by CSS from data-numeral: it is decoration, not text, so it
+                    // never reaches assistive technology or contrast checks.
+                    _jsx("div", { className: "mn-error-page__numeral", "aria-hidden": true, "data-numeral": shown })) : null, _jsxs("div", { className: "mn-error-page__content", "data-numeral": shown ? '' : undefined, children: [glyph ? (_jsx("div", { className: "mn-error-page__icon", "aria-hidden": true, children: glyph })) : null, _jsx(Heading, { id: titleId, ref: titleRef, tabIndex: -1, className: "mn-error-page__title", children: title }), description ? _jsx("p", { className: "mn-error-page__description", children: description }) : null, onRetry || actions ? (_jsxs("div", { className: "mn-error-page__actions", children: [onRetry ? (_jsx(Button, { variant: "primary", loading: retrying, onClick: onRetry, children: retryLabel })) : null, actions] })) : null, children, requestId ? (_jsxs("p", { className: "mn-error-page__request-id", children: [_jsxs("span", { children: [requestIdLabel, ":"] }), " ", _jsx("code", { children: requestId }), _jsx(CopyButton, { value: requestId, iconOnly: true, size: "xs", label: `Copy ${requestIdLabel}` })] })) : null, support ? _jsx("div", { className: "mn-error-page__support", children: support }) : null] })] })] }));
+});
+//# sourceMappingURL=error-page.js.map

package/dist/components/feedback/error-page/error-page.js.map

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

package/dist/components/feedback/error-page/index.d.ts

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

package/dist/components/feedback/error-page/index.d.ts.map

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

package/dist/components/feedback/error-page/index.js

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

package/dist/components/feedback/error-page/index.js.map

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

package/dist/components/feedback/error-state/error-state.boundary.d.ts

@@ -0,0 +1,45 @@
+import { Component, type ErrorInfo, type ReactNode } from 'react';
+import { type ErrorStateProps } from './error-state.js';
+export interface ErrorStateBoundaryFallbackProps {
+    /** The error that was thrown. Log it; never show its message to the person. */
+    error: Error;
+    /** Clears the error and renders the children again. */
+    reset: () => void;
+}
+export interface ErrorStateBoundaryProps extends Pick<ErrorStateProps, 'title' | 'description' | 'retryLabel' | 'headingLevel' | 'size' | 'requestId' | 'requestIdLabel'> {
+    children?: ReactNode;
+    /**
+     * Replaces the default fallback (an ErrorState with a retry that resets the
+     * boundary). A function receives the error and `reset`.
+     */
+    fallback?: ReactNode | ((props: ErrorStateBoundaryFallbackProps) => ReactNode);
+    /** Report the error (logging, monitoring). Called once per caught error. */
+    onError?: (error: Error, info: ErrorInfo) => void;
+    /** Called after the boundary resets, from the retry button or a `resetKeys` change. */
+    onReset?: () => void;
+    /**
+     * When any value changes (by `Object.is`) while an error is shown, the
+     * boundary resets. Pass the inputs the failed panel depends on, such as the
+     * selected record id.
+     */
+    resetKeys?: readonly unknown[];
+}
+interface BoundaryState {
+    error: Error | null;
+}
+/**
+ * Error boundary for one panel or region: a render error inside it shows an
+ * ErrorState with "Try again" instead of taking down the page. The rest of the
+ * page keeps working.
+ */
+export declare class ErrorStateBoundary extends Component<ErrorStateBoundaryProps, BoundaryState> {
+    static displayName: string;
+    state: BoundaryState;
+    static getDerivedStateFromError(raw: unknown): BoundaryState;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    componentDidUpdate(prev: ErrorStateBoundaryProps): void;
+    reset: () => void;
+    render(): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}
+export {};
+//# sourceMappingURL=error-state.boundary.d.ts.map

package/dist/components/feedback/error-state/error-state.boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state.boundary.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-state/error-state.boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAIpE,MAAM,WAAW,+BAA+B;IAC9C,+EAA+E;IAC/E,KAAK,EAAE,KAAK,CAAC;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,eAAe,EACf,OAAO,GAAG,aAAa,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,gBAAgB,CAClG;IACC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,SAAS,CAAC,CAAC;IAC/E,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;CAChC;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAKD;;;;GAIG;AACH,qBAAa,kBAAmB,SAAQ,SAAS,CAAC,uBAAuB,EAAE,aAAa,CAAC;IACvF,MAAM,CAAC,WAAW,SAAwB;IAEjC,KAAK,EAAE,aAAa,CAAmB;IAEhD,MAAM,CAAC,wBAAwB,CAAC,GAAG,EAAE,OAAO,GAAG,aAAa;IAInD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS;IAI/C,kBAAkB,CAAC,IAAI,EAAE,uBAAuB;IAIzD,KAAK,aAGH;IAEO,MAAM;CAehB"}

package/dist/components/feedback/error-state/error-state.boundary.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from 'react';
+import { ErrorState } from './error-state.js';
+const changed = (a = [], b = []) => a.length !== b.length || a.some((v, i) => !Object.is(v, b[i]));
+/**
+ * Error boundary for one panel or region: a render error inside it shows an
+ * ErrorState with "Try again" instead of taking down the page. The rest of the
+ * page keeps working.
+ */
+export class ErrorStateBoundary extends Component {
+    static displayName = 'ErrorStateBoundary';
+    state = { error: null };
+    static getDerivedStateFromError(raw) {
+        return { error: raw instanceof Error ? raw : new Error(String(raw)) };
+    }
+    componentDidCatch(error, info) {
+        this.props.onError?.(error, info);
+    }
+    componentDidUpdate(prev) {
+        if (this.state.error && changed(prev.resetKeys, this.props.resetKeys))
+            this.reset();
+    }
+    reset = () => {
+        this.setState({ error: null });
+        this.props.onReset?.();
+    };
+    render() {
+        const { error } = this.state;
+        if (!error)
+            return this.props.children;
+        const { fallback, children: _children, onError: _e, onReset: _r, resetKeys: _k, ...rest } = this.props;
+        if (typeof fallback === 'function')
+            return fallback({ error, reset: this.reset });
+        if (fallback !== undefined)
+            return fallback;
+        return _jsx(ErrorState, { ...rest, onRetry: this.reset });
+    }
+}
+//# sourceMappingURL=error-state.boundary.js.map

package/dist/components/feedback/error-state/error-state.boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state.boundary.js","sourceRoot":"","sources":["../../../../src/components/feedback/error-state/error-state.boundary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,UAAU,EAAwB,MAAM,kBAAkB,CAAC;AAqCpE,MAAM,OAAO,GAAG,CAAC,IAAwB,EAAE,EAAE,IAAwB,EAAE,EAAE,EAAE,CACzE,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAEjE;;;;GAIG;AACH,MAAM,OAAO,kBAAmB,SAAQ,SAAiD;IACvF,MAAM,CAAC,WAAW,GAAG,oBAAoB,CAAC;IAEjC,KAAK,GAAkB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAEhD,MAAM,CAAC,wBAAwB,CAAC,GAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;IACxE,CAAC;IAEQ,iBAAiB,CAAC,KAAY,EAAE,IAAe;QACtD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpC,CAAC;IAEQ,kBAAkB,CAAC,IAA6B;QACvD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;YAAE,IAAI,CAAC,KAAK,EAAE,CAAC;IACtF,CAAC;IAED,KAAK,GAAG,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;IACzB,CAAC,CAAC;IAEO,MAAM;QACb,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7B,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACvC,MAAM,EACJ,QAAQ,EACR,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,EAAE,EACX,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,EACb,GAAG,IAAI,EACR,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,IAAI,OAAO,QAAQ,KAAK,UAAU;YAAE,OAAO,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAClF,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO,QAAQ,CAAC;QAC5C,OAAO,KAAC,UAAU,OAAK,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,GAAI,CAAC;IACvD,CAAC"}

package/dist/components/feedback/error-state/error-state.d.ts

@@ -0,0 +1,51 @@
+import { type ReactNode } from 'react';
+import { type EmptyStateProps } from '../empty-state/index.js';
+/**
+ * What went wrong, in terms the interface can act on. The product maps its
+ * own errors to a kind (see `errorKindFromStatus`) and still writes the copy.
+ *
+ * - `error`: something failed; retrying may help (the default).
+ * - `forbidden`: the person may not see this; retrying will not help.
+ * - `not-found`: the thing does not exist (or no longer does).
+ * - `offline`: the request never reached the server.
+ * - `server`: the server failed; retrying later may help.
+ * - `maintenance`: the service is deliberately unavailable for a while.
+ */
+export type ErrorKind = 'error' | 'forbidden' | 'not-found' | 'offline' | 'server' | 'maintenance';
+export interface ErrorKindOptions {
+    /** True when the browser reports no network (`navigator.onLine === false`). */
+    offline?: boolean;
+}
+/**
+ * Maps an HTTP status to an `ErrorKind`. Pure and framework-free: pass the
+ * status from your own API client. `0`, `undefined` with `offline`, or
+ * `offline: true` give `offline`; 401 and 403 give `forbidden`; 404 and 410
+ * give `not-found`; 5xx give `server`; everything else gives `error`.
+ * `maintenance` is never inferred: the product decides when it applies.
+ */
+export declare function errorKindFromStatus(status?: number | null, options?: ErrorKindOptions): ErrorKind;
+/** The default decorative icon for an error kind (used by ErrorState and ErrorPage). */
+export declare function errorKindIcon(kind: ErrorKind): ReactNode;
+export interface ErrorStateProps extends Omit<EmptyStateProps, 'actions' | 'icon' | 'kind'> {
+    /** Retry handler; renders a "Try again" button (not for `forbidden` or `not-found`). */
+    onRetry?: () => void;
+    retryLabel?: string;
+    /** Shows the retry button as busy while a retry is in flight. */
+    retrying?: boolean;
+    /** Extra actions next to retry. */
+    actions?: ReactNode;
+    /** Replaces the kind's default icon. */
+    icon?: ReactNode;
+    /** What went wrong. Sets the default icon and whether retry is offered. Exposed as `data-kind`. */
+    kind?: ErrorKind;
+    /**
+     * The request id from the failed response, shown in monospace with a copy
+     * button so the person can quote it to support.
+     */
+    requestId?: string;
+    /** Label before the request id. Default "Request ID". */
+    requestIdLabel?: string;
+}
+/** Something failed to load. Say what failed and offer a retry. */
+export declare const ErrorState: import("react").ForwardRefExoticComponent<ErrorStateProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=error-state.d.ts.map

package/dist/components/feedback/error-state/error-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-state.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-state/error-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAU3E;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAKnG,MAAM,WAAW,gBAAgB;IAC/B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,EACtB,OAAO,GAAE,gBAAqB,GAC7B,SAAS,CAOX;AAWD,wFAAwF;AACxF,wBAAgB,aAAa,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CAExD;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACzF,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wCAAwC;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,mGAAmG;IACnG,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,mEAAmE;AACnE,eAAO,MAAM,UAAU,4GAmDrB,CAAC"}

package/dist/components/feedback/error-state/error-state.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { Button } from '../../actions/button/index.js';
+import { CopyButton } from '../../actions/copy-button/index.js';
+import { EmptyState } from '../empty-state/index.js';
+import { ErrorGlyph, LockGlyph, OfflineGlyph, SearchGlyph, WarningGlyph, WrenchGlyph, } from '../../../internal/icons.js';
+/** Kinds where a retry cannot change the outcome, so no retry button is shown. */
+const NO_RETRY = new Set(['forbidden', 'not-found']);
+/**
+ * Maps an HTTP status to an `ErrorKind`. Pure and framework-free: pass the
+ * status from your own API client. `0`, `undefined` with `offline`, or
+ * `offline: true` give `offline`; 401 and 403 give `forbidden`; 404 and 410
+ * give `not-found`; 5xx give `server`; everything else gives `error`.
+ * `maintenance` is never inferred: the product decides when it applies.
+ */
+export function errorKindFromStatus(status, options = {}) {
+    if (options.offline || status === 0)
+        return 'offline';
+    if (status == null)
+        return 'error';
+    if (status === 401 || status === 403)
+        return 'forbidden';
+    if (status === 404 || status === 410)
+        return 'not-found';
+    if (status >= 500 && status <= 599)
+        return 'server';
+    return 'error';
+}
+const KIND_ICON = {
+    error: () => _jsx(WarningGlyph, {}),
+    forbidden: () => _jsx(LockGlyph, {}),
+    'not-found': () => _jsx(SearchGlyph, {}),
+    offline: () => _jsx(OfflineGlyph, {}),
+    server: () => _jsx(ErrorGlyph, {}),
+    maintenance: () => _jsx(WrenchGlyph, {}),
+};
+/** The default decorative icon for an error kind (used by ErrorState and ErrorPage). */
+export function errorKindIcon(kind) {
+    return KIND_ICON[kind]();
+}
+/** Something failed to load. Say what failed and offer a retry. */
+export const ErrorState = forwardRef(function ErrorState({ title, description, onRetry, retryLabel = 'Try again', retrying = false, actions, icon, kind = 'error', requestId, requestIdLabel = 'Request ID', className, children, ...rest }, ref) {
+    const canRetry = onRetry && !NO_RETRY.has(kind);
+    return (_jsxs(EmptyState, { ref: ref, ...rest, role: "alert", className: cx('mn-error-state', className), "data-kind": kind === 'error' ? undefined : kind, icon: icon ?? errorKindIcon(kind), title: title, description: description, actions: canRetry || actions ? (_jsxs(_Fragment, { children: [canRetry ? (_jsx(Button, { variant: "primary", loading: retrying, onClick: onRetry, children: retryLabel })) : null, actions] })) : undefined, children: [children, requestId ? (_jsxs("p", { className: "mn-error-state__request-id", children: [_jsxs("span", { children: [requestIdLabel, ":"] }), " ", _jsx("code", { children: requestId }), _jsx(CopyButton, { value: requestId, iconOnly: true, size: "xs", label: `Copy ${requestIdLabel}` })] })) : null] }));
+});
+//# sourceMappingURL=error-state.js.map

package/dist/components/feedback/error-state/error-state.js.map

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

package/dist/components/feedback/error-state/index.d.ts

@@ -0,0 +1,3 @@
+export * from './error-state.js';
+export * from './error-state.boundary.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/error-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/error-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}

package/dist/components/feedback/error-state/index.js

@@ -0,0 +1,3 @@
+export * from './error-state.js';
+export * from './error-state.boundary.js';
+//# sourceMappingURL=index.js.map

package/dist/components/feedback/error-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/feedback/error-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}

package/dist/components/feedback/inline-error-retry/index.d.ts

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

package/dist/components/feedback/inline-error-retry/index.d.ts.map

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

package/dist/components/feedback/inline-error-retry/index.js

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

package/dist/components/feedback/inline-error-retry/index.js.map

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

package/dist/components/feedback/inline-error-retry/inline-error-retry.d.ts

@@ -0,0 +1,41 @@
+import { type HTMLAttributes, type ReactNode, type RefObject } from 'react';
+export type InlineErrorRetryFocusTarget = RefObject<HTMLElement | null> | (() => HTMLElement | null | undefined);
+export interface InlineErrorRetryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** The failure in plain words, e.g. "Your earnings didn't load." Supplied by the product. */
+    children: ReactNode;
+    /**
+     * Called by Try again. Return a promise (a refetch) and the button stays busy
+     * until it settles; or control the busy state with `retrying`.
+     */
+    onRetry: () => unknown;
+    /** Controlled busy state. When set, the returned promise is not tracked. */
+    retrying?: boolean;
+    /** Retry button text. Default "Try again". */
+    retryLabel?: string;
+    /** Announced politely when a retry starts. Default "Retrying". */
+    retryingMessage?: string;
+    /**
+     * `inline` (default) is a compact row inside a card or section; `banner` is
+     * a tinted, bordered strip, for example above stale data that is still shown.
+     */
+    variant?: 'inline' | 'banner';
+    /** `danger` (default) when nothing could load; `warning` when stale data is still shown. */
+    tone?: 'danger' | 'warning';
+    /** Replaces the warning icon. Pass `null` for none. Decorative. */
+    icon?: ReactNode | null;
+    /** Extra actions after Try again, such as a link to a status page. */
+    actions?: ReactNode;
+    /**
+     * Where focus goes if this row unmounts while it holds focus, which usually
+     * means the retry worked and the content replaced it. Pass a ref or a
+     * function returning the element (the loaded region's heading, say).
+     */
+    returnFocusTo?: InlineErrorRetryFocusTarget;
+}
+/**
+ * A compact "this part didn't load" row with Try again. It is announced when
+ * it appears and again when a retry fails; focus stays on Try again while the
+ * retry runs and moves to `returnFocusTo` if the row goes away.
+ */
+export declare const InlineErrorRetry: import("react").ForwardRefExoticComponent<InlineErrorRetryProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=inline-error-retry.d.ts.map

package/dist/components/feedback/inline-error-retry/inline-error-retry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-error-retry.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/inline-error-retry/inline-error-retry.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,2BAA2B,GACrC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAEzE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,6FAA6F;IAC7F,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,4FAA4F;IAC5F,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,2BAA2B,CAAC;CAC7C;AAKD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,kHAiH5B,CAAC"}