@rookcom/monarch-react 0.2.0 → 0.3.0

package/dist/components/navigation/tabs/tabs.d.ts

@@ -0,0 +1,121 @@
+import { type AnchorHTMLAttributes, type ComponentPropsWithoutRef, type HTMLAttributes, type ReactNode } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+/** Arrow keys move between tabs; Home/End jump to the ends. */
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+export type TabsVariant = 'line' | 'pill';
+export type TabsCountTone = 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger';
+export interface TabsListProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+    /** `line` for page sections, `pill` for compact view switches. */
+    variant?: TabsVariant;
+    /**
+     * Scroll horizontally instead of overflowing when the tabs do not fit, as
+     * on phones. The focused tab is scrolled into view. Exposed as `data-scrollable`.
+     */
+    scrollable?: boolean;
+}
+export declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+interface CountProps {
+    /**
+     * Count shown in a bubble after the label, for example open items. It is
+     * read as part of the tab's name ("Open 12"); pass a string such as
+     * `"12 new"` when the number alone is ambiguous. On TabsTrigger, not
+     * combined with `asChild` (the child must be the only element).
+     */
+    count?: ReactNode;
+    /** Colour of the count bubble. Default `neutral`. */
+    countTone?: TabsCountTone;
+}
+export interface TabsTriggerProps extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, CountProps {
+}
+export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface TabsNavProps extends HTMLAttributes<HTMLElement> {
+    /** Names the navigation landmark, for example "Project sections". Required. */
+    'aria-label': string;
+    variant?: TabsVariant;
+    /** Scroll horizontally when the links do not fit. */
+    scrollable?: boolean;
+}
+/**
+ * Tab-styled navigation between pages: a `<nav>` of TabsLink. Each link is a
+ * real link with its own URL, so it uses link semantics (`aria-current`), not
+ * the tab role, and Tab moves between links.
+ */
+export declare const TabsNav: import("react").ForwardRefExoticComponent<TabsNavProps & import("react").RefAttributes<HTMLElement>>;
+export interface TabsLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, CountProps {
+    /** The current page. Sets `aria-current="page"` and the active style. */
+    active?: boolean;
+    /**
+     * Render the child element (a router link such as Next.js `<Link>`) with
+     * tab styling. Monarch does not import a router.
+     */
+    asChild?: boolean;
+}
+export declare const TabsLink: import("react").ForwardRefExoticComponent<TabsLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export interface TabsFilterOption {
+    value: string;
+    label: ReactNode;
+    count?: ReactNode;
+    countTone?: TabsCountTone;
+    disabled?: boolean;
+}
+export interface TabsFilterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange' | 'children'> {
+    /** Names the filter set, for example "Status". Required. */
+    'aria-label': string;
+    options: readonly TabsFilterOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    variant?: TabsVariant;
+    scrollable?: boolean;
+    /**
+     * `automatic` (default) selects a tab when it receives focus; `manual`
+     * waits for Enter or Space, for filters that are slow to apply.
+     */
+    activationMode?: 'automatic' | 'manual';
+    /**
+     * The filtered content. When given it is rendered in one shared
+     * `tabpanel` labelled by the selected tab, and every tab points at it with
+     * `aria-controls`. Leave it out when the results live elsewhere on the page.
+     */
+    children?: ReactNode;
+    /** Class for the shared panel. */
+    panelClassName?: string;
+}
+/**
+ * Tabs that filter one list instead of switching panels: "All 24 · Open 6 ·
+ * Closed 18". Same keyboard model as Tabs (arrow keys, Home/End, roving
+ * focus) and the same look, with one shared, optional panel.
+ */
+export declare const TabsFilter: import("react").ForwardRefExoticComponent<TabsFilterProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface UseTabsUrlBindingOptions<V extends string> {
+    /** The raw value from the URL (a search param or route segment); null or undefined when absent. */
+    value: string | null | undefined;
+    /** Writes the value back to the URL. Receives null to remove the param (see `clearDefault`). */
+    onChange: (value: V | null) => void;
+    /** Every allowed value. Anything else in the URL is treated as absent. */
+    values: readonly V[];
+    /** Used when the URL has no value or an unknown one. */
+    defaultValue: V;
+    /** Write null instead of `defaultValue`, so the default tab has a clean URL. Default true. */
+    clearDefault?: boolean;
+}
+/**
+ * Binds Tabs or TabsFilter to the URL without importing a router: the app
+ * passes the param it read and a setter, and spreads the result.
+ *
+ *   const [params, setParams] = useSearchParams();
+ *   const tabs = useTabsUrlBinding({
+ *     value: params.get('tab'),
+ *     onChange: (v) => setParams(v ? { tab: v } : {}),
+ *     values: ['overview', 'activity'],
+ *     defaultValue: 'overview',
+ *   });
+ *   <Tabs {...tabs}>…</Tabs>
+ */
+export declare function useTabsUrlBinding<V extends string>({ value, onChange, values, defaultValue, clearDefault, }: UseTabsUrlBindingOptions<V>): {
+    value: V;
+    onValueChange: (value: string) => void;
+};
+export {};
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/navigation/tabs/tabs.d.ts.map

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

package/dist/components/navigation/tabs/tabs.js

@@ -0,0 +1,127 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useId, useRef, useState, } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cx } from '../../../internal/cx.js';
+/** Arrow keys move between tabs; Home/End jump to the ends. */
+export const Tabs = TabsPrimitive.Root;
+export const TabsList = forwardRef(function TabsList({ variant = 'line', scrollable = false, className, ...rest }, ref) {
+    return (_jsx(TabsPrimitive.List, { ref: ref, ...rest, "data-variant": variant, "data-scrollable": scrollable || undefined, className: cx('mn-tabs__list', className) }));
+});
+function hasCount(count) {
+    return count !== null && count !== undefined && count !== false && count !== '';
+}
+/** The count bubble shared by every trigger type. Part of the trigger's accessible name. */
+function TabsCount({ count, tone }) {
+    if (!hasCount(count))
+        return null;
+    return (_jsx("span", { className: "mn-tabs__count", "data-tone": tone, children: count }));
+}
+export const TabsTrigger = forwardRef(function TabsTrigger({ className, count, countTone = 'neutral', children, ...rest }, ref) {
+    return (_jsx(TabsPrimitive.Trigger, { ref: ref, ...rest, className: cx('mn-tabs__trigger', className), children: hasCount(count) ? (_jsxs(_Fragment, { children: [children, _jsx(TabsCount, { count: count, tone: countTone })] })) : (children) }));
+});
+export const TabsContent = forwardRef(function TabsContent({ className, ...rest }, ref) {
+    return (_jsx(TabsPrimitive.Content, { ref: ref, ...rest, className: cx('mn-tabs__content', className) }));
+});
+/**
+ * Tab-styled navigation between pages: a `<nav>` of TabsLink. Each link is a
+ * real link with its own URL, so it uses link semantics (`aria-current`), not
+ * the tab role, and Tab moves between links.
+ */
+export const TabsNav = forwardRef(function TabsNav({ variant = 'line', scrollable = false, className, ...rest }, ref) {
+    return (_jsx("nav", { ref: ref, ...rest, "data-variant": variant, "data-scrollable": scrollable || undefined, className: cx('mn-tabs__list', 'mn-tabs__nav', className) }));
+});
+export const TabsLink = forwardRef(function TabsLink({ active = false, asChild = false, count, countTone = 'neutral', className, children, ...rest }, ref) {
+    const Comp = asChild ? Slot : 'a';
+    return (_jsxs(Comp, { ref: ref, "aria-current": active ? 'page' : undefined, ...rest, "data-state": active ? 'active' : 'inactive', className: cx('mn-tabs__trigger', 'mn-tabs__link', className), children: [_jsx(Slottable, { children: children }), _jsx(TabsCount, { count: count, tone: countTone })] }));
+});
+/**
+ * Tabs that filter one list instead of switching panels: "All 24 · Open 6 ·
+ * Closed 18". Same keyboard model as Tabs (arrow keys, Home/End, roving
+ * focus) and the same look, with one shared, optional panel.
+ */
+export const TabsFilter = forwardRef(function TabsFilter({ options, value: valueProp, defaultValue, onValueChange, variant = 'line', scrollable = false, activationMode = 'automatic', children, panelClassName, className, id, 'aria-label': label, ...rest }, ref) {
+    const auto = useId();
+    const base = id ?? `mn-tabs-filter-${auto}`;
+    const panelId = `${base}-panel`;
+    const tabId = (v) => `${base}-tab-${v.replace(/[^\w-]/g, '_')}`;
+    const firstEnabled = options.find((o) => !o.disabled)?.value ?? '';
+    const [inner, setInner] = useState(defaultValue ?? firstEnabled);
+    const value = valueProp ?? inner;
+    const hasPanel = children !== undefined && children !== null && children !== false;
+    const buttons = useRef(new Map());
+    // The tab in the Tab order: the selected one, or the first enabled tab
+    // when the value matches no option.
+    const tabbable = options.some((o) => o.value === value && !o.disabled) ? value : firstEnabled;
+    const select = useCallback((next) => {
+        if (next === value)
+            return;
+        if (valueProp === undefined)
+            setInner(next);
+        onValueChange?.(next);
+    }, [value, valueProp, onValueChange]);
+    const onKeyDown = (event, current) => {
+        const enabled = options.filter((o) => !o.disabled);
+        const i = enabled.findIndex((o) => o.value === current);
+        const rtl = getComputedStyle(event.currentTarget).direction === 'rtl';
+        let target;
+        switch (event.key) {
+            case 'ArrowRight':
+                target = enabled[(i + (rtl ? -1 : 1) + enabled.length) % enabled.length];
+                break;
+            case 'ArrowLeft':
+                target = enabled[(i + (rtl ? 1 : -1) + enabled.length) % enabled.length];
+                break;
+            case 'Home':
+                target = enabled[0];
+                break;
+            case 'End':
+                target = enabled[enabled.length - 1];
+                break;
+            default:
+                return;
+        }
+        if (!target)
+            return;
+        event.preventDefault();
+        buttons.current.get(target.value)?.focus();
+        if (activationMode === 'automatic')
+            select(target.value);
+    };
+    return (_jsxs("div", { ref: ref, ...rest, id: base, className: cx('mn-tabs-filter', className), children: [_jsx("div", { role: "tablist", "aria-label": label, "aria-orientation": "horizontal", "data-variant": variant, "data-scrollable": scrollable || undefined, className: "mn-tabs__list", children: options.map((o) => {
+                    const selected = o.value === value;
+                    return (_jsxs("button", { ref: (el) => {
+                            if (el)
+                                buttons.current.set(o.value, el);
+                            else
+                                buttons.current.delete(o.value);
+                        }, type: "button", role: "tab", id: tabId(o.value), "aria-selected": selected, "aria-controls": hasPanel ? panelId : undefined, tabIndex: o.value === tabbable ? 0 : -1, disabled: o.disabled, "data-state": selected ? 'active' : 'inactive', "data-disabled": o.disabled ? '' : undefined, className: "mn-tabs__trigger", onClick: () => select(o.value), onKeyDown: (e) => onKeyDown(e, o.value), children: [o.label, _jsx(TabsCount, { count: o.count, tone: o.countTone ?? 'neutral' })] }, o.value));
+                }) }), hasPanel ? (_jsx("div", { role: "tabpanel", id: panelId, "aria-labelledby": tabId(value), 
+                // APG: a tab panel is focusable so its content can be reached by keyboard.
+                // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+                tabIndex: 0, className: cx('mn-tabs__content', panelClassName), children: children })) : null] }));
+});
+/**
+ * Binds Tabs or TabsFilter to the URL without importing a router: the app
+ * passes the param it read and a setter, and spreads the result.
+ *
+ *   const [params, setParams] = useSearchParams();
+ *   const tabs = useTabsUrlBinding({
+ *     value: params.get('tab'),
+ *     onChange: (v) => setParams(v ? { tab: v } : {}),
+ *     values: ['overview', 'activity'],
+ *     defaultValue: 'overview',
+ *   });
+ *   <Tabs {...tabs}>…</Tabs>
+ */
+export function useTabsUrlBinding({ value, onChange, values, defaultValue, clearDefault = true, }) {
+    const current = values.includes(value ?? '') ? value : defaultValue;
+    const onValueChange = useCallback((next) => {
+        if (!values.includes(next))
+            return;
+        onChange(clearDefault && next === defaultValue ? null : next);
+    }, [values, onChange, clearDefault, defaultValue]);
+    return { value: current, onValueChange };
+}
+//# sourceMappingURL=tabs.js.map

package/dist/components/navigation/tabs/tabs.js.map

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

package/dist/components/overlays/confirm-dialog/confirm-dialog.d.ts

@@ -0,0 +1,107 @@
+import { type ReactElement, type ReactNode } from 'react';
+import { type DialogContentProps } from '../dialog/index.js';
+/** What the person entered before confirming. */
+export interface ConfirmDetails {
+    /** The trimmed reason, when a `reason` field is shown and filled in. */
+    reason?: string;
+}
+/** An optional or required free-text reason, sent to `onConfirm`. */
+export interface ConfirmReasonField {
+    /** Visible label of the field. */
+    label: ReactNode;
+    /** Help text under the label. */
+    description?: ReactNode;
+    placeholder?: string;
+    /** The confirm button stays disabled until the reason has text. */
+    required?: boolean;
+    /** Default 1000 characters. */
+    maxLength?: number;
+    /** Shown when the person tries to confirm without a required reason. */
+    requiredMessage?: ReactNode;
+}
+export interface ConfirmDialogProps extends Omit<DialogContentProps, 'title' | 'children' | 'footer' | 'busy' | 'onSubmit' | 'size'> {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** The element that opens the dialog (rendered with `asChild`), e.g. a Button. */
+    trigger?: ReactElement;
+    /** The question, e.g. "Delete this project?". Becomes the accessible name. */
+    title: ReactNode;
+    /** What will happen. Becomes the accessible description. */
+    description?: ReactNode;
+    /** Concrete consequences, shown as a list ("12 tasks will be deleted"). */
+    consequences?: ReactNode[];
+    /** Extra content between the description and the fields, e.g. a step-up slot. */
+    children?: ReactNode;
+    /** `danger` for destructive or irreversible actions: red confirm button and a warning icon. */
+    tone?: 'default' | 'danger';
+    /** Label of the confirming button. Name the action ("Delete project"), not "OK". Default "Confirm". */
+    confirmLabel?: ReactNode;
+    /** Default "Cancel". */
+    cancelLabel?: ReactNode;
+    /**
+     * Type-to-confirm: the confirm button stays disabled until this exact
+     * phrase (case-sensitive, surrounding spaces ignored) is typed.
+     */
+    confirmPhrase?: string;
+    /** Label of the phrase field. Default: Type "<phrase>" to confirm. */
+    confirmPhraseLabel?: ReactNode;
+    /** Shown when the person submits a phrase that does not match. */
+    confirmPhraseMismatch?: ReactNode;
+    /** Ask for a reason (optional or required); it is passed to `onConfirm`. */
+    reason?: ConfirmReasonField;
+    /**
+     * Runs the action. Return a promise to keep the dialog open in a pending
+     * state until it settles: on success it closes (see `closeOnConfirm`), on
+     * rejection the error is shown inside the dialog and the person can retry.
+     */
+    onConfirm: (details: ConfirmDetails) => unknown;
+    /** Called when the dialog is dismissed without confirming. */
+    onCancel?: () => void;
+    /** Controlled pending state, for actions the product tracks itself. */
+    pending?: boolean;
+    /** Controlled error message, shown above the actions. */
+    error?: ReactNode;
+    /** Turns a rejected `onConfirm` into a message. Default: the Error's message, or a generic line. */
+    errorMessage?: (error: unknown) => ReactNode;
+    /** Close after `onConfirm` succeeds. Default `true`. */
+    closeOnConfirm?: boolean;
+    /**
+     * Where focus goes on open. `cancel` (default) is the least destructive
+     * action; `field` focuses the phrase or reason field when there is one.
+     */
+    initialFocus?: 'cancel' | 'field';
+    /** Dialog width. Default `sm`. */
+    size?: DialogContentProps['size'];
+}
+/**
+ * Confirmation for consequential actions, built on Dialog with
+ * `role="alertdialog"`. Supports a danger tone, a consequence list,
+ * type-to-confirm, an optional or required reason, and async actions with
+ * pending and error states. Focus starts on Cancel, the least destructive
+ * action, and nothing dismisses the dialog while the action runs.
+ */
+export declare const ConfirmDialog: import("react").ForwardRefExoticComponent<ConfirmDialogProps & import("react").RefAttributes<HTMLDivElement>>;
+/** Options for one `confirm()` call: the ConfirmDialog props that describe the question. */
+export type ConfirmOptions = Omit<ConfirmDialogProps, 'open' | 'defaultOpen' | 'onOpenChange' | 'trigger' | 'onConfirm' | 'pending' | 'error'> & {
+    /** Optional async work to run inside the dialog, with pending and error states. */
+    onConfirm?: (details: ConfirmDetails) => unknown;
+};
+export interface UseConfirmResult {
+    /**
+     * Opens the dialog and resolves with the details (`{ reason }`) when the
+     * person confirms and `onConfirm` succeeds, or `null` when they cancel.
+     */
+    confirm: (options: ConfirmOptions) => Promise<ConfirmDetails | null>;
+    /** Render this once, anywhere in the component. */
+    element: ReactElement;
+}
+/**
+ * Imperative confirmation: `if (await confirm({ title: 'Delete note?' }))`.
+ * A replacement for `window.confirm` and `window.prompt` that is themed,
+ * accessible and can show consequences, a reason field and async progress.
+ */
+export declare function useConfirm(): UseConfirmResult;
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/components/overlays/confirm-dialog/confirm-dialog.d.ts.map

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

package/dist/components/overlays/confirm-dialog/confirm-dialog.js

@@ -0,0 +1,186 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useId, useRef, useState, } from 'react';
+import { cx } from '../../../internal/cx.js';
+import { WarningGlyph } from '../../../internal/icons.js';
+import { Button } from '../../actions/button/index.js';
+import { Alert } from '../../feedback/alert/index.js';
+import { Field, FieldDescription, FieldError, FieldLabel } from '../../forms/form-field/index.js';
+import { Input, Textarea } from '../../forms/text-field/index.js';
+import { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from '../dialog/index.js';
+const DEFAULT_ERROR = 'That did not work. Try again.';
+function defaultErrorMessage(error) {
+    return error instanceof Error && error.message ? error.message : DEFAULT_ERROR;
+}
+function isThenable(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        typeof value.then === 'function');
+}
+/**
+ * Confirmation for consequential actions, built on Dialog with
+ * `role="alertdialog"`. Supports a danger tone, a consequence list,
+ * type-to-confirm, an optional or required reason, and async actions with
+ * pending and error states. Focus starts on Cancel, the least destructive
+ * action, and nothing dismisses the dialog while the action runs.
+ */
+export const ConfirmDialog = forwardRef(function ConfirmDialog({ open: openProp, defaultOpen = false, onOpenChange, trigger, title, description, consequences, children, tone = 'default', confirmLabel = 'Confirm', cancelLabel = 'Cancel', confirmPhrase, confirmPhraseLabel, confirmPhraseMismatch = 'The text does not match.', reason, onConfirm, onCancel, pending: pendingProp, error: errorProp, errorMessage = defaultErrorMessage, closeOnConfirm = true, initialFocus = 'cancel', size = 'sm', closeOnOutsideClick = false, closeLabel = null, onOpenAutoFocus, className, ...rest }, ref) {
+    const [openState, setOpenState] = useState(defaultOpen);
+    const open = openProp ?? openState;
+    const [phrase, setPhrase] = useState('');
+    const [reasonText, setReasonText] = useState('');
+    const [running, setRunning] = useState(false);
+    const [failure, setFailure] = useState(null);
+    const [attempted, setAttempted] = useState(false);
+    const cancelRef = useRef(null);
+    const fieldRef = useRef(null);
+    const mounted = useRef(true);
+    const errorId = useId();
+    useEffect(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
+    // Every opening starts clean: no typed phrase, reason or old error.
+    useEffect(() => {
+        if (open) {
+            setPhrase('');
+            setReasonText('');
+            setFailure(null);
+            setAttempted(false);
+        }
+    }, [open]);
+    const pending = pendingProp ?? running;
+    const shownError = errorProp ?? failure;
+    const phraseOk = confirmPhrase === undefined || phrase.trim() === confirmPhrase.trim();
+    const reasonOk = !reason?.required || reasonText.trim() !== '';
+    const blocked = !phraseOk || !reasonOk;
+    const setOpen = useCallback((next) => {
+        if (openProp === undefined)
+            setOpenState(next);
+        onOpenChange?.(next);
+    }, [openProp, onOpenChange]);
+    const handleOpenChange = (next) => {
+        if (!next && pending)
+            return;
+        if (!next)
+            onCancel?.();
+        setOpen(next);
+    };
+    const submit = async (event) => {
+        event?.preventDefault();
+        if (pending)
+            return;
+        if (blocked) {
+            setAttempted(true);
+            return;
+        }
+        setFailure(null);
+        const trimmed = reasonText.trim();
+        const details = reason && trimmed !== '' ? { reason: trimmed } : {};
+        try {
+            const result = onConfirm(details);
+            if (isThenable(result)) {
+                setRunning(true);
+                await result;
+            }
+        }
+        catch (error) {
+            if (mounted.current) {
+                setRunning(false);
+                setFailure(errorMessage(error));
+            }
+            return;
+        }
+        if (!mounted.current)
+            return;
+        setRunning(false);
+        if (closeOnConfirm)
+            setOpen(false);
+    };
+    const hasField = confirmPhrase !== undefined || reason !== undefined;
+    const hasBody = children !== undefined || (consequences && consequences.length > 0) || hasField;
+    return (_jsxs(Dialog, { open: open, onOpenChange: handleOpenChange, children: [trigger ? _jsx(DialogTrigger, { asChild: true, children: trigger }) : null, _jsx(DialogContent, { ref: ref, role: "alertdialog", ...rest, size: size, busy: pending, closeLabel: closeLabel, closeOnOutsideClick: closeOnOutsideClick, "data-tone": tone, className: cx('mn-confirm-dialog', className), onOpenAutoFocus: (event) => {
+                    onOpenAutoFocus?.(event);
+                    if (event.defaultPrevented)
+                        return;
+                    event.preventDefault();
+                    const target = initialFocus === 'field' && fieldRef.current ? fieldRef.current : null;
+                    (target ?? cancelRef.current)?.focus();
+                }, children: _jsxs("form", { className: "mn-confirm-dialog__form", onSubmit: submit, noValidate: true, children: [_jsxs(DialogHeader, { className: "mn-confirm-dialog__header", children: [tone === 'danger' ? (_jsx("span", { className: "mn-confirm-dialog__icon", "aria-hidden": true, children: _jsx(WarningGlyph, {}) })) : null, _jsx(DialogTitle, { children: title }), description ? _jsx(DialogDescription, { children: description }) : null] }), hasBody ? (_jsxs(DialogBody, { className: "mn-confirm-dialog__body", children: [children, consequences && consequences.length > 0 ? (_jsx("ul", { className: "mn-confirm-dialog__consequences", children: consequences.map((item, index) => (_jsx("li", { children: item }, index))) })) : null, reason ? (_jsxs(Field, { required: reason.required ?? false, invalid: attempted && !reasonOk, children: [_jsx(FieldLabel, { children: reason.label }), reason.description ? (_jsx(FieldDescription, { children: reason.description })) : null, _jsx(Textarea, { ref: confirmPhrase === undefined ? fieldRef : undefined, value: reasonText, onChange: (event) => {
+                                                setReasonText(event.target.value);
+                                                if (attempted)
+                                                    setAttempted(false);
+                                            }, placeholder: reason.placeholder, maxLength: reason.maxLength ?? 1000, readOnly: pending, rows: 3 }), _jsx(FieldError, { children: attempted && !reasonOk
+                                                ? (reason.requiredMessage ?? 'Enter a reason to continue.')
+                                                : null })] })) : null, confirmPhrase !== undefined ? (_jsxs(Field, { invalid: attempted && !phraseOk, children: [_jsx(FieldLabel, { children: confirmPhraseLabel ?? (_jsxs(_Fragment, { children: ["Type ", _jsx("span", { className: "mn-confirm-dialog__phrase", children: confirmPhrase }), " to confirm"] })) }), _jsx(Input, { ref: fieldRef, value: phrase, onChange: (event) => {
+                                                setPhrase(event.target.value);
+                                                if (attempted)
+                                                    setAttempted(false);
+                                            }, onKeyDown: (event) => {
+                                                // A disabled submit button blocks implicit submission, so
+                                                // handle Enter here to report a mismatch instead of ignoring it.
+                                                if (event.key === 'Enter' && !event.nativeEvent.isComposing) {
+                                                    event.preventDefault();
+                                                    void submit();
+                                                }
+                                            }, readOnly: pending, autoComplete: "off", autoCapitalize: "off", autoCorrect: "off", spellCheck: false }), _jsx(FieldError, { children: attempted && !phraseOk ? confirmPhraseMismatch : null })] })) : null] })) : null, shownError ? (_jsx("div", { className: "mn-confirm-dialog__error", children: _jsx(Alert, { tone: "danger", live: "assertive", id: errorId, children: shownError }) })) : null, _jsxs(DialogFooter, { className: "mn-confirm-dialog__footer", children: [_jsx(DialogClose, { asChild: true, children: _jsx(Button, { ref: cancelRef, disabled: pending, children: cancelLabel }) }), _jsx(Button, { type: "submit", variant: tone === 'danger' ? 'danger' : 'primary', loading: pending, disabled: blocked, "aria-describedby": shownError ? errorId : undefined, children: confirmLabel })] })] }) })] }));
+});
+/**
+ * Where focus should return when the dialog closes: the focused element, or,
+ * when that is an item of a menu that is about to close, the menu's trigger.
+ */
+function focusReturnTarget() {
+    if (typeof document === 'undefined')
+        return null;
+    const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const menuOwner = active?.closest('[role="menu"]')?.getAttribute('aria-labelledby');
+    const trigger = menuOwner ? document.getElementById(menuOwner) : null;
+    return trigger ?? active;
+}
+/**
+ * Imperative confirmation: `if (await confirm({ title: 'Delete note?' }))`.
+ * A replacement for `window.confirm` and `window.prompt` that is themed,
+ * accessible and can show consequences, a reason field and async progress.
+ */
+export function useConfirm() {
+    const [request, setRequest] = useState(null);
+    const [open, setOpen] = useState(false);
+    const resolver = useRef(null);
+    const counter = useRef(0);
+    const returnFocus = useRef(null);
+    const settle = useCallback((value) => {
+        resolver.current?.(value);
+        resolver.current = null;
+    }, []);
+    useEffect(() => () => settle(null), [settle]);
+    const confirm = useCallback((options) => {
+        settle(null);
+        returnFocus.current = focusReturnTarget();
+        counter.current += 1;
+        setRequest({ id: counter.current, options });
+        setOpen(true);
+        return new Promise((resolve) => {
+            resolver.current = resolve;
+        });
+    }, [settle]);
+    const options = request?.options;
+    const element = (_jsx(ConfirmDialog, { title: "", ...options, open: open && request !== null, onCloseAutoFocus: (event) => {
+            options?.onCloseAutoFocus?.(event);
+            const target = returnFocus.current;
+            if (event.defaultPrevented || !target?.isConnected)
+                return;
+            event.preventDefault();
+            target.focus();
+        }, onOpenChange: (next) => {
+            setOpen(next);
+            if (!next)
+                settle(null);
+        }, onConfirm: async (details) => {
+            await options?.onConfirm?.(details);
+            settle(details);
+        } }, request?.id ?? 0));
+    return { confirm, element };
+}
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/components/overlays/confirm-dialog/confirm-dialog.js.map

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

package/dist/components/overlays/confirm-dialog/index.d.ts

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

package/dist/components/overlays/confirm-dialog/index.d.ts.map

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

package/dist/components/overlays/confirm-dialog/index.js

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

package/dist/components/overlays/confirm-dialog/index.js.map

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