@molecule/app-ui-react 1.0.2 → 1.2.0

package/dist/components/ConfirmButton.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ConfirmButton component.
+ *
+ * @module
+ */
+import { forwardRef, useEffect, useRef, useState } from 'react';
+import { useTranslation } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+/**
+ * Two-step destructive-action button: the first click ARMS it ("Confirm?"),
+ * the second commits. Auto-disarms after {@link ConfirmButtonProps.disarmSeconds}
+ * (default 4s) so an armed-then-abandoned row can't surprise anyone later.
+ *
+ * Replaces the fleet's hand-rolled arm-confirm pattern (previously
+ * reimplemented per app — button flips, dialogs, `window.confirm`, or worse,
+ * nothing at all) with one accessible, touch-friendly implementation:
+ * the whole button is the target (≥36px via the button CVA), the armed
+ * state is announced through `aria-live`, and Escape disarms.
+ *
+ * @example
+ * ```tsx
+ * <ConfirmButton
+ *   label="Delete"
+ *   confirmLabel="Confirm delete?"
+ *   onConfirm={() => deleteClient(client.id)}
+ *   testId="client-delete"
+ * />
+ * ```
+ */
+export const ConfirmButton = forwardRef(({ onConfirm, label, confirmLabel, pendingLabel, disarmSeconds = 4, disabled, testId, className, color, size, variant, ...rest }, ref) => {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const [phase, setPhase] = useState('idle');
+    const disarmTimer = useRef(null);
+    const disarm = () => {
+        if (disarmTimer.current)
+            clearTimeout(disarmTimer.current);
+        disarmTimer.current = null;
+        setPhase('idle');
+    };
+    useEffect(() => () => {
+        if (disarmTimer.current)
+            clearTimeout(disarmTimer.current);
+    }, []);
+    useEffect(() => {
+        if (phase !== 'armed' || disarmSeconds <= 0)
+            return;
+        disarmTimer.current = setTimeout(disarm, disarmSeconds * 1000);
+        return () => {
+            if (disarmTimer.current)
+                clearTimeout(disarmTimer.current);
+        };
+    }, [phase, disarmSeconds]);
+    useEffect(() => {
+        if (phase !== 'armed')
+            return;
+        const onKey = (e) => {
+            if (e.key === 'Escape')
+                disarm();
+        };
+        window.addEventListener('keydown', onKey);
+        return () => window.removeEventListener('keydown', onKey);
+    }, [phase]);
+    const handleClick = async () => {
+        if (phase === 'idle') {
+            setPhase('armed');
+            return;
+        }
+        if (phase === 'pending')
+            return;
+        setPhase('pending');
+        try {
+            await onConfirm();
+        }
+        finally {
+            setPhase('idle');
+        }
+    };
+    const visibleLabel = phase === 'pending'
+        ? (pendingLabel ?? t('confirmButton.pending', {}, { defaultValue: 'Working…' }))
+        : phase === 'armed'
+            ? (confirmLabel ?? t('confirmButton.confirm', {}, { defaultValue: 'Confirm?' }))
+            : label;
+    return (_jsx("button", { ref: ref, type: "button", onClick: () => void handleClick(), disabled: disabled || phase === 'pending', "aria-live": "polite", "data-state": phase, "data-testid": testId, className: cm.cn(cm.button({ color: phase === 'armed' ? 'error' : (color ?? 'primary'), size, variant }), className), ...rest, children: visibleLabel }));
+});
+ConfirmButton.displayName = 'ConfirmButton';
+//# sourceMappingURL=ConfirmButton.js.map

package/dist/components/ConfirmButton.js.map

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

package/dist/components/ConfirmDialog.d.ts

@@ -0,0 +1,71 @@
+/**
+ * ConfirmDialog component — the shared "Are you sure?" modal.
+ *
+ * Promoted from `@molecule/app-danger-zone-react` (2026-09-24) so every app
+ * confirms destructive actions through the framework bundle instead of
+ * hand-rolling `window.confirm` (broken headless + on touch) or reaching for
+ * the danger-zone feature package just to render one dialog. For an INLINE
+ * two-click arm/commit affordance use {@link ConfirmButton}; for a dialog
+ * that also collects text use {@link PromptDialog}.
+ *
+ * @example
+ * ```tsx
+ * import { ConfirmDialog } from '@molecule/app-ui-react'
+ *
+ * <ConfirmDialog
+ *   open={confirmOpen}
+ *   onClose={() => setConfirmOpen(false)}
+ *   title="Delete vault?"
+ *   description="This action cannot be undone."
+ *   confirmLabel={t('vault.delete', {}, { defaultValue: 'Delete' })}
+ *   onConfirm={handleDelete}
+ * />
+ * ```
+ *
+ * @remarks
+ * Does NOT track `onConfirm`'s promise and does NOT close itself on confirm:
+ * set `loading` yourself while the action runs, then call `onClose()` when it
+ * settles — otherwise users can double-fire the destructive action or be left
+ * staring at an open dialog. Cancel/Confirm fall back to the `confirm.*`
+ * i18n keys (companion bond: `@molecule/app-locales-danger-zone`); pass
+ * `confirmLabel`/`cancelLabel` for action-specific wording ("Delete",
+ * "Revoke"). `destructive` (default true) only switches the confirm button
+ * color. `data-mol-id` for e2e locators goes on YOUR trigger button; the
+ * dialog's own buttons are text-labeled ("Cancel"/confirm label) so
+ * `getByRole('button', { name })` reaches them.
+ *
+ * @module
+ */
+import type { JSX, ReactNode } from 'react';
+/** Props for {@link ConfirmDialog}. */
+export interface ConfirmDialogProps {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** Called when the dialog should close (escape, backdrop, cancel). */
+    onClose: () => void;
+    /** Title. */
+    title: ReactNode;
+    /** Body / warning text. */
+    description: ReactNode;
+    /** Confirm-button label (e.g. "Delete"). */
+    confirmLabel?: ReactNode;
+    /** Cancel-button label. */
+    cancelLabel?: ReactNode;
+    /** Called when the user confirms. */
+    onConfirm: () => void | Promise<void>;
+    /** Is the confirm action destructive? Defaults to true. */
+    destructive?: boolean;
+    /** Extra body content between description and footer. */
+    children?: ReactNode;
+    /** Disables both buttons. Set it yourself while your `onConfirm` promise is pending — the dialog does not track it and does not auto-close. */
+    loading?: boolean;
+}
+/**
+ * Are-you-sure-style confirmation modal for destructive actions.
+ *
+ * Use standalone (around delete buttons, revoke tokens, irreversible
+ * migrations) or with a DangerZoneSection action.
+ * @param props - Component props (see {@link ConfirmDialogProps}).
+ */
+export declare function ConfirmDialog({ open, onClose, title, description, confirmLabel, cancelLabel, onConfirm, destructive, children, loading, }: ConfirmDialogProps): JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

package/dist/components/ConfirmDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../src/components/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3C,uCAAuC;AACvC,MAAM,WAAW,kBAAkB;IACjC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,2BAA2B;IAC3B,WAAW,EAAE,SAAS,CAAA;IACtB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,+IAA+I;IAC/I,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAkB,EAClB,QAAQ,EACR,OAAO,GACR,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA2BlC"}

package/dist/components/ConfirmDialog.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { Button } from './Button.js';
+import { Modal } from './Modal.js';
+/**
+ * Are-you-sure-style confirmation modal for destructive actions.
+ *
+ * Use standalone (around delete buttons, revoke tokens, irreversible
+ * migrations) or with a DangerZoneSection action.
+ * @param props - Component props (see {@link ConfirmDialogProps}).
+ */
+export function ConfirmDialog({ open, onClose, title, description, confirmLabel, cancelLabel, onConfirm, destructive = true, children, loading, }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    return (_jsx(Modal, { open: open, onClose: onClose, children: _jsxs("div", { className: cm.stack(3), children: [_jsx("h2", { className: cm.cn(cm.textSize('lg'), cm.fontWeight('bold')), children: title }), _jsx("p", { className: cm.textSize('sm'), children: description }), children, _jsxs("div", { className: cm.flex({ justify: 'end', gap: 'sm' }), children: [_jsx(Button, { variant: "ghost", onClick: onClose, disabled: loading, children: cancelLabel ?? t('confirm.cancel', {}, { defaultValue: 'Cancel' }) }), _jsx(Button, { variant: "solid", color: destructive ? 'error' : 'primary', onClick: () => void onConfirm(), disabled: loading, children: loading
+                                ? '…'
+                                : (confirmLabel ?? t('confirm.confirm', {}, { defaultValue: 'Confirm' })) })] })] }) }));
+}
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/components/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../src/components/ConfirmDialog.tsx"],"names":[],"mappings":";AAyCA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AA0BlC;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,OAAO,GACY;IACnB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YACjC,eAAK,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,aACzB,aAAI,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,YAAG,KAAK,GAAM,EAC5E,YAAG,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAG,WAAW,GAAK,EACjD,QAAQ,EACT,eAAK,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,aACpD,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,YACxD,WAAW,IAAI,CAAC,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,GAC5D,EACT,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,SAAS,EAAE,EAC/B,QAAQ,EAAE,OAAO,YAEhB,OAAO;gCACN,CAAC,CAAC,GAAG;gCACL,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,GACpE,IACL,IACF,GACA,CACT,CAAA;AACH,CAAC"}

package/dist/components/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE5D;;;;;;;GAOG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,QAAQ,CAAC,aAAa,CAAC,EACvB,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CACxC;IACC;;;;;OAKG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwD1F"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE5D;;;;;;;GAOG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,QAAQ,CAAC,aAAa,CAAC,EACvB,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CACxC;IACC;;;;;OAKG;IACH,IAAI,EAAE,QAAQ,CAAA;IACd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiF1F"}

package/dist/components/Icon.js

@@ -24,7 +24,18 @@ import { getIcon } from '@molecule/app-icons';
  * @returns An `<svg>` element rendering the named glyph.
  */
 export function Icon({ name, size = 20, className, ...rest }) {
-    const icon = getIcon(name);
+    // Graceful degradation: an icon name missing from the bonded set (icon-set
+    // version skew, a custom-set with a smaller catalog) must NOT crash the
+    // whole app — multi-vendor-marketplace shipped a dead app over this. Warn
+    // once per name and render a neutral placeholder circle instead.
+    let icon;
+    try {
+        icon = getIcon(name);
+    }
+    catch (error) {
+        console.warn(`Icon: no bonded glyph for "${name}" — rendering a placeholder.`, error);
+        return (_jsx("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, "aria-hidden": rest['aria-label'] == null && rest['aria-labelledby'] == null && rest.role == null, focusable: "false", ...rest, children: _jsx("circle", { cx: "10", cy: "10", r: "8", fill: "currentColor", opacity: "0.15" }) }));
+    }
     const viewBox = icon.viewBox || '0 0 20 20';
     // Placed BEFORE {...rest} so an explicit caller aria-hidden/role wins.
     const decorativeProps = rest['aria-label'] == null && rest['aria-labelledby'] == null && rest.role == null

package/dist/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAiB,MAAM,qBAAqB,CAAA;AA2B5D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,EAAa;IACrE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,WAAW,CAAA;IAC3C,uEAAuE;IACvE,MAAM,eAAe,GACnB,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI;QAChF,CAAC,CAAE,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAY;QACxD,CAAC,CAAC,EAAE,CAAA;IAER,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;QACb,OAAO,CACL,cACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,MAAM,EACzB,SAAS,EAAE,SAAS,EACpB,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,KACzC,eAAe,KACf,IAAI,GACR,CACH,CAAA;IACH,CAAC;IAED,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM,CAAA;IAE/B,OAAO,CACL,cACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,cAAc,KAClD,eAAe,KACf,CAAC,SAAS;YACZ,CAAC,CAAC;gBACE,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,cAAc,EAAE,IAAI,CAAC,cAAc;aACpC;YACH,CAAC,CAAC,EAAE,CAAC,EACP,SAAS,EAAE,SAAS,KAChB,IAAI,YAEP,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,eAEE,CAAC,EAAE,CAAC,CAAC,CAAC,KACF,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAChC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5C,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC5C,CAAC,CAAC,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IALtD,CAAC,CAMN,CACH,CAAC,GACE,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":"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"}

package/dist/components/LoadErrorBanner.d.ts

@@ -0,0 +1,71 @@
+/**
+ * LoadErrorBanner component — the shared "load failed" banner with Retry.
+ *
+ * The fleet hand-rolled this in dozens of apps (an error line + a Retry
+ * button, each drifting in wording, styling, and pending behavior). Use it
+ * wherever a page/section fetch FAILS — it pairs with `Skeleton` for the
+ * loading state and `EmptyState` for the empty one. For form-submit errors
+ * use `<Alert status="error">` instead; this banner is specifically the
+ * load-failure-with-retry pattern, and its Retry button owns the
+ * pending/disabled state so the caller cannot double-fire it.
+ *
+ * @example
+ * ```tsx
+ * import { LoadErrorBanner } from '@molecule/app-ui-react'
+ *
+ * {error ? (
+ *   <LoadErrorBanner
+ *     message={t('decks.loadFailed', {}, { defaultValue: 'Could not load decks.' })}
+ *     onRetry={load} // return the promise — pending state is automatic
+ *   />
+ * ) : (
+ *   <DeckList decks={decks} />
+ * )}
+ * ```
+ *
+ * @remarks
+ * Pass `onRetry` as a promise-returning function; while it is pending the
+ * retry button is disabled and shows a localized "Retrying…" label, and a
+ * rejection is NOT swallowed silently — the banner stays (callers render
+ * persistent failure by keeping `error` set, which keeps this banner
+ * mounted). Omit `onRetry` and no retry button renders (display-only
+ * failure). `data-mol-id` on the ROOT goes through rest props (fleet
+ * locator convention); the retry button carries `retryMolId`
+ * (default `load-error-retry`) so e2e can click it without knowing the
+ * page. Announced politely (`role="status"` via the inner Alert's
+ * `live={false}`) — a load failure on initial render has nothing to
+ * interrupt.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+import React from 'react';
+/**
+ * Props for {@link LoadErrorBanner}. Rest props are forwarded to the root
+ * `<div>`, so they are typed as its attributes.
+ */
+export interface LoadErrorBannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** The primary error line (e.g. the localized "Could not load X."). */
+    message: React.ReactNode;
+    /** Secondary line under the message (status code, hint). */
+    detail?: React.ReactNode;
+    /**
+     * Called when Retry is clicked. Return the promise; while pending, the
+     * button is disabled and shows "Retrying…". Omit for a display-only
+     * banner.
+     */
+    onRetry?: () => void | Promise<void>;
+    /** Retry-button label. Falls back to a localized "Retry". */
+    retryLabel?: React.ReactNode;
+    /** `data-mol-id` for the retry button (default `load-error-retry`). */
+    retryMolId?: string;
+    /** Extra content between message and retry row (e.g. an error code). */
+    children?: React.ReactNode;
+}
+/**
+ * Error banner with an owned pending-state Retry button.
+ *
+ * @param props - Component props (see {@link LoadErrorBannerProps}).
+ */
+export declare function LoadErrorBanner({ message, detail, onRetry, retryLabel, retryMolId, children, ...rest }: LoadErrorBannerProps): JSX.Element;
+//# sourceMappingURL=LoadErrorBanner.d.ts.map

package/dist/components/LoadErrorBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadErrorBanner.d.ts","sourceRoot":"","sources":["../../src/components/LoadErrorBanner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAQvC;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,uEAAuE;IACvE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAA+B,EAC/B,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA4CpC"}

package/dist/components/LoadErrorBanner.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useTranslation } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { Alert } from './Alert.js';
+import { Button } from './Button.js';
+/**
+ * Error banner with an owned pending-state Retry button.
+ *
+ * @param props - Component props (see {@link LoadErrorBannerProps}).
+ */
+export function LoadErrorBanner({ message, detail, onRetry, retryLabel, retryMolId = 'load-error-retry', children, ...rest }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const [pending, setPending] = useState(false);
+    const handleRetry = () => {
+        if (!onRetry || pending)
+            return;
+        setPending(true);
+        // A rejected retry means "still failing": the caller owns that error and
+        // keeps showing the banner, so ignoring it here only stops it becoming an
+        // unhandled rejection.
+        void Promise.resolve(onRetry())
+            .catch((_error) => undefined)
+            .finally(() => setPending(false));
+    };
+    return (_jsx("div", { ...rest, children: _jsx(Alert, { status: "error", live: false, children: _jsxs("div", { className: cm.stack(2), children: [_jsx("p", { className: cm.textSize('sm'), children: message }), detail ? (_jsx("p", { className: cm.cn(cm.textSize('xs'), 'text-on-surface-variant'), children: detail })) : null, children, onRetry ? (_jsx("div", { className: cm.flex({ justify: 'start' }), children: _jsx(Button, { variant: "outline", size: "sm", onClick: handleRetry, disabled: pending, "data-mol-id": retryMolId, children: pending
+                                ? t('loadError.retrying', {}, { defaultValue: 'Retrying…' })
+                                : (retryLabel ?? t('loadError.retry', {}, { defaultValue: 'Retry' })) }) })) : null] }) }) }));
+}
+//# sourceMappingURL=LoadErrorBanner.js.map

package/dist/components/LoadErrorBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadErrorBanner.js","sourceRoot":"","sources":["../../src/components/LoadErrorBanner.tsx"],"names":[],"mappings":";AA0CA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AA4BpC;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,MAAM,EACN,OAAO,EACP,UAAU,EACV,UAAU,GAAG,kBAAkB,EAC/B,QAAQ,EACR,GAAG,IAAI,EACc;IACrB,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,MAAM,WAAW,GAAG,GAAS,EAAE;QAC7B,IAAI,CAAC,OAAO,IAAI,OAAO;YAAE,OAAM;QAC/B,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,yEAAyE;QACzE,0EAA0E;QAC1E,uBAAuB;QACvB,KAAK,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;aAC5B,KAAK,CAAC,CAAC,MAAe,EAAE,EAAE,CAAC,SAAS,CAAC;aACrC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;IACrC,CAAC,CAAA;IAED,OAAO,CACL,iBAAS,IAAI,YACX,KAAC,KAAK,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAE,KAAK,YAC/B,eAAK,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,aACzB,YAAG,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAG,OAAO,GAAK,EAC7C,MAAM,CAAC,CAAC,CAAC,CACR,YAAG,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,yBAAyB,CAAC,YAAG,MAAM,GAAK,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,YAC3C,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,OAAO,iBACJ,UAAU,YAEtB,OAAO;gCACN,CAAC,CAAC,CAAC,CAAC,oBAAoB,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;gCAC5D,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,GAChE,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACA,GACJ,CACP,CAAA;AACH,CAAC"}

package/dist/components/PromptDialog.d.ts

@@ -0,0 +1,91 @@
+/**
+ * PromptDialog component — the shared "ask for a short string" modal.
+ *
+ * The shared home for what `window.prompt` used to do (renaming, renaming a
+ * board, creating a tag, "invite by email"). `window.prompt` is broken
+ * headless (it hangs e2e) and awkward on touch; this renders the same
+ * interaction as a real dialog built on {@link Modal}. For a confirm WITHOUT
+ * an input use {@link ConfirmDialog}; for an INLINE two-click arm/commit
+ * button use {@link ConfirmButton}.
+ *
+ * @example
+ * ```tsx
+ * import { PromptDialog } from '@molecule/app-ui-react'
+ *
+ * <PromptDialog
+ *   open={renameOpen}
+ *   onClose={() => setRenameOpen(false)}
+ *   title={t('board.renameTitle', {}, { defaultValue: 'Rename board' })}
+ *   placeholder={t('board.namePlaceholder', {}, { defaultValue: 'Board name' })}
+ *   initialValue={board.name}
+ *   confirmLabel={t('common.save', {}, { defaultValue: 'Save' })}
+ *   onSubmit={async (name) => {
+ *     await renameBoard(board.id, name) // resolve → dialog closes
+ *   }}
+ * />
+ * ```
+ *
+ * @remarks
+ * `onSubmit` receives the RAW entered value (no trimming — the caller owns
+ * validation). Resolve it and the dialog closes and resets; reject or throw
+ * and the dialog STAYS OPEN with the value intact — render your error
+ * message through `children` (e.g. an `<Alert status="error">`), since the
+ * rejection itself is deliberately swallowed here. While the promise is
+ * pending the input and both buttons are disabled, so the action cannot
+ * double-fire. Enter submits; Escape and the backdrop cancel exactly like a
+ * Modal. Optional `inputMolId` / `confirmMolId` / `cancelMolId` render as
+ * `data-mol-id` attributes for e2e locators; the buttons are also
+ * text-labeled so `getByRole('button', { name })` reaches them.
+ *
+ * WIZARD GOTCHA (learned the hard way, fleet migration 2026-09-24): a
+ * fulfilled submit calls `onClose()` — "close", not "cancel". A multi-stage
+ * flow that advances its stage INSIDE `onSubmit` gets clobbered if its
+ * `onClose` unconditionally resets to idle (the auto-close fires right
+ * after the stage advance). Make `onClose` stage-aware via functional
+ * state (`setStage((cur) => (cur === 'name' ? 'idle' : cur))`) so cancel
+ * still resets but the post-submit auto-close doesn't undo the advance.
+ *
+ * @module
+ */
+import React, { type JSX } from 'react';
+/** Props for {@link PromptDialog}. */
+export interface PromptDialogProps {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** Called when the dialog should close (escape, backdrop, cancel, or a fulfilled {@link PromptDialogProps.onSubmit}). */
+    onClose: () => void;
+    /** Dialog heading. */
+    title: React.ReactNode;
+    /** Explanatory line under the title. */
+    description?: React.ReactNode;
+    /** Input placeholder. */
+    placeholder?: string;
+    /** Value the input starts from every time the dialog opens. */
+    initialValue?: string;
+    /**
+     * Called with the entered value on confirm. Resolve to close the dialog;
+     * reject or throw to keep it open (show the error via {@link PromptDialogProps.children}).
+     */
+    onSubmit: (value: string) => void | Promise<void>;
+    /** Confirm-button label. Falls back to a localized "Confirm". */
+    confirmLabel?: React.ReactNode;
+    /** Cancel-button label. Falls back to a localized "Cancel". */
+    cancelLabel?: React.ReactNode;
+    /** Render the confirm button in the error color (e.g. an irreversible reset). */
+    destructive?: boolean;
+    /** `data-mol-id` for the text input. */
+    inputMolId?: string;
+    /** `data-mol-id` for the confirm button. */
+    confirmMolId?: string;
+    /** `data-mol-id` for the cancel button. */
+    cancelMolId?: string;
+    /** Extra body content under the input (error banners, hints). */
+    children?: React.ReactNode;
+}
+/**
+ * Modal that asks the user for a short string, replacing `window.prompt`.
+ *
+ * @param props - Component props (see {@link PromptDialogProps}).
+ */
+export declare function PromptDialog({ open, onClose, title, description, placeholder, initialValue, onSubmit, confirmLabel, cancelLabel, destructive, inputMolId, confirmMolId, cancelMolId, children, }: PromptDialogProps): JSX.Element;
+//# sourceMappingURL=PromptDialog.d.ts.map

package/dist/components/PromptDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptDialog.d.ts","sourceRoot":"","sources":["../../src/components/PromptDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAEH,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAuB,MAAM,OAAO,CAAA;AAS5D,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,yHAAyH;IACzH,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACjD,iEAAiE;IACjE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAmB,EACnB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,QAAQ,GACT,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAoEjC"}

package/dist/components/PromptDialog.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PromptDialog component — the shared "ask for a short string" modal.
+ *
+ * The shared home for what `window.prompt` used to do (renaming, renaming a
+ * board, creating a tag, "invite by email"). `window.prompt` is broken
+ * headless (it hangs e2e) and awkward on touch; this renders the same
+ * interaction as a real dialog built on {@link Modal}. For a confirm WITHOUT
+ * an input use {@link ConfirmDialog}; for an INLINE two-click arm/commit
+ * button use {@link ConfirmButton}.
+ *
+ * @example
+ * ```tsx
+ * import { PromptDialog } from '@molecule/app-ui-react'
+ *
+ * <PromptDialog
+ *   open={renameOpen}
+ *   onClose={() => setRenameOpen(false)}
+ *   title={t('board.renameTitle', {}, { defaultValue: 'Rename board' })}
+ *   placeholder={t('board.namePlaceholder', {}, { defaultValue: 'Board name' })}
+ *   initialValue={board.name}
+ *   confirmLabel={t('common.save', {}, { defaultValue: 'Save' })}
+ *   onSubmit={async (name) => {
+ *     await renameBoard(board.id, name) // resolve → dialog closes
+ *   }}
+ * />
+ * ```
+ *
+ * @remarks
+ * `onSubmit` receives the RAW entered value (no trimming — the caller owns
+ * validation). Resolve it and the dialog closes and resets; reject or throw
+ * and the dialog STAYS OPEN with the value intact — render your error
+ * message through `children` (e.g. an `<Alert status="error">`), since the
+ * rejection itself is deliberately swallowed here. While the promise is
+ * pending the input and both buttons are disabled, so the action cannot
+ * double-fire. Enter submits; Escape and the backdrop cancel exactly like a
+ * Modal. Optional `inputMolId` / `confirmMolId` / `cancelMolId` render as
+ * `data-mol-id` attributes for e2e locators; the buttons are also
+ * text-labeled so `getByRole('button', { name })` reaches them.
+ *
+ * WIZARD GOTCHA (learned the hard way, fleet migration 2026-09-24): a
+ * fulfilled submit calls `onClose()` — "close", not "cancel". A multi-stage
+ * flow that advances its stage INSIDE `onSubmit` gets clobbered if its
+ * `onClose` unconditionally resets to idle (the auto-close fires right
+ * after the stage advance). Make `onClose` stage-aware via functional
+ * state (`setStage((cur) => (cur === 'name' ? 'idle' : cur))`) so cancel
+ * still resets but the post-submit auto-close doesn't undo the advance.
+ *
+ * @module
+ */
+import { useEffect, useState } from 'react';
+import { useTranslation } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { Button } from './Button.js';
+import { Input } from './Input.js';
+import { Modal } from './Modal.js';
+/**
+ * Modal that asks the user for a short string, replacing `window.prompt`.
+ *
+ * @param props - Component props (see {@link PromptDialogProps}).
+ */
+export function PromptDialog({ open, onClose, title, description, placeholder, initialValue = '', onSubmit, confirmLabel, cancelLabel, destructive = false, inputMolId, confirmMolId, cancelMolId, children, }) {
+    const cm = getClassMap();
+    const { t } = useTranslation();
+    const [value, setValue] = useState(initialValue);
+    const [pending, setPending] = useState(false);
+    // Re-seed from initialValue each open so a reopened dialog shows the
+    // CURRENT value, not whatever the user typed last time.
+    useEffect(() => {
+        if (open) {
+            setValue(initialValue);
+            setPending(false);
+        }
+    }, [open, initialValue]);
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (pending)
+            return;
+        setPending(true);
+        void Promise.resolve(onSubmit(value))
+            .then(() => onClose())
+            .catch(() => {
+            // Deliberate: a rejection keeps the dialog open (see @remarks);
+            // the caller renders the error through `children`.
+            setPending(false);
+        });
+    };
+    return (_jsx(Modal, { open: open, onClose: pending ? () => { } : onClose, children: _jsx("form", { onSubmit: handleSubmit, children: _jsxs("div", { className: cm.stack(3), children: [_jsx("h2", { className: cm.cn(cm.textSize('lg'), cm.fontWeight('bold')), children: title }), description ? _jsx("p", { className: cm.textSize('sm'), children: description }) : null, _jsx(Input, { value: value, onChange: (e) => setValue(e.target.value), placeholder: placeholder, "aria-label": typeof title === 'string' ? title : placeholder, disabled: pending, autoFocus: true, "data-mol-id": inputMolId }), children, _jsxs("div", { className: cm.flex({ justify: 'end', gap: 'sm' }), children: [_jsx(Button, { type: "button", variant: "ghost", onClick: onClose, disabled: pending, "data-mol-id": cancelMolId, children: cancelLabel ?? t('prompt.cancel', {}, { defaultValue: 'Cancel' }) }), _jsx(Button, { type: "submit", variant: "solid", color: destructive ? 'error' : 'primary', disabled: pending, "data-mol-id": confirmMolId, children: confirmLabel ?? t('prompt.confirm', {}, { defaultValue: 'Confirm' }) })] })] }) }) }));
+}
+//# sourceMappingURL=PromptDialog.js.map

package/dist/components/PromptDialog.js.map

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