@stackone/malachite 2.50.0 → 2.51.1

package/dist/components/ConfirmationDialog.js

@@ -1,221 +1,196 @@
-import { jsxs as x, jsx as i } from "react/jsx-runtime";
-import { useState as k, useId as I, useEffect as Y } from "react";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useState as w, useId as g } from "react";
 import { Alert as H } from "./Alert.js";
-import { Button as z } from "./Button.js";
+import { Button as N } from "./Button.js";
 import Z from "./CustomIcons/CheckCircleFilled.js";
-import J from "./CustomIcons/CheckIcon.js";
-import P from "./CustomIcons/CopyIcon.js";
+import J from "./CustomIcons/CheckmarkIcon.js";
+import K from "./CustomIcons/CopyIcon.js";
 import Q from "./CustomIcons/ErrorCircleFilled.js";
 import U from "./CustomIcons/InfoCircleFilled.js";
 import X from "./CustomIcons/WarningCircleFilled.js";
-import { FieldMessage as ee } from "./FieldMessage.js";
-import { Modal as te } from "./Modal.js";
+import { FieldMessage as P } from "./FieldMessage.js";
+import { Modal as ee } from "./Modal.js";
 import { Typography as S } from "./Typography/index.js";
-import { CONFIRMATION_DIALOG_VARIANTS as ie } from "./confirmationDialogVariants.js";
+import { useClipboardCopy as ie } from "./useClipboardCopy.js";
+import { CONFIRMATION_DIALOG_VARIANTS as re } from "./confirmationDialogVariants.js";
 import oe from "./Input/Input.js";
-const v = 12, re = 1200, C = (e) => e.replace(/\s+/g, " "), ae = (e, t) => {
-  const r = e.trim();
-  if (!(!t || r === "" || r === t) && C(r).toLowerCase() === C(t).toLowerCase())
-    return C(r) === C(t) ? "The spacing has to match exactly." : "This is case-sensitive.";
-}, le = "Could not copy. Enter the phrase manually.", se = (e, t) => {
-  const r = typeof e == "object" && e !== null ? e : void 0;
-  return r ? { parts: r, text: [r.prefix, t, r.suffix].filter(Boolean).join(" ") } : { text: typeof e == "string" ? e : `Type ${t} to confirm` };
-}, ne = (e, t) => e === "copied" ? `${t} copied to clipboard` : "", ce = (e, t, r, u) => {
-  var o;
-  const f = `${t}|${e}`, [a, l] = k({ key: f, generation: 0, outcome: "idle" });
-  a.key !== f && l((c) => ({
-    key: f,
-    generation: c.generation + 1,
-    outcome: "idle"
-  })), Y(() => {
-    if (a.outcome !== "copied")
-      return;
-    const c = setTimeout(
-      () => l((d) => ({ ...d, outcome: "idle" })),
-      re
-    );
-    return () => clearTimeout(c);
-  }, [a.outcome]);
-  const s = typeof navigator < "u" && !!((o = navigator.clipboard) != null && o.writeText), n = async () => {
-    if (!e || !s)
-      return;
-    const c = a.generation, d = (y) => l(
-      (m) => m.generation === c ? { ...m, outcome: y } : m
-    );
-    try {
-      await navigator.clipboard.writeText(e);
-    } catch {
-      d("failed");
-      return;
-    }
-    d("copied"), queueMicrotask(() => u == null ? void 0 : u(e));
+const v = 12, C = (e) => e.replace(/\s+/g, " "), te = (e, i) => {
+  const o = e.trim();
+  if (!(!i || o === "" || o === i) && C(o).toLowerCase() === C(i).toLowerCase())
+    return C(o) === C(i) ? "The spacing has to match exactly." : "This is case-sensitive.";
+}, ae = "Could not copy. Enter the phrase manually.", le = (e, i) => {
+  const o = typeof e == "object" && e !== null ? e : void 0;
+  return o ? { parts: o, text: [o.prefix, i, o.suffix].filter(Boolean).join(" ") } : { text: typeof e == "string" ? e : `Type ${i} to confirm` };
+}, se = (e, i) => e === "copied" ? `${i} copied to clipboard` : "", ne = (e, i, o, s) => {
+  const { outcome: p, canCopy: m, copy: n } = ie(`${i}|${e}`), l = async () => {
+    e && await n(e) && queueMicrotask(() => s == null ? void 0 : s(e));
   };
-  return { outcome: a.outcome, canCopy: s && !r, copy: () => void n() };
-}, L = ({ children: e }) => /* @__PURE__ */ i(S.Text, { size: "xsmall", color: "primary", fontWeight: "semi-bold", children: e }), de = ({
+  return { outcome: p, canCopy: m && !o, copy: () => void l() };
+}, j = ({ children: e }) => /* @__PURE__ */ r(S.Text, { size: "xsmall", color: "primary", fontWeight: "semi-bold", children: e }), ce = ({
   phrase: e,
-  parts: t,
-  plainLabel: r,
-  placeholder: u,
-  value: f,
-  onChange: a,
-  disabled: l,
-  copyLabel: s,
-  copyOutcome: n,
-  canCopy: o,
-  onCopy: c,
-  nearMissMessage: d
+  parts: i,
+  plainLabel: o,
+  placeholder: s,
+  value: p,
+  onChange: m,
+  disabled: n,
+  copyLabel: l,
+  copyOutcome: c,
+  canCopy: t,
+  onCopy: I,
+  nearMissMessage: f
 }) => {
-  const y = I(), m = I(), b = I(), g = [d, n === "failed" ? le : void 0].filter(Boolean).join(" ") || void 0, p = t ? [y, t.suffix ? m : void 0].filter(Boolean).join(" ") : void 0;
-  return /* @__PURE__ */ x("div", { className: "flex flex-col gap-[6px]", children: [
-    t ? /* @__PURE__ */ x("div", { className: "flex flex-wrap items-center gap-[6px] px-2", children: [
-      /* @__PURE__ */ x("span", { id: y, children: [
-        /* @__PURE__ */ i(L, { children: t.prefix }),
+  const u = g(), y = g(), b = g(), x = [f, c === "failed" ? ae : void 0].filter(Boolean).join(" ") || void 0, a = i ? [u, i.suffix ? y : void 0].filter(Boolean).join(" ") : void 0;
+  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-[6px]", children: [
+    i ? /* @__PURE__ */ d("div", { className: "flex flex-wrap items-center gap-[6px] px-2", children: [
+      /* @__PURE__ */ d("span", { id: u, children: [
+        /* @__PURE__ */ r(j, { children: i.prefix }),
         " ",
-        /* @__PURE__ */ i(S.CodeText, { variant: "inline", size: "small", children: e })
+        /* @__PURE__ */ r(S.CodeText, { variant: "inline", size: "small", children: e })
       ] }),
-      /* @__PURE__ */ i(
-        z,
+      /* @__PURE__ */ r(
+        N,
         {
           variant: "ghost",
           size: "small",
           iconOnly: !0,
-          "aria-label": `${s} ${e}`,
-          icon: n === "copied" ? /* @__PURE__ */ i(J, { size: 13 }) : /* @__PURE__ */ i(P, { size: 13 }),
-          onClick: c,
-          disabled: !o
+          "aria-label": `${l} ${e}`,
+          icon: c === "copied" ? /* @__PURE__ */ r(J, { size: 13 }) : /* @__PURE__ */ r(K, { size: 13 }),
+          onClick: I,
+          disabled: !t
         }
       ),
-      t.suffix ? /* @__PURE__ */ i("span", { id: m, children: /* @__PURE__ */ i(L, { children: t.suffix }) }) : null
+      i.suffix ? /* @__PURE__ */ r("span", { id: y, children: /* @__PURE__ */ r(j, { children: i.suffix }) }) : null
     ] }) : null,
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ r(
       oe,
       {
         name: "confirmation-phrase",
         size: "large",
-        value: f,
-        onChange: a,
-        label: t ? void 0 : r,
-        "aria-labelledby": p,
-        placeholder: u,
+        value: p,
+        onChange: m,
+        label: i ? void 0 : o,
+        "aria-labelledby": a,
+        placeholder: s,
         requiredIndicator: "none",
-        error: !!d,
-        "aria-describedby": g ? b : void 0,
-        disabled: l
+        error: !!f,
+        "aria-describedby": x ? b : void 0,
+        disabled: n
       }
     ),
-    /* @__PURE__ */ i(ee, { id: b, message: g }),
-    t ? /* @__PURE__ */ i("span", { role: "status", className: "sr-only", children: ne(n, e) }) : null
+    /* @__PURE__ */ r(P, { id: b, message: x }),
+    i ? /* @__PURE__ */ r("span", { role: "status", className: "sr-only", children: se(c, e) }) : null
   ] });
-}, pe = {
-  default: /* @__PURE__ */ i(U, { size: v }),
-  warning: /* @__PURE__ */ i(X, { size: v }),
-  destructive: /* @__PURE__ */ i(Q, { size: v }),
-  success: /* @__PURE__ */ i(Z, { size: v })
-}, Ne = ({
+}, de = {
+  default: /* @__PURE__ */ r(U, { size: v }),
+  warning: /* @__PURE__ */ r(X, { size: v }),
+  destructive: /* @__PURE__ */ r(Q, { size: v }),
+  success: /* @__PURE__ */ r(Z, { size: v })
+}, ke = ({
   open: e,
-  onClose: t,
-  onConfirm: r,
-  title: u,
-  titleAdornment: f,
-  badgeIcon: a,
-  description: l,
-  variant: s = "default",
-  callout: n,
-  confirmPhrase: o,
-  confirmPhraseLabel: c,
-  confirmPhraseCopyLabel: d = "Copy",
-  onPhraseCopied: y,
-  confirmPhrasePlaceholder: m,
+  onClose: i,
+  onConfirm: o,
+  title: s,
+  titleAdornment: p,
+  badgeIcon: m,
+  description: n,
+  variant: l = "default",
+  callout: c,
+  confirmPhrase: t,
+  confirmPhraseLabel: I,
+  confirmPhraseCopyLabel: f = "Copy",
+  onPhraseCopied: u,
+  confirmPhrasePlaceholder: y,
   confirmLabel: b = "Confirm",
-  cancelLabel: g = "Cancel",
-  loading: p = !1,
-  tip: _,
-  size: j = "medium",
-  "aria-label": D,
-  "aria-labelledby": M,
-  children: O
+  cancelLabel: x = "Cancel",
+  loading: a = !1,
+  tip: E,
+  size: M = "medium",
+  "aria-label": O,
+  "aria-labelledby": _,
+  children: B
 }) => {
-  const [T, A] = k(""), N = I(), h = ie[s], [F, B] = k({ open: e, confirmPhrase: o });
-  (F.open !== e || F.confirmPhrase !== o) && (B({ open: e, confirmPhrase: o }), e && A(""));
-  const { parts: $, text: w } = se(
-    c,
-    o
+  const [z, A] = w(""), T = g(), h = re[l], [k, D] = w({ open: e, confirmPhrase: t });
+  (k.open !== e || k.confirmPhrase !== t) && (D({ open: e, confirmPhrase: t }), e && A(""));
+  const { parts: $, text: F } = le(
+    I,
+    t
   ), {
     outcome: G,
     canCopy: R,
     copy: V
-  } = ce(o, e, p, y), E = !o || T.trim() === o, q = ae(T, o), K = p || !E, W = /* @__PURE__ */ x("div", { className: "flex w-full flex-wrap items-center justify-end gap-[8px]", children: [
-    /* @__PURE__ */ i(z, { variant: "outline", size: "small", onClick: t, disabled: p, children: g }),
-    /* @__PURE__ */ i(
-      z,
+  } = ne(t, e, a, u), L = !t || z.trim() === t, q = te(z, t), W = a || !L, Y = /* @__PURE__ */ d("div", { className: "flex w-full flex-wrap items-center justify-end gap-[8px]", children: [
+    /* @__PURE__ */ r(N, { variant: "outline", size: "small", onClick: i, disabled: a, children: x }),
+    /* @__PURE__ */ r(
+      N,
       {
         variant: h.confirmVariant,
         size: "small",
-        onClick: r,
-        disabled: K,
-        loading: p,
-        tooltip: !p && !E ? w : void 0,
+        onClick: o,
+        disabled: W,
+        loading: a,
+        tooltip: !a && !L ? F : void 0,
         children: b
       }
     )
   ] });
-  return /* @__PURE__ */ x(
-    te,
+  return /* @__PURE__ */ d(
+    ee,
     {
       open: e,
-      onClose: t,
-      title: u,
-      size: j,
-      footer: W,
-      busy: p,
-      role: s === "destructive" ? "alertdialog" : "dialog",
-      "aria-label": D,
-      "aria-labelledby": M,
-      "aria-describedby": l ? N : void 0,
-      closeOnOverlayClick: s !== "destructive" && !o,
+      onClose: i,
+      title: s,
+      size: M,
+      footer: Y,
+      busy: a,
+      role: l === "destructive" ? "alertdialog" : "dialog",
+      "aria-label": O,
+      "aria-labelledby": _,
+      "aria-describedby": n ? T : void 0,
+      closeOnOverlayClick: l !== "destructive" && !t,
       headerDivider: !0,
-      titleAdornment: f,
+      titleAdornment: p,
       bodyPadding: !1,
-      tray: { tone: h.tray, caption: _ },
-      icon: /* @__PURE__ */ i(
+      tray: { tone: h.tray, caption: E },
+      icon: /* @__PURE__ */ r(
         "span",
         {
           "aria-hidden": "true",
           className: "confirmation-badge flex size-[18px] shrink-0 items-center justify-center rounded-[7px] text-[var(--malachite-card-background)]",
           style: { backgroundColor: h.badge },
-          children: a ?? pe[s]
+          children: m ?? de[l]
         }
       ),
       children: [
-        n ? /* @__PURE__ */ i("div", { className: "border-0 border-b border-solid border-[var(--malachite-card-subtle-divider,var(--malachite-card-border))] p-[10px]", children: /* @__PURE__ */ i(
+        c ? /* @__PURE__ */ r("div", { className: "border-0 border-b border-solid border-[var(--malachite-card-subtle-divider,var(--malachite-card-border))] p-[10px]", children: /* @__PURE__ */ r(
           H,
           {
-            type: n.type ?? h.calloutType,
-            message: n.message,
+            type: c.type ?? h.calloutType,
+            message: c.message,
             hasMargin: !1
           }
         ) }) : null,
-        /* @__PURE__ */ x("div", { className: "flex flex-col gap-[12px] p-[28px]", children: [
-          l ? /* @__PURE__ */ i(
+        /* @__PURE__ */ d("div", { className: "flex flex-col gap-[12px] p-[28px]", children: [
+          n ? /* @__PURE__ */ r(
             "div",
             {
-              id: N,
+              id: T,
               className: "text-[13px] leading-[1.6] text-[var(--malachite-text-secondary)]",
-              children: l
+              children: n
             }
           ) : null,
-          O,
-          o ? /* @__PURE__ */ i(
-            de,
+          B,
+          t ? /* @__PURE__ */ r(
+            ce,
             {
-              phrase: o,
+              phrase: t,
               parts: $,
-              plainLabel: w,
-              placeholder: m,
-              value: T,
+              plainLabel: F,
+              placeholder: y,
+              value: z,
               onChange: A,
-              disabled: p,
-              copyLabel: d,
+              disabled: a,
+              copyLabel: f,
               copyOutcome: G,
               canCopy: R,
               onCopy: V,
@@ -228,7 +203,7 @@ const v = 12, re = 1200, C = (e) => e.replace(/\s+/g, " "), ae = (e, t) => {
   );
 };
 export {
-  Ne as ConfirmationDialog,
-  Ne as default
+  ke as ConfirmationDialog,
+  ke as default
 };
 //# sourceMappingURL=ConfirmationDialog.js.map

package/dist/components/ConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.js","sources":["../../src/components/ConfirmationDialog.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useId, useState } from 'react';\nimport Alert, { type AlertType } from './Alert';\nimport Button from './Button';\nimport CheckCircleFilled from './CustomIcons/CheckCircleFilled';\nimport CheckIcon from './CustomIcons/CheckIcon';\nimport CopyIcon from './CustomIcons/CopyIcon';\nimport ErrorCircleFilled from './CustomIcons/ErrorCircleFilled';\nimport InfoCircleFilled from './CustomIcons/InfoCircleFilled';\nimport WarningCircleFilled from './CustomIcons/WarningCircleFilled';\nimport FieldMessage from './FieldMessage';\nimport { Input } from './Input';\nimport Modal, { type ModalSize } from './Modal';\nimport Typography from './Typography';\nimport {\n    CONFIRMATION_DIALOG_VARIANTS,\n    type ConfirmationDialogVariant,\n} from './confirmationDialogVariants';\n\n/** Kept beside the component: an icon is a node, not a value the variant table can hold. */\nconst BADGE_GLYPH_SIZE = 12;\n\nconst COPIED_FEEDBACK_MS = 1200;\n\nconst collapseSpaces = (value: string) => value.replace(/\\s+/g, ' ');\n\nconst nearMissAgainst = (typedPhrase: string, confirmPhrase?: string): string | undefined => {\n    const typed = typedPhrase.trim();\n    if (!confirmPhrase || typed === '' || typed === confirmPhrase) {\n        return undefined;\n    }\n    if (collapseSpaces(typed).toLowerCase() !== collapseSpaces(confirmPhrase).toLowerCase()) {\n        return undefined;\n    }\n    return collapseSpaces(typed) === collapseSpaces(confirmPhrase)\n        ? 'The spacing has to match exactly.'\n        : 'This is case-sensitive.';\n};\n\ntype PhraseLabel = string | { prefix: string; suffix?: string };\n\ntype CopyOutcome = 'idle' | 'copied' | 'failed';\n\nconst COPY_FAILED_MESSAGE = 'Could not copy. Enter the phrase manually.';\n\nconst resolvePhraseLabel = (\n    label: PhraseLabel | undefined,\n    phrase?: string,\n): { parts?: { prefix: string; suffix?: string }; text: string } => {\n    const parts = typeof label === 'object' && label !== null ? label : undefined;\n    if (parts) {\n        return { parts, text: [parts.prefix, phrase, parts.suffix].filter(Boolean).join(' ') };\n    }\n    return { text: typeof label === 'string' ? label : `Type ${phrase} to confirm` };\n};\n\nconst copyStatusFor = (outcome: CopyOutcome, phrase: string): string =>\n    outcome === 'copied' ? `${phrase} copied to clipboard` : '';\n\nconst usePhraseCopy = (\n    phrase: string | undefined,\n    open: boolean,\n    disabled: boolean,\n    onCopied?: (phrase: string) => void,\n): { outcome: CopyOutcome; canCopy: boolean; copy: () => void } => {\n    const decisionKey = `${open}|${phrase}`;\n    const [state, setState] = useState<{\n        key: string;\n        generation: number;\n        outcome: CopyOutcome;\n    }>({ key: decisionKey, generation: 0, outcome: 'idle' });\n    if (state.key !== decisionKey) {\n        setState((previous) => ({\n            key: decisionKey,\n            generation: previous.generation + 1,\n            outcome: 'idle',\n        }));\n    }\n\n    useEffect(() => {\n        if (state.outcome !== 'copied') {\n            return;\n        }\n        const timer = setTimeout(\n            () => setState((previous) => ({ ...previous, outcome: 'idle' })),\n            COPIED_FEEDBACK_MS,\n        );\n        return () => clearTimeout(timer);\n    }, [state.outcome]);\n\n    const canCopy = typeof navigator !== 'undefined' && !!navigator.clipboard?.writeText;\n\n    const run = async () => {\n        if (!phrase || !canCopy) {\n            return;\n        }\n        const generation = state.generation;\n        const settle = (outcome: CopyOutcome) =>\n            setState((previous) =>\n                previous.generation === generation ? { ...previous, outcome } : previous,\n            );\n        try {\n            await navigator.clipboard.writeText(phrase);\n        } catch {\n            settle('failed');\n            return;\n        }\n        settle('copied');\n        queueMicrotask(() => onCopied?.(phrase));\n    };\n\n    return { outcome: state.outcome, canCopy: canCopy && !disabled, copy: () => void run() };\n};\n\nconst LabelText: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <Typography.Text size=\"xsmall\" color=\"primary\" fontWeight=\"semi-bold\">\n        {children}\n    </Typography.Text>\n);\n\ninterface PhraseFieldProps {\n    phrase: string;\n    parts?: { prefix: string; suffix?: string };\n    plainLabel: string;\n    placeholder?: string;\n    value: string;\n    onChange: (value: string) => void;\n    disabled: boolean;\n    copyLabel: string;\n    copyOutcome: CopyOutcome;\n    canCopy: boolean;\n    onCopy: () => void;\n    nearMissMessage?: string;\n}\n\nconst PhraseField: React.FC<PhraseFieldProps> = ({\n    phrase,\n    parts,\n    plainLabel,\n    placeholder,\n    value,\n    onChange,\n    disabled,\n    copyLabel,\n    copyOutcome,\n    canCopy,\n    onCopy,\n    nearMissMessage,\n}) => {\n    const beforeId = useId();\n    const afterId = useId();\n    const messageId = useId();\n    const message =\n        [nearMissMessage, copyOutcome === 'failed' ? COPY_FAILED_MESSAGE : undefined]\n            .filter(Boolean)\n            .join(' ') || undefined;\n    const labelledBy = parts\n        ? [beforeId, parts.suffix ? afterId : undefined].filter(Boolean).join(' ')\n        : undefined;\n\n    return (\n        <div className=\"flex flex-col gap-[6px]\">\n            {parts ? (\n                <div className=\"flex flex-wrap items-center gap-[6px] px-2\">\n                    <span id={beforeId}>\n                        <LabelText>{parts.prefix}</LabelText>{' '}\n                        <Typography.CodeText variant=\"inline\" size=\"small\">\n                            {phrase}\n                        </Typography.CodeText>\n                    </span>\n                    <Button\n                        variant=\"ghost\"\n                        size=\"small\"\n                        iconOnly\n                        aria-label={`${copyLabel} ${phrase}`}\n                        icon={\n                            copyOutcome === 'copied' ? (\n                                <CheckIcon size={13} />\n                            ) : (\n                                <CopyIcon size={13} />\n                            )\n                        }\n                        onClick={onCopy}\n                        disabled={!canCopy}\n                    />\n                    {parts.suffix ? (\n                        <span id={afterId}>\n                            <LabelText>{parts.suffix}</LabelText>\n                        </span>\n                    ) : null}\n                </div>\n            ) : null}\n            <Input\n                name=\"confirmation-phrase\"\n                size=\"large\"\n                value={value}\n                onChange={onChange}\n                label={parts ? undefined : plainLabel}\n                aria-labelledby={labelledBy}\n                placeholder={placeholder}\n                requiredIndicator=\"none\"\n                error={!!nearMissMessage}\n                aria-describedby={message ? messageId : undefined}\n                disabled={disabled}\n            />\n            <FieldMessage id={messageId} message={message} />\n            {parts ? (\n                <span role=\"status\" className=\"sr-only\">\n                    {copyStatusFor(copyOutcome, phrase)}\n                </span>\n            ) : null}\n        </div>\n    );\n};\n\nconst VARIANT_ICON: Record<ConfirmationDialogVariant, React.ReactNode> = {\n    default: <InfoCircleFilled size={BADGE_GLYPH_SIZE} />,\n    warning: <WarningCircleFilled size={BADGE_GLYPH_SIZE} />,\n    destructive: <ErrorCircleFilled size={BADGE_GLYPH_SIZE} />,\n    success: <CheckCircleFilled size={BADGE_GLYPH_SIZE} />,\n};\n\nexport interface ConfirmationDialogProps {\n    open: boolean;\n    /** Dismiss handler — cancel, close button, ESC or scrim. `loading` suppresses every\n     *  route except ESC, which always reaches this so a keyboard user is never stranded. */\n    onClose: () => void;\n    /** Runs when the confirm action is taken. Closing is left to the consumer. */\n    onConfirm: () => void;\n    title: React.ReactNode;\n    titleAdornment?: React.ReactNode;\n    badgeIcon?: React.ReactNode;\n    /** The sentence saying what is about to happen. */\n    description?: React.ReactNode;\n    variant?: ConfirmationDialogVariant;\n    /** Coloured callout below the body. Defaults to the variant's own type. */\n    callout?: { type?: AlertType; message: string };\n    /**\n     * Requires this exact phrase to be typed before the confirm action enables — for a\n     * consequence severe enough that a single click should not be able to cause it.\n     */\n    confirmPhrase?: string;\n    /** Label above the type-to-confirm field. `{ prefix, suffix }` makes the phrase copyable. */\n    confirmPhraseLabel?: PhraseLabel;\n    /** Names the copy control, e.g. `Copy profile name`. Default: `Copy`. */\n    confirmPhraseCopyLabel?: string;\n    /** Runs after the phrase reaches the clipboard, with what was copied. */\n    onPhraseCopied?: (phrase: string) => void;\n    confirmPhrasePlaceholder?: string;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    /**\n     * Disables the actions, spins the confirm button and suppresses the pointer dismissal\n     * routes — but never ESC, which always reaches `onClose`.\n     */\n    loading?: boolean;\n    tip?: { label?: string; message: string };\n    size?: ModalSize;\n    /** Accessible dialog name; required when `title` isn't a plain string. */\n    'aria-label'?: string;\n    /** ID of a visible element naming the dialog (alternative to `aria-label`). */\n    'aria-labelledby'?: string;\n    /** Extra body content between the description and the callout, e.g. an entity chip. */\n    children?: React.ReactNode;\n}\n\nconst ConfirmationDialog: React.FC<ConfirmationDialogProps> = ({\n    open,\n    onClose,\n    onConfirm,\n    title,\n    titleAdornment,\n    badgeIcon,\n    description,\n    variant = 'default',\n    callout,\n    confirmPhrase,\n    confirmPhraseLabel,\n    confirmPhraseCopyLabel = 'Copy',\n    onPhraseCopied,\n    confirmPhrasePlaceholder,\n    confirmLabel = 'Confirm',\n    cancelLabel = 'Cancel',\n    loading = false,\n    tip,\n    size = 'medium',\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    children,\n}) => {\n    const [typedPhrase, setTypedPhrase] = useState('');\n    const descriptionId = useId();\n    const base = CONFIRMATION_DIALOG_VARIANTS[variant];\n\n    // On open, not close: the dialog outlives `open` by its exit transition, so resetting on\n    // close empties the field in front of the user. Adjusted during render rather than from an\n    // effect, or a reopen paints the previous answer once with confirm already enabled.\n    const [answeredFor, setAnsweredFor] = useState({ open, confirmPhrase });\n    if (answeredFor.open !== open || answeredFor.confirmPhrase !== confirmPhrase) {\n        setAnsweredFor({ open, confirmPhrase });\n        if (open) {\n            setTypedPhrase('');\n        }\n    }\n\n    const { parts: phraseParts, text: phraseLabel } = resolvePhraseLabel(\n        confirmPhraseLabel,\n        confirmPhrase,\n    );\n    const {\n        outcome: copyOutcome,\n        canCopy: canCopyPhrase,\n        copy: handleCopyPhrase,\n    } = usePhraseCopy(confirmPhrase, open, loading, onPhraseCopied);\n    // Trimmed because copying an entity name commonly picks up a trailing space; the gate is\n    // still exact, and deliberately case-sensitive.\n    const phraseSatisfied = !confirmPhrase || typedPhrase.trim() === confirmPhrase;\n    const nearMissMessage = nearMissAgainst(typedPhrase, confirmPhrase);\n    const confirmDisabled = loading || !phraseSatisfied;\n\n    const footer = (\n        <div className=\"flex w-full flex-wrap items-center justify-end gap-[8px]\">\n            <Button variant=\"outline\" size=\"small\" onClick={onClose} disabled={loading}>\n                {cancelLabel}\n            </Button>\n            <Button\n                variant={base.confirmVariant}\n                size=\"small\"\n                onClick={onConfirm}\n                disabled={confirmDisabled}\n                loading={loading}\n                // A disabled control emits no hover, so the tooltip explains the gate from the\n                // wrapper Button renders for exactly this case.\n                tooltip={!loading && !phraseSatisfied ? phraseLabel : undefined}\n            >\n                {confirmLabel}\n            </Button>\n        </div>\n    );\n\n    return (\n        <Modal\n            open={open}\n            onClose={onClose}\n            title={title}\n            size={size}\n            footer={footer}\n            busy={loading}\n            // A consequential choice is an alertdialog: it asks assistive tech to announce the\n            // body, which is where the consequence is written.\n            role={variant === 'destructive' ? 'alertdialog' : 'dialog'}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            aria-describedby={description ? descriptionId : undefined}\n            // A choice this deliberate should not be undone by a stray click, and a scrim\n            // click must not discard a phrase the customer has already typed.\n            closeOnOverlayClick={variant !== 'destructive' && !confirmPhrase}\n            headerDivider\n            titleAdornment={titleAdornment}\n            bodyPadding={false}\n            tray={{ tone: base.tray, caption: tip }}\n            icon={\n                <span\n                    aria-hidden=\"true\"\n                    className=\"confirmation-badge flex size-[18px] shrink-0 items-center justify-center rounded-[7px] text-[var(--malachite-card-background)]\"\n                    style={{ backgroundColor: base.badge }}\n                >\n                    {badgeIcon ?? VARIANT_ICON[variant]}\n                </span>\n            }\n        >\n            {callout ? (\n                <div className=\"border-0 border-b border-solid border-[var(--malachite-card-subtle-divider,var(--malachite-card-border))] p-[10px]\">\n                    <Alert\n                        type={callout.type ?? base.calloutType}\n                        message={callout.message}\n                        hasMargin={false}\n                    />\n                </div>\n            ) : null}\n            <div className=\"flex flex-col gap-[12px] p-[28px]\">\n                {description ? (\n                    <div\n                        id={descriptionId}\n                        className=\"text-[13px] leading-[1.6] text-[var(--malachite-text-secondary)]\"\n                    >\n                        {description}\n                    </div>\n                ) : null}\n                {children}\n                {confirmPhrase ? (\n                    <PhraseField\n                        phrase={confirmPhrase}\n                        parts={phraseParts}\n                        plainLabel={phraseLabel}\n                        placeholder={confirmPhrasePlaceholder}\n                        value={typedPhrase}\n                        onChange={setTypedPhrase}\n                        disabled={loading}\n                        copyLabel={confirmPhraseCopyLabel}\n                        copyOutcome={copyOutcome}\n                        canCopy={canCopyPhrase}\n                        onCopy={handleCopyPhrase}\n                        nearMissMessage={nearMissMessage}\n                    />\n                ) : null}\n            </div>\n        </Modal>\n    );\n};\n\nexport default ConfirmationDialog;\nexport { ConfirmationDialog };\nexport type { ConfirmationDialogVariant };\n"],"names":["BADGE_GLYPH_SIZE","COPIED_FEEDBACK_MS","collapseSpaces","value","nearMissAgainst","typedPhrase","confirmPhrase","typed","COPY_FAILED_MESSAGE","resolvePhraseLabel","label","phrase","parts","copyStatusFor","outcome","usePhraseCopy","open","disabled","onCopied","decisionKey","state","setState","useState","previous","useEffect","timer","canCopy","_a","run","generation","settle","LabelText","children","jsx","Typography","PhraseField","plainLabel","placeholder","onChange","copyLabel","copyOutcome","onCopy","nearMissMessage","beforeId","useId","afterId","messageId","message","labelledBy","jsxs","Button","CheckIcon","CopyIcon","Input","FieldMessage","VARIANT_ICON","InfoCircleFilled","WarningCircleFilled","ErrorCircleFilled","CheckCircleFilled","ConfirmationDialog","onClose","onConfirm","title","titleAdornment","badgeIcon","description","variant","callout","confirmPhraseLabel","confirmPhraseCopyLabel","onPhraseCopied","confirmPhrasePlaceholder","confirmLabel","cancelLabel","loading","tip","size","ariaLabel","ariaLabelledBy","setTypedPhrase","descriptionId","base","CONFIRMATION_DIALOG_VARIANTS","answeredFor","setAnsweredFor","phraseParts","phraseLabel","canCopyPhrase","handleCopyPhrase","phraseSatisfied","confirmDisabled","footer","Modal","Alert"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAMA,IAAmB,IAEnBC,KAAqB,MAErBC,IAAiB,CAACC,MAAkBA,EAAM,QAAQ,QAAQ,GAAG,GAE7DC,KAAkB,CAACC,GAAqBC,MAA+C;AACzF,QAAMC,IAAQF,EAAY,KAAA;AAC1B,MAAI,GAACC,KAAiBC,MAAU,MAAMA,MAAUD,MAG5CJ,EAAeK,CAAK,EAAE,YAAA,MAAkBL,EAAeI,CAAa,EAAE;AAG1E,WAAOJ,EAAeK,CAAK,MAAML,EAAeI,CAAa,IACvD,sCACA;AACV,GAMME,KAAsB,8CAEtBC,KAAqB,CACvBC,GACAC,MACgE;AAChE,QAAMC,IAAQ,OAAOF,KAAU,YAAYA,MAAU,OAAOA,IAAQ;AACpE,SAAIE,IACO,EAAE,OAAAA,GAAO,MAAM,CAACA,EAAM,QAAQD,GAAQC,EAAM,MAAM,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAA,IAEhF,EAAE,MAAM,OAAOF,KAAU,WAAWA,IAAQ,QAAQC,CAAM,cAAA;AACrE,GAEME,KAAgB,CAACC,GAAsBH,MACzCG,MAAY,WAAW,GAAGH,CAAM,yBAAyB,IAEvDI,KAAgB,CAClBJ,GACAK,GACAC,GACAC,MAC+D;;AAC/D,QAAMC,IAAc,GAAGH,CAAI,IAAIL,CAAM,IAC/B,CAACS,GAAOC,CAAQ,IAAIC,EAIvB,EAAE,KAAKH,GAAa,YAAY,GAAG,SAAS,OAAA,CAAQ;AACvD,EAAIC,EAAM,QAAQD,KACdE,EAAS,CAACE,OAAc;AAAA,IACpB,KAAKJ;AAAA,IACL,YAAYI,EAAS,aAAa;AAAA,IAClC,SAAS;AAAA,EAAA,EACX,GAGNC,EAAU,MAAM;AACZ,QAAIJ,EAAM,YAAY;AAClB;AAEJ,UAAMK,IAAQ;AAAA,MACV,MAAMJ,EAAS,CAACE,OAAc,EAAE,GAAGA,GAAU,SAAS,OAAA,EAAS;AAAA,MAC/DtB;AAAA,IAAA;AAEJ,WAAO,MAAM,aAAawB,CAAK;AAAA,EACnC,GAAG,CAACL,EAAM,OAAO,CAAC;AAElB,QAAMM,IAAU,OAAO,YAAc,OAAe,CAAC,GAACC,IAAA,UAAU,cAAV,QAAAA,EAAqB,YAErEC,IAAM,YAAY;AACpB,QAAI,CAACjB,KAAU,CAACe;AACZ;AAEJ,UAAMG,IAAaT,EAAM,YACnBU,IAAS,CAAChB,MACZO;AAAA,MAAS,CAACE,MACNA,EAAS,eAAeM,IAAa,EAAE,GAAGN,GAAU,SAAAT,MAAYS;AAAA,IAAA;AAExE,QAAI;AACA,YAAM,UAAU,UAAU,UAAUZ,CAAM;AAAA,IAC9C,QAAQ;AACJ,MAAAmB,EAAO,QAAQ;AACf;AAAA,IACJ;AACA,IAAAA,EAAO,QAAQ,GACf,eAAe,MAAMZ,KAAA,gBAAAA,EAAWP,EAAO;AAAA,EAC3C;AAEA,SAAO,EAAE,SAASS,EAAM,SAAS,SAASM,KAAW,CAACT,GAAU,MAAM,MAAM,KAAKW,EAAA,EAAI;AACzF,GAEMG,IAAqD,CAAC,EAAE,UAAAC,EAAA,MAC1D,gBAAAC,EAACC,EAAW,MAAX,EAAgB,MAAK,UAAS,OAAM,WAAU,YAAW,aACrD,UAAAF,EAAA,CACL,GAkBEG,KAA0C,CAAC;AAAA,EAC7C,QAAAxB;AAAA,EACA,OAAAC;AAAA,EACA,YAAAwB;AAAA,EACA,aAAAC;AAAA,EACA,OAAAlC;AAAA,EACA,UAAAmC;AAAA,EACA,UAAArB;AAAA,EACA,WAAAsB;AAAA,EACA,aAAAC;AAAA,EACA,SAAAd;AAAA,EACA,QAAAe;AAAA,EACA,iBAAAC;AACJ,MAAM;AACF,QAAMC,IAAWC,EAAA,GACXC,IAAUD,EAAA,GACVE,IAAYF,EAAA,GACZG,IACF,CAACL,GAAiBF,MAAgB,WAAWhC,KAAsB,MAAS,EACvE,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,QAChBwC,IAAapC,IACb,CAAC+B,GAAU/B,EAAM,SAASiC,IAAU,MAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IACvE;AAEN,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,IAAArC,IACG,gBAAAqC,EAAC,OAAA,EAAI,WAAU,8CACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAA,EAAK,IAAIN,GACN,UAAA;AAAA,QAAA,gBAAAV,EAACF,GAAA,EAAW,YAAM,OAAA,CAAO;AAAA,QAAa;AAAA,QACtC,gBAAAE,EAACC,EAAW,UAAX,EAAoB,SAAQ,UAAS,MAAK,SACtC,UAAAvB,EAAA,CACL;AAAA,MAAA,GACJ;AAAA,MACA,gBAAAsB;AAAA,QAACiB;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,cAAY,GAAGX,CAAS,IAAI5B,CAAM;AAAA,UAClC,MACI6B,MAAgB,WACZ,gBAAAP,EAACkB,GAAA,EAAU,MAAM,GAAA,CAAI,IAErB,gBAAAlB,EAACmB,GAAA,EAAS,MAAM,GAAA,CAAI;AAAA,UAG5B,SAASX;AAAA,UACT,UAAU,CAACf;AAAA,QAAA;AAAA,MAAA;AAAA,MAEdd,EAAM,SACH,gBAAAqB,EAAC,QAAA,EAAK,IAAIY,GACN,UAAA,gBAAAZ,EAACF,GAAA,EAAW,UAAAnB,EAAM,OAAA,CAAO,EAAA,CAC7B,IACA;AAAA,IAAA,EAAA,CACR,IACA;AAAA,IACJ,gBAAAqB;AAAA,MAACoB;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAAlD;AAAA,QACA,UAAAmC;AAAA,QACA,OAAO1B,IAAQ,SAAYwB;AAAA,QAC3B,mBAAiBY;AAAA,QACjB,aAAAX;AAAA,QACA,mBAAkB;AAAA,QAClB,OAAO,CAAC,CAACK;AAAA,QACT,oBAAkBK,IAAUD,IAAY;AAAA,QACxC,UAAA7B;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAgB,EAACqB,IAAA,EAAa,IAAIR,GAAW,SAAAC,EAAA,CAAkB;AAAA,IAC9CnC,IACG,gBAAAqB,EAAC,QAAA,EAAK,MAAK,UAAS,WAAU,WACzB,UAAApB,GAAc2B,GAAa7B,CAAM,EAAA,CACtC,IACA;AAAA,EAAA,GACR;AAER,GAEM4C,KAAmE;AAAA,EACrE,SAAS,gBAAAtB,EAACuB,GAAA,EAAiB,MAAMxD,EAAA,CAAkB;AAAA,EACnD,SAAS,gBAAAiC,EAACwB,GAAA,EAAoB,MAAMzD,EAAA,CAAkB;AAAA,EACtD,aAAa,gBAAAiC,EAACyB,GAAA,EAAkB,MAAM1D,EAAA,CAAkB;AAAA,EACxD,SAAS,gBAAAiC,EAAC0B,GAAA,EAAkB,MAAM3D,EAAA,CAAkB;AACxD,GA8CM4D,KAAwD,CAAC;AAAA,EAC3D,MAAA5C;AAAA,EACA,SAAA6C;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,eAAA9D;AAAA,EACA,oBAAA+D;AAAA,EACA,wBAAAC,IAAyB;AAAA,EACzB,gBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,UAAA/C;AACJ,MAAM;AACF,QAAM,CAAC3B,GAAa2E,CAAc,IAAI1D,EAAS,EAAE,GAC3C2D,IAAgBrC,EAAA,GAChBsC,IAAOC,GAA6BhB,CAAO,GAK3C,CAACiB,GAAaC,CAAc,IAAI/D,EAAS,EAAE,MAAAN,GAAM,eAAAV,GAAe;AACtE,GAAI8E,EAAY,SAASpE,KAAQoE,EAAY,kBAAkB9E,OAC3D+E,EAAe,EAAE,MAAArE,GAAM,eAAAV,GAAe,GAClCU,KACAgE,EAAe,EAAE;AAIzB,QAAM,EAAE,OAAOM,GAAa,MAAMC,MAAgB9E;AAAA,IAC9C4D;AAAA,IACA/D;AAAA,EAAA,GAEE;AAAA,IACF,SAASkC;AAAA,IACT,SAASgD;AAAA,IACT,MAAMC;AAAA,EAAA,IACN1E,GAAcT,GAAeU,GAAM2D,GAASJ,CAAc,GAGxDmB,IAAkB,CAACpF,KAAiBD,EAAY,WAAWC,GAC3DoC,IAAkBtC,GAAgBC,GAAaC,CAAa,GAC5DqF,IAAkBhB,KAAW,CAACe,GAE9BE,IACF,gBAAA3C,EAAC,OAAA,EAAI,WAAU,4DACX,UAAA;AAAA,IAAA,gBAAAhB,EAACiB,GAAA,EAAO,SAAQ,WAAU,MAAK,SAAQ,SAASW,GAAS,UAAUc,GAC9D,UAAAD,EAAA,CACL;AAAA,IACA,gBAAAzC;AAAA,MAACiB;AAAA,MAAA;AAAA,QACG,SAASgC,EAAK;AAAA,QACd,MAAK;AAAA,QACL,SAASpB;AAAA,QACT,UAAU6B;AAAA,QACV,SAAAhB;AAAA,QAGA,SAAS,CAACA,KAAW,CAACe,IAAkBH,IAAc;AAAA,QAErD,UAAAd;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAGJ,SACI,gBAAAxB;AAAA,IAAC4C;AAAA,IAAA;AAAA,MACG,MAAA7E;AAAA,MACA,SAAA6C;AAAA,MACA,OAAAE;AAAA,MACA,MAAAc;AAAA,MACA,QAAAe;AAAA,MACA,MAAMjB;AAAA,MAGN,MAAMR,MAAY,gBAAgB,gBAAgB;AAAA,MAClD,cAAYW;AAAA,MACZ,mBAAiBC;AAAA,MACjB,oBAAkBb,IAAce,IAAgB;AAAA,MAGhD,qBAAqBd,MAAY,iBAAiB,CAAC7D;AAAA,MACnD,eAAa;AAAA,MACb,gBAAA0D;AAAA,MACA,aAAa;AAAA,MACb,MAAM,EAAE,MAAMkB,EAAK,MAAM,SAASN,EAAA;AAAA,MAClC,MACI,gBAAA3C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,OAAO,EAAE,iBAAiBiD,EAAK,MAAA;AAAA,UAE9B,UAAAjB,KAAaV,GAAaY,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAIzC,UAAA;AAAA,QAAAC,IACG,gBAAAnC,EAAC,OAAA,EAAI,WAAU,sHACX,UAAA,gBAAAA;AAAA,UAAC6D;AAAA,UAAA;AAAA,YACG,MAAM1B,EAAQ,QAAQc,EAAK;AAAA,YAC3B,SAASd,EAAQ;AAAA,YACjB,WAAW;AAAA,UAAA;AAAA,QAAA,GAEnB,IACA;AAAA,QACJ,gBAAAnB,EAAC,OAAA,EAAI,WAAU,qCACV,UAAA;AAAA,UAAAiB,IACG,gBAAAjC;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,IAAIgD;AAAA,cACJ,WAAU;AAAA,cAET,UAAAf;AAAA,YAAA;AAAA,UAAA,IAEL;AAAA,UACHlC;AAAA,UACA1B,IACG,gBAAA2B;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,QAAQ7B;AAAA,cACR,OAAOgF;AAAA,cACP,YAAYC;AAAA,cACZ,aAAaf;AAAA,cACb,OAAOnE;AAAA,cACP,UAAU2E;AAAA,cACV,UAAUL;AAAA,cACV,WAAWL;AAAA,cACX,aAAA9B;AAAA,cACA,SAASgD;AAAA,cACT,QAAQC;AAAA,cACR,iBAAA/C;AAAA,YAAA;AAAA,UAAA,IAEJ;AAAA,QAAA,EAAA,CACR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"ConfirmationDialog.js","sources":["../../src/components/ConfirmationDialog.tsx"],"sourcesContent":["import type React from 'react';\nimport { useId, useState } from 'react';\nimport Alert, { type AlertType } from './Alert';\nimport Button from './Button';\nimport CheckCircleFilled from './CustomIcons/CheckCircleFilled';\nimport CheckmarkIcon from './CustomIcons/CheckmarkIcon';\nimport CopyIcon from './CustomIcons/CopyIcon';\nimport ErrorCircleFilled from './CustomIcons/ErrorCircleFilled';\nimport InfoCircleFilled from './CustomIcons/InfoCircleFilled';\nimport WarningCircleFilled from './CustomIcons/WarningCircleFilled';\nimport FieldMessage from './FieldMessage';\nimport { Input } from './Input';\nimport Modal, { type ModalSize } from './Modal';\nimport Typography from './Typography';\nimport { type CopyOutcome, useClipboardCopy } from './useClipboardCopy';\nimport {\n    CONFIRMATION_DIALOG_VARIANTS,\n    type ConfirmationDialogVariant,\n} from './confirmationDialogVariants';\n\n/** Kept beside the component: an icon is a node, not a value the variant table can hold. */\nconst BADGE_GLYPH_SIZE = 12;\n\nconst collapseSpaces = (value: string) => value.replace(/\\s+/g, ' ');\n\nconst nearMissAgainst = (typedPhrase: string, confirmPhrase?: string): string | undefined => {\n    const typed = typedPhrase.trim();\n    if (!confirmPhrase || typed === '' || typed === confirmPhrase) {\n        return undefined;\n    }\n    if (collapseSpaces(typed).toLowerCase() !== collapseSpaces(confirmPhrase).toLowerCase()) {\n        return undefined;\n    }\n    return collapseSpaces(typed) === collapseSpaces(confirmPhrase)\n        ? 'The spacing has to match exactly.'\n        : 'This is case-sensitive.';\n};\n\ntype PhraseLabel = string | { prefix: string; suffix?: string };\n\nconst COPY_FAILED_MESSAGE = 'Could not copy. Enter the phrase manually.';\n\nconst resolvePhraseLabel = (\n    label: PhraseLabel | undefined,\n    phrase?: string,\n): { parts?: { prefix: string; suffix?: string }; text: string } => {\n    const parts = typeof label === 'object' && label !== null ? label : undefined;\n    if (parts) {\n        return { parts, text: [parts.prefix, phrase, parts.suffix].filter(Boolean).join(' ') };\n    }\n    return { text: typeof label === 'string' ? label : `Type ${phrase} to confirm` };\n};\n\nconst copyStatusFor = (outcome: CopyOutcome, phrase: string): string =>\n    outcome === 'copied' ? `${phrase} copied to clipboard` : '';\n\nconst usePhraseCopy = (\n    phrase: string | undefined,\n    open: boolean,\n    disabled: boolean,\n    onCopied?: (phrase: string) => void,\n): { outcome: CopyOutcome; canCopy: boolean; copy: () => void } => {\n    const { outcome, canCopy, copy } = useClipboardCopy(`${open}|${phrase}`);\n\n    const run = async () => {\n        if (phrase && (await copy(phrase))) {\n            queueMicrotask(() => onCopied?.(phrase));\n        }\n    };\n\n    return { outcome, canCopy: canCopy && !disabled, copy: () => void run() };\n};\n\nconst LabelText: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <Typography.Text size=\"xsmall\" color=\"primary\" fontWeight=\"semi-bold\">\n        {children}\n    </Typography.Text>\n);\n\ninterface PhraseFieldProps {\n    phrase: string;\n    parts?: { prefix: string; suffix?: string };\n    plainLabel: string;\n    placeholder?: string;\n    value: string;\n    onChange: (value: string) => void;\n    disabled: boolean;\n    copyLabel: string;\n    copyOutcome: CopyOutcome;\n    canCopy: boolean;\n    onCopy: () => void;\n    nearMissMessage?: string;\n}\n\nconst PhraseField: React.FC<PhraseFieldProps> = ({\n    phrase,\n    parts,\n    plainLabel,\n    placeholder,\n    value,\n    onChange,\n    disabled,\n    copyLabel,\n    copyOutcome,\n    canCopy,\n    onCopy,\n    nearMissMessage,\n}) => {\n    const beforeId = useId();\n    const afterId = useId();\n    const messageId = useId();\n    const message =\n        [nearMissMessage, copyOutcome === 'failed' ? COPY_FAILED_MESSAGE : undefined]\n            .filter(Boolean)\n            .join(' ') || undefined;\n    const labelledBy = parts\n        ? [beforeId, parts.suffix ? afterId : undefined].filter(Boolean).join(' ')\n        : undefined;\n\n    return (\n        <div className=\"flex flex-col gap-[6px]\">\n            {parts ? (\n                <div className=\"flex flex-wrap items-center gap-[6px] px-2\">\n                    <span id={beforeId}>\n                        <LabelText>{parts.prefix}</LabelText>{' '}\n                        <Typography.CodeText variant=\"inline\" size=\"small\">\n                            {phrase}\n                        </Typography.CodeText>\n                    </span>\n                    <Button\n                        variant=\"ghost\"\n                        size=\"small\"\n                        iconOnly\n                        aria-label={`${copyLabel} ${phrase}`}\n                        icon={\n                            copyOutcome === 'copied' ? (\n                                <CheckmarkIcon size={13} />\n                            ) : (\n                                <CopyIcon size={13} />\n                            )\n                        }\n                        onClick={onCopy}\n                        disabled={!canCopy}\n                    />\n                    {parts.suffix ? (\n                        <span id={afterId}>\n                            <LabelText>{parts.suffix}</LabelText>\n                        </span>\n                    ) : null}\n                </div>\n            ) : null}\n            <Input\n                name=\"confirmation-phrase\"\n                size=\"large\"\n                value={value}\n                onChange={onChange}\n                label={parts ? undefined : plainLabel}\n                aria-labelledby={labelledBy}\n                placeholder={placeholder}\n                requiredIndicator=\"none\"\n                error={!!nearMissMessage}\n                aria-describedby={message ? messageId : undefined}\n                disabled={disabled}\n            />\n            <FieldMessage id={messageId} message={message} />\n            {parts ? (\n                <span role=\"status\" className=\"sr-only\">\n                    {copyStatusFor(copyOutcome, phrase)}\n                </span>\n            ) : null}\n        </div>\n    );\n};\n\nconst VARIANT_ICON: Record<ConfirmationDialogVariant, React.ReactNode> = {\n    default: <InfoCircleFilled size={BADGE_GLYPH_SIZE} />,\n    warning: <WarningCircleFilled size={BADGE_GLYPH_SIZE} />,\n    destructive: <ErrorCircleFilled size={BADGE_GLYPH_SIZE} />,\n    success: <CheckCircleFilled size={BADGE_GLYPH_SIZE} />,\n};\n\nexport interface ConfirmationDialogProps {\n    open: boolean;\n    /** Dismiss handler — cancel, close button, ESC or scrim. `loading` suppresses every\n     *  route except ESC, which always reaches this so a keyboard user is never stranded. */\n    onClose: () => void;\n    /** Runs when the confirm action is taken. Closing is left to the consumer. */\n    onConfirm: () => void;\n    title: React.ReactNode;\n    titleAdornment?: React.ReactNode;\n    badgeIcon?: React.ReactNode;\n    /** The sentence saying what is about to happen. */\n    description?: React.ReactNode;\n    variant?: ConfirmationDialogVariant;\n    /** Coloured callout below the body. Defaults to the variant's own type. */\n    callout?: { type?: AlertType; message: string };\n    /**\n     * Requires this exact phrase to be typed before the confirm action enables — for a\n     * consequence severe enough that a single click should not be able to cause it.\n     */\n    confirmPhrase?: string;\n    /** Label above the type-to-confirm field. `{ prefix, suffix }` makes the phrase copyable. */\n    confirmPhraseLabel?: PhraseLabel;\n    /** Names the copy control, e.g. `Copy profile name`. Default: `Copy`. */\n    confirmPhraseCopyLabel?: string;\n    /** Runs after the phrase reaches the clipboard, with what was copied. */\n    onPhraseCopied?: (phrase: string) => void;\n    confirmPhrasePlaceholder?: string;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    /**\n     * Disables the actions, spins the confirm button and suppresses the pointer dismissal\n     * routes — but never ESC, which always reaches `onClose`.\n     */\n    loading?: boolean;\n    tip?: { label?: string; message: string };\n    size?: ModalSize;\n    /** Accessible dialog name; required when `title` isn't a plain string. */\n    'aria-label'?: string;\n    /** ID of a visible element naming the dialog (alternative to `aria-label`). */\n    'aria-labelledby'?: string;\n    /** Extra body content between the description and the callout, e.g. an entity chip. */\n    children?: React.ReactNode;\n}\n\nconst ConfirmationDialog: React.FC<ConfirmationDialogProps> = ({\n    open,\n    onClose,\n    onConfirm,\n    title,\n    titleAdornment,\n    badgeIcon,\n    description,\n    variant = 'default',\n    callout,\n    confirmPhrase,\n    confirmPhraseLabel,\n    confirmPhraseCopyLabel = 'Copy',\n    onPhraseCopied,\n    confirmPhrasePlaceholder,\n    confirmLabel = 'Confirm',\n    cancelLabel = 'Cancel',\n    loading = false,\n    tip,\n    size = 'medium',\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    children,\n}) => {\n    const [typedPhrase, setTypedPhrase] = useState('');\n    const descriptionId = useId();\n    const base = CONFIRMATION_DIALOG_VARIANTS[variant];\n\n    // On open, not close: the dialog outlives `open` by its exit transition, so resetting on\n    // close empties the field in front of the user. Adjusted during render rather than from an\n    // effect, or a reopen paints the previous answer once with confirm already enabled.\n    const [answeredFor, setAnsweredFor] = useState({ open, confirmPhrase });\n    if (answeredFor.open !== open || answeredFor.confirmPhrase !== confirmPhrase) {\n        setAnsweredFor({ open, confirmPhrase });\n        if (open) {\n            setTypedPhrase('');\n        }\n    }\n\n    const { parts: phraseParts, text: phraseLabel } = resolvePhraseLabel(\n        confirmPhraseLabel,\n        confirmPhrase,\n    );\n    const {\n        outcome: copyOutcome,\n        canCopy: canCopyPhrase,\n        copy: handleCopyPhrase,\n    } = usePhraseCopy(confirmPhrase, open, loading, onPhraseCopied);\n    // Trimmed because copying an entity name commonly picks up a trailing space; the gate is\n    // still exact, and deliberately case-sensitive.\n    const phraseSatisfied = !confirmPhrase || typedPhrase.trim() === confirmPhrase;\n    const nearMissMessage = nearMissAgainst(typedPhrase, confirmPhrase);\n    const confirmDisabled = loading || !phraseSatisfied;\n\n    const footer = (\n        <div className=\"flex w-full flex-wrap items-center justify-end gap-[8px]\">\n            <Button variant=\"outline\" size=\"small\" onClick={onClose} disabled={loading}>\n                {cancelLabel}\n            </Button>\n            <Button\n                variant={base.confirmVariant}\n                size=\"small\"\n                onClick={onConfirm}\n                disabled={confirmDisabled}\n                loading={loading}\n                // A disabled control emits no hover, so the tooltip explains the gate from the\n                // wrapper Button renders for exactly this case.\n                tooltip={!loading && !phraseSatisfied ? phraseLabel : undefined}\n            >\n                {confirmLabel}\n            </Button>\n        </div>\n    );\n\n    return (\n        <Modal\n            open={open}\n            onClose={onClose}\n            title={title}\n            size={size}\n            footer={footer}\n            busy={loading}\n            // A consequential choice is an alertdialog: it asks assistive tech to announce the\n            // body, which is where the consequence is written.\n            role={variant === 'destructive' ? 'alertdialog' : 'dialog'}\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            aria-describedby={description ? descriptionId : undefined}\n            // A choice this deliberate should not be undone by a stray click, and a scrim\n            // click must not discard a phrase the customer has already typed.\n            closeOnOverlayClick={variant !== 'destructive' && !confirmPhrase}\n            headerDivider\n            titleAdornment={titleAdornment}\n            bodyPadding={false}\n            tray={{ tone: base.tray, caption: tip }}\n            icon={\n                <span\n                    aria-hidden=\"true\"\n                    className=\"confirmation-badge flex size-[18px] shrink-0 items-center justify-center rounded-[7px] text-[var(--malachite-card-background)]\"\n                    style={{ backgroundColor: base.badge }}\n                >\n                    {badgeIcon ?? VARIANT_ICON[variant]}\n                </span>\n            }\n        >\n            {callout ? (\n                <div className=\"border-0 border-b border-solid border-[var(--malachite-card-subtle-divider,var(--malachite-card-border))] p-[10px]\">\n                    <Alert\n                        type={callout.type ?? base.calloutType}\n                        message={callout.message}\n                        hasMargin={false}\n                    />\n                </div>\n            ) : null}\n            <div className=\"flex flex-col gap-[12px] p-[28px]\">\n                {description ? (\n                    <div\n                        id={descriptionId}\n                        className=\"text-[13px] leading-[1.6] text-[var(--malachite-text-secondary)]\"\n                    >\n                        {description}\n                    </div>\n                ) : null}\n                {children}\n                {confirmPhrase ? (\n                    <PhraseField\n                        phrase={confirmPhrase}\n                        parts={phraseParts}\n                        plainLabel={phraseLabel}\n                        placeholder={confirmPhrasePlaceholder}\n                        value={typedPhrase}\n                        onChange={setTypedPhrase}\n                        disabled={loading}\n                        copyLabel={confirmPhraseCopyLabel}\n                        copyOutcome={copyOutcome}\n                        canCopy={canCopyPhrase}\n                        onCopy={handleCopyPhrase}\n                        nearMissMessage={nearMissMessage}\n                    />\n                ) : null}\n            </div>\n        </Modal>\n    );\n};\n\nexport default ConfirmationDialog;\nexport { ConfirmationDialog };\nexport type { ConfirmationDialogVariant };\n"],"names":["BADGE_GLYPH_SIZE","collapseSpaces","value","nearMissAgainst","typedPhrase","confirmPhrase","typed","COPY_FAILED_MESSAGE","resolvePhraseLabel","label","phrase","parts","copyStatusFor","outcome","usePhraseCopy","open","disabled","onCopied","canCopy","copy","useClipboardCopy","run","LabelText","children","jsx","Typography","PhraseField","plainLabel","placeholder","onChange","copyLabel","copyOutcome","onCopy","nearMissMessage","beforeId","useId","afterId","messageId","message","labelledBy","jsxs","Button","CheckmarkIcon","CopyIcon","Input","FieldMessage","VARIANT_ICON","InfoCircleFilled","WarningCircleFilled","ErrorCircleFilled","CheckCircleFilled","ConfirmationDialog","onClose","onConfirm","title","titleAdornment","badgeIcon","description","variant","callout","confirmPhraseLabel","confirmPhraseCopyLabel","onPhraseCopied","confirmPhrasePlaceholder","confirmLabel","cancelLabel","loading","tip","size","ariaLabel","ariaLabelledBy","setTypedPhrase","useState","descriptionId","base","CONFIRMATION_DIALOG_VARIANTS","answeredFor","setAnsweredFor","phraseParts","phraseLabel","canCopyPhrase","handleCopyPhrase","phraseSatisfied","confirmDisabled","footer","Modal","Alert"],"mappings":"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"}