@cratis/components 3.6.1 → 4.0.0

package/dist/esm/Dialogs/Dialog.js

@@ -1,220 +1,15 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Dialog as Dialog$1 } from 'primereact/dialog';
-import { Button } from 'primereact/button';
-import { useDialogContext, DialogButtons, DialogResult } from '@cratis/arc.react/dialogs';
-import { DialogInitialFocus } from './DialogInitialFocus.js';
+import { unstable_useSlot } from '../renderer/RendererContext.js';
+import { renderSlot } from '../renderer/renderSlot.js';
+import { DialogImplementation } from './DialogImplementation.js';
 
-/**
- * Cratis wrapper around PrimeReact's `Dialog` that adds the surface every Arc
- * app needs on top of PrimeReact's bare modal:
- *
- * - **Typed footer-button enum** (`DialogButtons.Ok` / `OkCancel` / `YesNo` /
- *   `YesNoCancel`) with localizable labels. Pass `null` for a footer-less
- *   dialog with your own buttons, or a `ReactNode` to fully render the
- *   footer yourself.
- * - **Confirm/cancel callback contract** (`onConfirm`, `onCancel`, `onClose`)
- *   where returning `false` (sync or via promise) keeps the dialog open.
- *   This is the contract used to surface inline command failures: when a
- *   command's `execute()` returns `IsSuccess: false`, the dialog stays open
- *   and the form re-renders with field-level errors.
- * - **Busy state** (`isBusy`) that disables every action and shows a loading
- *   spinner on the confirm button. Command-executing wrappers
- *   ({@link CommandDialog}, {@link StepperCommandDialog}) flip this
- *   automatically while a command runs.
- * - **Validity gate** (`isValid`) that disables the confirm button without
- *   disabling the cancel button. Used by command-executing wrappers to
- *   block submission while form validation fails.
- * - **Initial focus** (`initialFocus`) choosing which element inside the
- *   dialog the keyboard lands on when it opens.
- *
- * ## Initial focus
- *
- * By default the confirm button is focused when the dialog opens, so the
- * common "read it, press Enter" flow costs one keystroke. That default also
- * *arms* the confirm button: browsers fire `click` from the `keydown` of
- * `Enter`, so the key still held down from opening the dialog — or the very
- * ordinary habit of pressing `Enter` twice — confirms it immediately.
- *
- * A dialog whose confirm action is destructive **and** needs no input to
- * become valid gets no protection from `isValid`, because there is nothing
- * to fill in. Give those dialogs an explicit
- * {@link DialogInitialFocus} instead:
- *
- * ```tsx
- * <Dialog title="Delete personal data?"
- *         buttons={DialogButtons.YesNo}
- *         initialFocus={DialogInitialFocus.Cancel}
- *         onConfirm={...} onCancel={...}>
- *     This permanently removes the person and every record about them.
- * </Dialog>
- * ```
- *
- * `Cancel` focuses the dismissing button (`Cancel`, or `No` when the set has
- * no `Cancel`); `Content` focuses the dialog's title so nothing at all is
- * armed and screen readers announce the dialog from the top. Both keep the
- * footer, the close (X), `Escape`, and every callback intact — unlike
- * replacing `buttons` with a custom node.
- *
- * ## Arc dialog host integration
- *
- * When mounted inside a `<DialogHost>` from `@cratis/arc.react/dialogs`, the
- * Dialog automatically discovers the host through `useDialogContext()` and
- * closes through it on confirm/cancel — no manual `closeDialog` wiring at
- * the call site. The typical pattern at the host's request site:
- *
- * ```tsx
- * import { useDialog, DialogResult } from '@cratis/arc.react/dialogs';
- *
- * const [DeleteProjectDialog, showDeleteProjectDialog] = useDialog(DeleteProject);
- *
- * const onDeleteClick = async () => {
- *     const [result] = await showDeleteProjectDialog();
- *     if (result === DialogResult.Yes) {
- *         // user confirmed
- *     }
- * };
- * ```
- *
- * Inside the dialog component itself the close path goes through
- * `useDialogContext()`:
- *
- * ```tsx
- * import { Dialog, DialogButtons, DialogResult, useDialogContext } from '@cratis/arc.react/dialogs';
- *
- * export const DeleteProject = () => {
- *     const { closeDialog } = useDialogContext();
- *     return (
- *         <Dialog title="Delete project?" buttons={DialogButtons.YesNo}
- *                 onConfirm={() => closeDialog(DialogResult.Yes)}
- *                 onCancel={() => closeDialog(DialogResult.No)}>
- *             This action cannot be undone.
- *         </Dialog>
- *     );
- * };
- * ```
- *
- * The Dialog also works **outside** a host — the `useDialogContext()` call is
- * wrapped in a try/catch so standalone use does not throw.
- *
- * ## Styling
- *
- * Pass `pt`, `ptOptions`, `unstyled`, or `className` to forward straight to
- * the underlying PrimeReact Dialog. See the [Styling section](../../Documentation/Styling/index.md)
- * for the supported styling options and the
- * [pass-through cheat sheet](../../Documentation/Styling/pass-through.md)
- * for available slots.
- *
- * @param props - {@link DialogProps}.
- */
-const Dialog = ({ title, visible = true, onClose, onConfirm, onCancel, buttons = DialogButtons.OkCancel, initialFocus = DialogInitialFocus.Confirm, children, width = '450px', style, contentStyle, 
-// `resizable` is accepted for API compatibility but has no effect on
-// PrimeReact 11's headless Dialog, so it is intentionally not destructured.
-isValid, isBusy = false, okLabel = 'Ok', cancelLabel = 'Cancel', yesLabel = 'Yes', noLabel = 'No', closeAriaLabel = 'Close', dismissable, className, pt, ptOptions, unstyled, }) => {
-    // useDialogContext() is called unconditionally on every render — the try/catch only suppresses
-    // the exception when Dialog is used standalone (outside a provider). React's Rules of Hooks
-    // are not violated because the hook is always called; the try/catch never skips the call.
-    let contextCloseDialog;
-    try {
-        const context = useDialogContext();
-        contextCloseDialog = context?.closeDialog;
-    }
-    catch {
-        contextCloseDialog = undefined;
-    }
-    const isDialogValid = isValid !== false;
-    // A dismissing button only exists for the predefined sets that have one — Cancel for
-    // OkCancel / YesNoCancel, No for YesNo. Asking for Cancel focus without one (DialogButtons.Ok,
-    // a custom footer node, or no footer) degrades to focusing the title rather than silently
-    // leaving focus on the dialog container.
-    const hasDismissingButton = typeof buttons === 'number' && buttons !== DialogButtons.Ok;
-    const resolvedInitialFocus = initialFocus === DialogInitialFocus.Cancel && !hasDismissingButton
-        ? DialogInitialFocus.Content
-        : initialFocus;
-    const focusesConfirmButton = resolvedInitialFocus === DialogInitialFocus.Confirm;
-    const focusesDismissingButton = resolvedInitialFocus === DialogInitialFocus.Cancel;
-    const focusesTitle = resolvedInitialFocus === DialogInitialFocus.Content;
-    // PrimeReact 11's Dialog focus trap resolves its initial target in this order:
-    // an explicit `initialFocusRef`, then the first `[autofocus]` / `[data-autofocus]`
-    // element inside the popup, then the first focusable element, then the container.
-    // `DialogRoot` does not forward `initialFocusRef`, so the marker attribute is the
-    // seam — and it has to be `data-autofocus` rather than React's `autoFocus` prop,
-    // because React implements `autoFocus` by calling `.focus()` itself on mount and
-    // never reflects the attribute into the DOM for the trap's querySelector to find.
-    // Exactly one element carries it, since the trap takes the first match in document
-    // order (header → content → footer).
-    const autofocusMarker = (isTarget) => isTarget ? { 'data-autofocus': '' } : {};
-    const headerElement = (jsx("div", { className: 'inline-flex items-center justify-center gap-2', children: jsx("span", { tabIndex: focusesTitle ? -1 : undefined, ...autofocusMarker(focusesTitle), className: 'font-bold whitespace-nowrap', children: title }) }));
-    const handleClose = async (result) => {
-        let shouldCloseThroughContext = true;
-        if (result === DialogResult.Ok || result === DialogResult.Yes) {
-            if (onConfirm) {
-                const closeResult = await onConfirm();
-                shouldCloseThroughContext = closeResult === true;
-            }
-            else if (onClose) {
-                const closeResult = await onClose(result);
-                shouldCloseThroughContext = closeResult !== false;
-            }
-        }
-        else if (onCancel) {
-            const closeResult = await onCancel();
-            shouldCloseThroughContext = closeResult === true;
-        }
-        else if (onClose) {
-            const closeResult = await onClose(result);
-            shouldCloseThroughContext = closeResult !== false;
-        }
-        if (shouldCloseThroughContext) {
-            contextCloseDialog?.(result);
-        }
-    };
-    // PrimeReact 11's Button renders its content as children (the v10 `label`/`icon`
-    // props are gone) and expresses the outlined look through `variant`. The primary
-    // (confirm) button shows a spinner in place of its icon while busy. `focused`
-    // marks the button the dialog's focus trap should land on when it opens.
-    // This helper keeps the footer definitions below readable.
-    const footerButton = (result, label, icon, primary, focused) => (jsxs(Button, { variant: primary ? undefined : 'outlined', onClick: () => handleClose(result), disabled: primary ? !isDialogValid || isBusy : isBusy, ...autofocusMarker(focused), children: [jsx("i", { className: primary && isBusy ? 'pi pi-spin pi-spinner' : icon, "aria-hidden": 'true' }), jsx("span", { children: label })] }, `${result}-${label}`));
-    const okFooter = footerButton(DialogResult.Ok, okLabel, 'pi pi-check', true, focusesConfirmButton);
-    const okCancelFooter = (jsxs(Fragment, { children: [footerButton(DialogResult.Ok, okLabel, 'pi pi-check', true, focusesConfirmButton), footerButton(DialogResult.Cancelled, cancelLabel, 'pi pi-times', false, focusesDismissingButton)] }));
-    const yesNoFooter = (jsxs(Fragment, { children: [footerButton(DialogResult.Yes, yesLabel, 'pi pi-check', true, focusesConfirmButton), footerButton(DialogResult.No, noLabel, 'pi pi-times', false, focusesDismissingButton)] }));
-    const yesNoCancelFooter = (jsxs(Fragment, { children: [footerButton(DialogResult.Yes, yesLabel, 'pi pi-check', true, focusesConfirmButton), footerButton(DialogResult.No, noLabel, 'pi pi-times', false, false), footerButton(DialogResult.Cancelled, cancelLabel, 'pi pi-times', false, focusesDismissingButton)] }));
-    const getFooterInterior = () => {
-        // If buttons is a ReactNode (custom buttons), use it directly
-        if (typeof buttons !== 'number') {
-            return buttons;
-        }
-        // Otherwise, use predefined buttons based on DialogButtons enum
-        switch (buttons) {
-            case DialogButtons.Ok:
-                return okFooter;
-            case DialogButtons.OkCancel:
-                return okCancelFooter;
-            case DialogButtons.YesNo:
-                return yesNoFooter;
-            case DialogButtons.YesNoCancel:
-                return yesNoCancelFooter;
-        }
-        return jsx(Fragment, {});
-    };
-    const footer = (jsx("div", { className: 'flex flex-wrap justify-start gap-3', children: getFooterInterior() }));
-    // The dialog is dismissable (backdrop click, Escape, header close button)
-    // for the predefined-button sets by default, mirroring the v10 `closable`
-    // behavior that keyed off `typeof buttons === 'number'`. The `dismissable`
-    // prop overrides that default so a custom-footer dialog (e.g. the stepper
-    // wizard) can still offer a header-close affordance.
-    const isDismissable = dismissable ?? typeof buttons === 'number';
-    // PrimeReact 11's Dialog is a controlled overlay: `open` reflects `visible`,
-    // and any dismiss gesture fires `onOpenChange` with `value: false`. We route
-    // that through the same `handleClose(Cancelled)` path used by the footer's
-    // cancel button, so the "return false keeps the dialog open" contract holds —
-    // the parent (the Arc dialog host) owns `visible`, so nothing closes unless
-    // `handleClose` calls back through the host.
-    const handleOpenChange = (event) => {
-        if (!event.value) {
-            handleClose(DialogResult.Cancelled);
-        }
-    };
-    return (jsx(Dialog$1.Root, { open: visible, onOpenChange: handleOpenChange, modal: true, dismissable: isDismissable, closeOnEscape: isDismissable, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: jsxs(Dialog$1.Portal, { children: [jsx(Dialog$1.Backdrop, {}), jsx(Dialog$1.Positioner, { children: jsxs(Dialog$1.Popup, { className: className, style: { width, ...style }, children: [jsxs(Dialog$1.Header, { children: [jsx(Dialog$1.Title, { children: headerElement }), isDismissable && (jsx(Dialog$1.Close, { "aria-label": closeAriaLabel, children: jsx("i", { className: 'pi pi-times' }) }))] }), jsx(Dialog$1.Content, { style: contentStyle, children: children }), jsx(Dialog$1.Footer, { children: footer })] }) })] }) }));
+const coreDialogDeclaration = Object.freeze({
+    mode: 'atomic',
+    fidelity: 'native',
+    render: DialogImplementation,
+});
+const Dialog = (props) => {
+    const declaration = unstable_useSlot('dialogs.dialog', coreDialogDeclaration);
+    return renderSlot(declaration, props);
 };
 
 export { Dialog };

package/dist/esm/Dialogs/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../Dialogs/Dialog.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment","PrimeDialog"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../Dialogs/Dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAqHA,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC;AACxC,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,MAAM,EAAE,oBAAoB;AAC/B,CAAA,CAAsD;AAMhD,MAAM,MAAM,GAAG,CAAC,KAAkB,KAAI;IACzC,MAAM,WAAW,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,qBAAqB,CAAC;AAC7E,IAAA,OAAO,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC;AACzC;;"}

package/dist/esm/Dialogs/DialogImplementation.d.ts

@@ -0,0 +1,6 @@
+import type { DialogProps } from './Dialog.js';
+/**
+ * A modal dialog with Arc host integration, typed footer actions, busy/validity
+ * state, controlled dismissal, and stable Cratis-owned styling parts.
+ */
+export declare const DialogImplementation: ({ title, visible, onClose, onConfirm, onCancel, buttons, initialFocus, children, width, style, contentStyle, isValid, isBusy, okLabel, cancelLabel, yesLabel, noLabel, closeAriaLabel, dismissable, className, pt, }: DialogProps) => import("react").JSX.Element | null;

package/dist/esm/Dialogs/DialogImplementation.js

@@ -0,0 +1,122 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useDialogContext, DialogButtons, DialogResult } from '@cratis/arc.react/dialogs';
+import { Dialog, Heading } from 'react-aria-components/Dialog';
+import { ModalOverlay, Modal } from 'react-aria-components/Modal';
+import { UNSAFE_PortalProvider } from 'react-aria';
+import { useRef, useEffect, useSyncExternalStore } from 'react';
+import { unstable_useOverlayEnvironment } from '../renderer/RendererContext.js';
+import { DialogInitialFocus } from './DialogInitialFocus.js';
+import 'react-aria-components/I18nProvider';
+import 'ts-deepmerge';
+import 'react-dom';
+import { useCratisComponentsConfig } from '../Common/CratisComponentsContext.js';
+import '../Notifications/toast.js';
+
+const classNames = (...values) => values.filter(Boolean).join(' ');
+const subscribeToBrowserEnvironment = () => () => undefined;
+const useIsBrowser = () => useSyncExternalStore(subscribeToBrowserEnvironment, () => true, () => false);
+const DialogImplementation = ({ title, visible = true, onClose, onConfirm, onCancel, buttons = DialogButtons.OkCancel, initialFocus = DialogInitialFocus.Confirm, children, width = '450px', style, contentStyle, isValid, isBusy = false, okLabel, cancelLabel, yesLabel, noLabel, closeAriaLabel, dismissable, className, pt, }) => {
+    const overlayEnvironment = unstable_useOverlayEnvironment();
+    const { messages } = useCratisComponentsConfig();
+    const dialogMessages = messages?.dialog;
+    const resolvedOkLabel = okLabel ?? dialogMessages?.ok ?? 'Ok';
+    const resolvedCancelLabel = cancelLabel ?? dialogMessages?.cancel ?? 'Cancel';
+    const resolvedYesLabel = yesLabel ?? dialogMessages?.yes ?? 'Yes';
+    const resolvedNoLabel = noLabel ?? dialogMessages?.no ?? 'No';
+    const resolvedCloseAriaLabel = closeAriaLabel ?? dialogMessages?.close ?? 'Close';
+    let contextCloseDialog;
+    try {
+        const context = useDialogContext();
+        contextCloseDialog = context?.closeDialog;
+    }
+    catch {
+        contextCloseDialog = undefined;
+    }
+    const isBrowser = useIsBrowser();
+    const titleRef = useRef(null);
+    const confirmRef = useRef(null);
+    const cancelRef = useRef(null);
+    const isDialogValid = isValid !== false;
+    const hasDismissingButton = typeof buttons === 'number' && buttons !== DialogButtons.Ok;
+    const resolvedInitialFocus = initialFocus === DialogInitialFocus.Cancel && !hasDismissingButton
+        ? DialogInitialFocus.Content
+        : initialFocus;
+    const focusesConfirmButton = resolvedInitialFocus === DialogInitialFocus.Confirm;
+    const focusesDismissingButton = resolvedInitialFocus === DialogInitialFocus.Cancel;
+    const focusesTitle = resolvedInitialFocus === DialogInitialFocus.Content;
+    const allowsDismissal = dismissable ?? typeof buttons === 'number';
+    const isDismissable = allowsDismissal && !isBusy;
+    useEffect(() => {
+        if (!visible)
+            return;
+        const target = focusesConfirmButton
+            ? confirmRef.current
+            : focusesDismissingButton
+                ? cancelRef.current
+                : titleRef.current;
+        const frame = requestAnimationFrame(() => target?.focus());
+        return () => cancelAnimationFrame(frame);
+    }, [focusesConfirmButton, focusesDismissingButton, visible]);
+    const handleClose = async (result) => {
+        let shouldCloseThroughContext = true;
+        if (result === DialogResult.Ok || result === DialogResult.Yes) {
+            if (onConfirm) {
+                const closeResult = await onConfirm();
+                shouldCloseThroughContext = closeResult === true;
+            }
+            else if (onClose) {
+                const closeResult = await onClose(result);
+                shouldCloseThroughContext = closeResult !== false;
+            }
+        }
+        else if (onCancel) {
+            const closeResult = await onCancel();
+            shouldCloseThroughContext = closeResult === true;
+        }
+        else if (onClose) {
+            const closeResult = await onClose(result);
+            shouldCloseThroughContext = closeResult !== false;
+        }
+        if (shouldCloseThroughContext)
+            contextCloseDialog?.(result);
+    };
+    const footerButton = (result, label, primary, focused) => (jsxs("button", { ...(primary ? pt?.confirm : pt?.cancel), type: 'button', className: classNames('cratis-dialog__button', primary
+            ? 'cratis-dialog__button--primary'
+            : 'cratis-dialog__button--secondary', primary ? pt?.confirm?.className : pt?.cancel?.className), "data-cratis-part": primary ? 'confirm' : 'cancel', "data-disabled": (primary ? !isDialogValid || isBusy : isBusy) || undefined, "data-busy": isBusy || undefined, ref: primary ? confirmRef : focused ? cancelRef : undefined, onClick: () => void handleClose(result), disabled: primary ? !isDialogValid || isBusy : isBusy, autoFocus: focused, "aria-busy": primary && isBusy ? true : undefined, children: [primary && isBusy && (jsx("span", { className: 'cratis-dialog__spinner', "aria-hidden": 'true' })), jsx("span", { children: label })] }, `${result}-${label}`));
+    const predefinedFooter = () => {
+        if (typeof buttons !== 'number')
+            return buttons;
+        switch (buttons) {
+            case DialogButtons.Ok:
+                return footerButton(DialogResult.Ok, resolvedOkLabel, true, focusesConfirmButton);
+            case DialogButtons.OkCancel:
+                return (jsxs(Fragment, { children: [footerButton(DialogResult.Ok, resolvedOkLabel, true, focusesConfirmButton), footerButton(DialogResult.Cancelled, resolvedCancelLabel, false, focusesDismissingButton)] }));
+            case DialogButtons.YesNo:
+                return (jsxs(Fragment, { children: [footerButton(DialogResult.Yes, resolvedYesLabel, true, focusesConfirmButton), footerButton(DialogResult.No, resolvedNoLabel, false, focusesDismissingButton)] }));
+            case DialogButtons.YesNoCancel:
+                return (jsxs(Fragment, { children: [footerButton(DialogResult.Yes, resolvedYesLabel, true, focusesConfirmButton), footerButton(DialogResult.No, resolvedNoLabel, false, false), footerButton(DialogResult.Cancelled, resolvedCancelLabel, false, focusesDismissingButton)] }));
+            default:
+                return null;
+        }
+    };
+    const dialogDocument = (jsx(Dialog, { className: 'cratis-dialog__document', children: jsxs(Fragment, { children: [jsxs("header", { ...pt?.header, className: classNames('cratis-dialog__header', pt?.header?.className), style: pt?.header?.style, "data-cratis-part": 'header', children: [jsx(Heading, { ...pt?.title, slot: 'title', tabIndex: focusesTitle ? -1 : undefined, ref: titleRef, className: classNames('cratis-dialog__title', pt?.title?.className), style: pt?.title?.style, "data-cratis-part": 'title', children: title }), allowsDismissal && (jsx("button", { ...pt?.close, type: 'button', disabled: isBusy, className: classNames('cratis-dialog__close', pt?.close?.className), "data-cratis-part": 'close', "data-disabled": isBusy || undefined, "data-busy": isBusy || undefined, "aria-label": resolvedCloseAriaLabel, onClick: () => void handleClose(DialogResult.Cancelled), children: jsx("span", { "aria-hidden": 'true', children: "\u00D7" }) }))] }), jsx("div", { ...pt?.content, className: classNames('cratis-dialog__content', pt?.content?.className), style: { ...pt?.content?.style, ...contentStyle }, "data-cratis-part": 'content', "data-open": visible || undefined, "data-busy": isBusy || undefined, children: jsx("fieldset", { className: 'cratis-dialog__busy-scope', "data-cratis-part": 'busy-scope', "data-busy": isBusy || undefined, disabled: isBusy, inert: isBusy, "aria-busy": isBusy || undefined, children: children }) }), buttons !== null && (jsx("footer", { ...pt?.footer, className: classNames('cratis-dialog__footer', pt?.footer?.className), style: pt?.footer?.style, "data-cratis-part": 'footer', children: jsx("fieldset", { className: 'cratis-dialog__busy-scope cratis-dialog__busy-scope--footer', "data-cratis-part": 'busy-scope', "data-busy": isBusy || undefined, disabled: isBusy, inert: isBusy, "aria-busy": isBusy || undefined, children: predefinedFooter() }) }))] }) }));
+    const dialogStyle = { width, ...pt?.root?.style, ...style };
+    if (!isBrowser) {
+        if (!visible)
+            return null;
+        return (jsx("div", { ...pt?.backdrop, className: classNames('cratis-dialog__backdrop', pt?.backdrop?.className), style: {
+                zIndex: 'var(--cratis-z-index-dialog)',
+                ...pt?.backdrop?.style,
+            }, "data-cratis-part": 'backdrop', "data-open": visible || undefined, "data-busy": isBusy || undefined, children: jsx("div", { ...pt?.positioner, className: classNames('cratis-dialog__positioner', pt?.positioner?.className), style: pt?.positioner?.style, "data-cratis-part": 'positioner', "data-open": visible || undefined, "data-busy": isBusy || undefined, children: jsx("section", { ...pt?.root, className: classNames('cratis-dialog', pt?.root?.className, className), style: dialogStyle, "data-cratis-part": 'root', "data-open": visible || undefined, "data-busy": isBusy || undefined, children: dialogDocument }) }) }));
+    }
+    return (jsx(UNSAFE_PortalProvider, { getContainer: overlayEnvironment.getContainer, children: jsx(ModalOverlay, { ...pt?.backdrop, isOpen: visible, onOpenChange: (open) => {
+                if (!open && !isBusy)
+                    void handleClose(DialogResult.Cancelled);
+            }, isDismissable: isDismissable, isKeyboardDismissDisabled: !isDismissable, className: classNames('cratis-dialog__backdrop', pt?.backdrop?.className), style: {
+                zIndex: 'var(--cratis-z-index-dialog)',
+                ...pt?.backdrop?.style,
+            }, "data-cratis-part": 'backdrop', "data-open": visible || undefined, "data-busy": isBusy || undefined, children: jsx("div", { ...pt?.positioner, className: classNames('cratis-dialog__positioner', pt?.positioner?.className), style: pt?.positioner?.style, "data-cratis-part": 'positioner', "data-open": visible || undefined, "data-busy": isBusy || undefined, children: jsx(Modal, { ...pt?.root, className: classNames('cratis-dialog', pt?.root?.className, className), style: dialogStyle, "data-cratis-part": 'root', "data-open": visible || undefined, "data-busy": isBusy || undefined, children: dialogDocument }) }) }) }));
+};
+
+export { DialogImplementation };
+//# sourceMappingURL=DialogImplementation.js.map

package/dist/esm/Dialogs/DialogImplementation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogImplementation.js","sources":["../../../Dialogs/DialogImplementation.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment","AriaDialog"],"mappings":"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"}

package/dist/esm/Dialogs/DialogInitialFocus.d.ts

@@ -1,6 +1,44 @@
+/**
+ * Defines where keyboard focus lands when a dialog becomes visible.
+ *
+ * A modal must move focus into itself when it opens — leaving focus on
+ * `document.body` strands keyboard and screen-reader users outside the
+ * content they were just interrupted with. Every member of this enum
+ * therefore names a real element inside the dialog; there is deliberately
+ * no "focus nothing" member.
+ */
 export declare enum DialogInitialFocus {
+    /**
+     * Focus the confirming button (`Ok` / `Yes`). This is the default and
+     * the fastest path for a dialog whose expected answer is "go ahead".
+     *
+     * ⚠️ It also *arms* that button: a browser fires `click` on a native
+     * button from the `keydown` of `Enter` or `Space`, so a held key or a
+     * second press of the key that opened the dialog confirms it. For a
+     * destructive action that needs no input to become valid, prefer
+     * {@link DialogInitialFocus.Cancel} or {@link DialogInitialFocus.Content}.
+     */
     Confirm = 1,
+    /**
+     * Focus the dismissing button — `Cancel` when the button set has one,
+     * otherwise `No`. This is the least destructive action, which is what
+     * the WAI-ARIA authoring practices recommend focusing for a dialog that
+     * confirms something irreversible.
+     *
+     * Falls back to {@link DialogInitialFocus.Content} when the button set
+     * has no dismissing button (`DialogButtons.Ok`), when the footer is a
+     * custom `ReactNode`, or when there is no footer at all.
+     */
     Cancel = 2,
+    /**
+     * Focus the dialog's own title instead of any button, so nothing is
+     * armed. Screen readers announce the dialog and its title, and the
+     * first `Tab` walks the content from the top.
+     *
+     * This is the right choice for a dialog that should be *read* before it
+     * is answered, and the only sensible choice for a dialog with no footer
+     * buttons at all.
+     */
     Content = 3
 }
 //# sourceMappingURL=DialogInitialFocus.d.ts.map

package/dist/esm/Dialogs/DialogInitialFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogInitialFocus.d.ts","sourceRoot":"","sources":["../../../Dialogs/DialogInitialFocus.ts"],"names":[],"mappings":"AAYA,oBAAY,kBAAkB;IAY1B,OAAO,IAAI;IAYX,MAAM,IAAI;IAWV,OAAO,IAAI;CACd"}
+{"version":3,"file":"DialogInitialFocus.d.ts","sourceRoot":"","sources":["../../../Dialogs/DialogInitialFocus.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,oBAAY,kBAAkB;IAE1B;;;;;;;;;OASG;IACH,OAAO,IAAI;IAEX;;;;;;;;;OASG;IACH,MAAM,IAAI;IAEV;;;;;;;;OAQG;IACH,OAAO,IAAI;CACd"}

package/dist/esm/Dialogs/DialogInitialFocus.js

@@ -1,47 +1,7 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * Defines where keyboard focus lands when a dialog becomes visible.
- *
- * A modal must move focus into itself when it opens — leaving focus on
- * `document.body` strands keyboard and screen-reader users outside the
- * content they were just interrupted with. Every member of this enum
- * therefore names a real element inside the dialog; there is deliberately
- * no "focus nothing" member.
- */
 var DialogInitialFocus;
 (function (DialogInitialFocus) {
-    /**
-     * Focus the confirming button (`Ok` / `Yes`). This is the default and
-     * the fastest path for a dialog whose expected answer is "go ahead".
-     *
-     * ⚠️ It also *arms* that button: a browser fires `click` on a native
-     * button from the `keydown` of `Enter` or `Space`, so a held key or a
-     * second press of the key that opened the dialog confirms it. For a
-     * destructive action that needs no input to become valid, prefer
-     * {@link DialogInitialFocus.Cancel} or {@link DialogInitialFocus.Content}.
-     */
     DialogInitialFocus[DialogInitialFocus["Confirm"] = 1] = "Confirm";
-    /**
-     * Focus the dismissing button — `Cancel` when the button set has one,
-     * otherwise `No`. This is the least destructive action, which is what
-     * the WAI-ARIA authoring practices recommend focusing for a dialog that
-     * confirms something irreversible.
-     *
-     * Falls back to {@link DialogInitialFocus.Content} when the button set
-     * has no dismissing button (`DialogButtons.Ok`), when the footer is a
-     * custom `ReactNode`, or when there is no footer at all.
-     */
     DialogInitialFocus[DialogInitialFocus["Cancel"] = 2] = "Cancel";
-    /**
-     * Focus the dialog's own title instead of any button, so nothing is
-     * armed. Screen readers announce the dialog and its title, and the
-     * first `Tab` walks the content from the top.
-     *
-     * This is the right choice for a dialog that should be *read* before it
-     * is answered, and the only sensible choice for a dialog with no footer
-     * buttons at all.
-     */
     DialogInitialFocus[DialogInitialFocus["Content"] = 3] = "Content";
 })(DialogInitialFocus || (DialogInitialFocus = {}));
 

package/dist/esm/Dialogs/DialogInitialFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogInitialFocus.js","sources":["../../../Dialogs/DialogInitialFocus.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAEA;;;;;;;;AAQG;IACS;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAE1B;;;;;;;;;AASG;AACH,IAAA,kBAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAW;AAEX;;;;;;;;;AASG;AACH,IAAA,kBAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAU;AAEV;;;;;;;;AAQG;AACH,IAAA,kBAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAW;AACf,CAAC,EApCW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"DialogInitialFocus.js","sources":["../../../Dialogs/DialogInitialFocus.ts"],"sourcesContent":[null],"names":[],"mappings":"IAYY;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAY1B,IAAA,kBAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAW;AAYX,IAAA,kBAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAU;AAWV,IAAA,kBAAA,CAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAW;AACf,CAAC,EApCW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/esm/Dialogs/index.d.ts

@@ -1,5 +1,4 @@
-export * from './BusyIndicatorDialog';
-export * from './ConfirmationDialog';
-export * from './Dialog';
-export * from './DialogInitialFocus';
-//# sourceMappingURL=index.d.ts.map
+export * from './BusyIndicatorDialog.js';
+export * from './ConfirmationDialog.js';
+export * from './Dialog.js';
+export * from './DialogInitialFocus.js';

package/dist/esm/Dialogs/index.js

@@ -2,7 +2,4 @@ export { BusyIndicatorDialog } from './BusyIndicatorDialog.js';
 export { ConfirmationDialog } from './ConfirmationDialog.js';
 export { Dialog } from './Dialog.js';
 export { DialogInitialFocus } from './DialogInitialFocus.js';
-
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
 //# sourceMappingURL=index.js.map

package/dist/esm/Dialogs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../Dialogs/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAAA;AACA"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/Display/Avatar.d.ts

@@ -1,11 +1,19 @@
-import React from 'react';
+import type { ReactNode } from 'react';
+/** Props for {@link Avatar}. */
 export interface AvatarProps {
+    /** Image URL. When present, the image is shown; otherwise the label/icon fallback is used. */
     image?: string;
+    /** Text fallback (e.g. initials) shown when no image is available. */
     label?: string;
-    icon?: React.ReactNode;
+    /** Icon fallback shown when no image/label is available. */
+    icon?: ReactNode;
+    /** Alt text for the image. */
     alt?: string;
+    /** Avatar size. */
     size?: 'normal' | 'large' | 'xlarge';
+    /** Extra class name. */
     className?: string;
 }
-export declare const Avatar: ({ image, label, icon, alt, size, className }: AvatarProps) => React.JSX.Element;
+/** A user or entity avatar with an image and text/icon fallback. */
+export declare const Avatar: ({ image, label, icon, alt, size, className, }: AvatarProps) => import("react").JSX.Element;
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/esm/Display/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../Display/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,WAAW;IAExB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAErC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,MAAM,GAAI,8CAA8C,WAAW,sBAM/E,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../Display/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,gCAAgC;AAChC,MAAM,WAAW,WAAW;IACxB,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oEAAoE;AACpE,eAAO,MAAM,MAAM,GAAI,+CAOpB,WAAW,gCAuBb,CAAC"}

package/dist/esm/Display/Avatar.js

@@ -1,13 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { Avatar as Avatar$1 } from 'primereact/avatar';
 
-/**
- * A user/entity avatar built on PrimeReact 11's compositional `Avatar`. Shows
- * an image when available and falls back to initials or an icon otherwise.
- */
-const Avatar = ({ image, label, icon, alt, size, className }) => (jsx(Avatar$1.Root, { size: size, className: className, children: image
-        ? jsx(Avatar$1.Image, { src: image, alt: alt })
-        : jsx(Avatar$1.Fallback, { children: icon ?? label }) }));
+const Avatar = ({ image, label, icon, alt = '', size = 'normal', className, }) => (jsx("span", { className: ['cratis-avatar', className].filter(Boolean).join(' '), "data-cratis-part": 'root', "data-size": size, children: image ? (jsx("img", { className: 'cratis-avatar__image', "data-cratis-part": 'image', src: image, alt: alt })) : (jsx("span", { className: 'cratis-avatar__fallback', "data-cratis-part": 'fallback', "aria-hidden": !label, children: icon ?? label })) }));
 
 export { Avatar };
 //# sourceMappingURL=Avatar.js.map

package/dist/esm/Display/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../Display/Avatar.tsx"],"sourcesContent":[null],"names":["_jsx","PrimeAvatar"],"mappings":";;;AAsBA;;;AAGG;AACI,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAe,MAC5EA,GAAA,CAACC,QAAW,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAC7C;AACG,UAAED,GAAA,CAACC,QAAW,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA;AACzC,UAAED,GAAA,CAACC,QAAW,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAE,IAAI,IAAI,KAAK,EAAA,CAAwB,EAAA,CACnD;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../Display/Avatar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;AAsBO,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,GAAG,GAAG,EAAE,EACR,IAAI,GAAG,QAAQ,EACf,SAAS,GACC,MACVA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,kBAAA,EAChD,MAAM,EAAA,WAAA,EACZ,IAAI,YAEd,KAAK,IACFA,aACI,SAAS,EAAC,sBAAsB,EAAA,kBAAA,EACf,OAAO,EACxB,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,GAAG,EAAA,CACV,KAEFA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAC,yBAAyB,sBAClB,UAAU,EAAA,aAAA,EACd,CAAC,KAAK,EAAA,QAAA,EAElB,IAAI,IAAI,KAAK,GACX,CACV,EAAA,CACE;;"}

package/dist/esm/Display/Badge.d.ts

@@ -1,12 +1,21 @@
-import React from 'react';
+import type { ReactNode } from 'react';
+/** Severity tone of a {@link Badge}. */
 export type BadgeSeverity = 'secondary' | 'info' | 'success' | 'warn' | 'danger' | 'contrast';
+/** Props for {@link Badge}. */
 export interface BadgeProps {
-    value?: React.ReactNode;
+    /** The value shown inside the badge (e.g. a count). */
+    value?: ReactNode;
+    /** Severity tone (drives the color). */
     severity?: BadgeSeverity;
+    /** Badge size. */
     size?: 'small' | 'large' | 'xlarge';
+    /** When `circle`, renders as a dot/circle badge. */
     shape?: 'circle';
+    /** Extra class name. */
     className?: string;
-    children?: React.ReactNode;
+    /** Badge content (alternative to {@link value}). */
+    children?: ReactNode;
 }
-export declare const Badge: ({ value, severity, size, shape, className, children }: BadgeProps) => React.JSX.Element;
+/** A compact count or status badge. */
+export declare const Badge: ({ value, severity, size, shape, className, children, }: BadgeProps) => import("react").JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map

package/dist/esm/Display/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../Display/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAG9F,MAAM,WAAW,UAAU;IAEvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEpC,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAMD,eAAO,MAAM,KAAK,GAAI,uDAAuD,UAAU,sBAItF,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../Display/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wCAAwC;AACxC,MAAM,MAAM,aAAa,GACrB,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAEtE,+BAA+B;AAC/B,MAAM,WAAW,UAAU;IACvB,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,oDAAoD;IACpD,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,uCAAuC;AACvC,eAAO,MAAM,KAAK,GAAI,wDAOnB,UAAU,gCAUZ,CAAC"}