@stackone/malachite 2.58.0 → 2.60.0

package/COMPONENTS.md

@@ -70,7 +70,7 @@ The catalog of components exported from `@stackone/malachite`. **Reach for one o
 - **`CommandPalette`** — Chrome for a command palette, over a headless library that keeps its own elements. `FieldRow`/`Field` take the query input, `List` the scrolling viewport (with a bottom fade for `hasMoreBelow`), `Group` + `Heading` a titled section, and `Row` one result — composing leading/label/tags/crumb/meta/status/hint so names start and statuses end on the same x down the list. `Message` covers empty and loading, `Legend` documents the scope sigils, `Footer` the key hints. Everything the library owns is taken through `asChild`, so its role, id, state and handlers are untouched.
 - **`Keycap`** — One key on a keyboard, drawn as a cap — `esc`, `⌘`, a caret, or a sigil a user types to scope a search. Renders a `<kbd>`, or a button as soon as either `onClick` or `disabled` is passed — `disabled={false}` included, since naming the prop at all is the statement that the cap is a control. `SidePanelNavFooter` is built on it.
 - **`CollapsibleSection`** — Collapsible sunken-card section (title - subtitle header, disclosure arrow right) for stacked detail sections in side panels and detail pages. A preset over `Accordion`’s `sunken` variant.
-- **`KeyValueList`** — Bordered card of label/value rows (`KeyValueList.Row`) for entity details: fixed-width secondary labels, free-form values, row dividers. `truncate` keeps a long value (an ID) to one line with an ellipsis at the cell width and a tooltip only when it is actually cut off — the value itself when it is text, else the row’s `tooltip` (`null` turns it off). For inline content only: a Tag or AppLogo is clipped without an ellipsis, so use its own truncate, as with `CodeText truncate`. _Key props:_ `label`, `truncate`, `tooltip`.
+- **`KeyValueList`** — Bordered card of label/value rows (`KeyValueList.Row`) for entity details: fixed-width secondary labels, free-form values, row dividers. `truncate` keeps a long value (an ID) to one line with an ellipsis at the cell width and a tooltip only when it is actually cut off — the value itself when it is text, else the row’s `tooltip` (`null` turns it off). For inline content only: a Tag or AppLogo is clipped without an ellipsis, so use its own truncate, as with `CodeText truncate`. `size="small"` tightens the rows for a list inside a dialog or panel. _Key props:_ `size` (`small` | `medium`), `label`, `truncate`, `tooltip`.
 
 ## Forms & inputs
 
@@ -82,7 +82,7 @@ The catalog of components exported from `@stackone/malachite`. **Reach for one o
 - **`FieldBlock`** — Something a form has to show but does not ask for — a computed list, a generated value — wearing a field’s anatomy: label, optional `badge` beside it and `action` at the end of the row, content, then helper text, all on a field’s own metrics and inset. A real control brings its anatomy with it; this is for everything that has no control to bring one. _Key props:_ `label`, `badge`, `action`, `helperText`, `children`, `className`, `style`.
 - **`Input`** — Single-line text input. Passing `formControl` is enough to show validation: the resolver's message renders on its own line beneath the field in the destructive colour, politely announced, with `aria-invalid` and `aria-describedby` wired and the in-field error icon standing down once the message carries the meaning, and the control reports its edits back so a rejection clears as the customer fixes the field rather than standing until the next submit. Given a `formControl` the form owns the value: the field paints an explicit `value` first, then the value the form holds, then `defaultValue`, then empty — the ladder react-hook-form's own `useController` computes — so `reset()` and `setValue()` repaint the field and the text on screen cannot drift from the value being validated, which had put a rejection under a field the customer could see was filled. Passing `defaultValue` to a bound field warns in development, naming the component and the field: where the form has an entry for it, it is ignored, and where it has none it paints text the form will never submit. Set it through `useForm({ defaultValues })` instead. A consumer's own `helperText` keeps its line above it and stays dimmed, since it explains the field rather than reporting the fault — replacing one with the other left a field ringed in red with nothing saying what was wrong. An explicit `error` still wins, for a rejection the resolver knows nothing about, and `error={false}` suppresses the resolver outright, message included. `requiredIndicator` switches the label between the library default of naming the optional fields, an `asterisk` on the required ones for designs drawn that way, and `none` for a field whose value is supplied rather than asked for — a locked control is still required, but a marker only sends the reader looking for something to fill in. Visual only: `aria-required` is set from `required` whichever is chosen. _Key props:_ `label`, `type`, `InputSize`, `InputVariant` (`default` | `ghost`), `required`, `requiredIndicator`, `error`, `helperText`, `loading`, `formControl`, `value`, `defaultValue`, `showCopyButton`, `showPasswordToggle`, `aria-label`, `aria-labelledby`, `id`.
 - **`TextArea`** — Multi-line text input. Shows resolver validation from `formControl` on exactly the same terms as `Input`: the message gets its own line beneath any `helperText`, which keeps its own, and the value climbs the same ladder — an explicit `value`, then the value the form holds, then `defaultValue`, then empty — a disabled field included, which used to show `defaultValue` whatever the form or the consumer had said. `requiredIndicator` switches the label between the library default of naming the optional fields, an `asterisk` on the required ones for designs drawn that way, and `none` for a field whose value is supplied rather than asked for — a locked control is still required, but a marker only sends the reader looking for something to fill in. Visual only: `aria-required` is set from `required` whichever is chosen. _Key props:_ `label`, `rows`, `maxLength`, `resize`, `required`, `requiredIndicator`, `error`, `helperText`, `loading`, `formControl`, `value`, `defaultValue`, `aria-label`, `aria-labelledby`, `id`.
-- **`Search`** — Search input with a leading icon; `filled` and `muted` variants. `width` fixes the field's width, the same prop `Dropdown` and `MultiSelect` take, so a toolbar can put its controls on one width rather than letting each size itself; without it the field fills its container, and a container narrower than the value still wins. _Key props:_ `value`, `onChange`, `placeholder`, `variant`, `size`, `width`, `disabled`.
+- **`Search`** — Search input with a leading icon; `default` and `muted` variants. `width` fixes the field's width, the same prop `Dropdown` and `MultiSelect` take, so a toolbar can put its controls on one width rather than letting each size itself; without it the field fills its container, and a container narrower than the value still wins. `clearable` adds a clear button while there is text, and lets Escape clear; either way focus stays in the field, and an Escape that clears does not also close a surrounding panel. Name it with `aria-label` when the placeholder is too short to stand alone. Forwards a ref to the input. _Key props:_ `value`, `onChange`, `placeholder`, `variant`, `size`, `width`, `disabled`, `clearable`, `onClear`, `onKeyDown`, `aria-label`, `aria-labelledby`.
 - **`Checkbox`** — Checkbox supporting checked/indeterminate/disabled. Pass `presentational` to render a visual-only, non-focusable indicator for use inside a clickable row/card. _Key props:_ `checked`, `indeterminate`, `disabled`, `onChange`, `presentational`.
 - **`Radio`** — Single radio control with hover state; parent manages the group. Pass `presentational` to render a visual-only, non-focusable indicator for use inside a clickable row/card. _Key props:_ `checked`, `onChange`, `disabled`, `size`, `presentational`.
 - **`SegmentedControl`** — A rounded track of mutually-exclusive options — the segmented “one of these” control. Owns the track background, the selected-thumb chrome and the `radiogroup` semantics, so consumers never hand-roll a track around `PillButton` (whose `default` variant tokens are tuned for standalone filter pills, not a sunken track). Single tab stop with arrow-key move-and-select; selection is conveyed via `aria-checked` and a foreground change, not background colour alone. An option `icon` sits before the label in a fixed 16px slot, and an option `badge` follows the label at whatever width it needs, for a mark such as a compact `Tag` naming a saving; it renders inside the segment button, so it must not be interactive. Restyle via the `segmentedControl` theme tokens. _Key props:_ `options` (`value`, `label`, `icon`, `badge`, `disabled`), `value`, `onChange`, `SegmentedControlSize` (`small` | `medium` | `large`), `fullWidth`, `disabled`, `aria-label`, `aria-labelledby`, `className`.

package/dist/assets/icons/list_checks.svg.js

@@ -0,0 +1,6 @@
+import * as a from "react";
+const e = (l) => /* @__PURE__ */ a.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", fill: "currentColor", ...l }, /* @__PURE__ */ a.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z", fill: "currentColor" }));
+export {
+  e as default
+};
+//# sourceMappingURL=list_checks.svg.js.map

package/dist/assets/icons/list_checks.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list_checks.svg.js","sources":["../../../src/assets/icons/list_checks.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgListChecks = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 256 256\", fill: \"currentColor\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M224,128a8,8,0,0,1-8,8H128a8,8,0,0,1,0-16h88A8,8,0,0,1,224,128ZM128,72h88a8,8,0,0,0,0-16H128a8,8,0,0,0,0,16Zm88,112H128a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16ZM82.34,42.34,56,68.69,45.66,58.34A8,8,0,0,0,34.34,69.66l16,16a8,8,0,0,0,11.32,0l32-32A8,8,0,0,0,82.34,42.34Zm0,64L56,132.69,45.66,122.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Zm0,64L56,196.69,45.66,186.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l32-32a8,8,0,0,0-11.32-11.32Z\", fill: \"currentColor\" }));\nexport default SvgListChecks;\n"],"names":["SvgListChecks","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,eAAe,MAAM,gBAAgB,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,udAAud,MAAM,gBAAgB,CAAC;"}

package/dist/components/ConfirmationDialog.js

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

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 { Children, useId, useState } from 'react';\nimport type { AlertType } from './Alert';\nimport Button from './Button';\nimport CalloutStrip from './CalloutStrip';\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 IconBadge from './IconBadge';\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 calloutId = 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    const hasChildren = Children.toArray(children).some(\n        (child) => typeof child !== 'string' || child.trim() !== '',\n    );\n    const hasBody = Boolean(description) || hasChildren || Boolean(confirmPhrase);\n    // The callout is often the whole consequence, so it is announced along with the description.\n    const describedBy =\n        [callout ? calloutId : null, description ? descriptionId : null]\n            .filter(Boolean)\n            .join(' ') || undefined;\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={describedBy}\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                <IconBadge\n                    variant={variant}\n                    icon={badgeIcon ?? VARIANT_ICON[variant]}\n                />\n            }\n        >\n            {callout ? (\n                <CalloutStrip\n                    id={calloutId}\n                    type={callout.type ?? base.calloutType}\n                    message={callout.message}\n                    divider={hasBody}\n                />\n            ) : null}\n            {hasBody ? (\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            ) : null}\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","calloutId","base","CONFIRMATION_DIALOG_VARIANTS","answeredFor","setAnsweredFor","phraseParts","phraseLabel","canCopyPhrase","handleCopyPhrase","phraseSatisfied","confirmDisabled","hasChildren","Children","child","hasBody","describedBy","footer","Modal","IconBadge","CalloutStrip"],"mappings":"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"}
+{"version":3,"file":"ConfirmationDialog.js","sources":["../../src/components/ConfirmationDialog.tsx"],"sourcesContent":["import type React from 'react';\nimport { Children, useId, useState } from 'react';\nimport type { AlertType } from './Alert';\nimport Button from './Button';\nimport CalloutStrip from './CalloutStrip';\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 IconBadge from './IconBadge';\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=\"small\" color=\"primary\">\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 inputId = 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 text-[13px]\">\n                    <span id={beforeId}>\n                        <LabelText>{parts.prefix}</LabelText>{' '}\n                        <Typography.CodeText variant=\"inline\">\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            ) : (\n                <label id={beforeId} htmlFor={inputId} className=\"px-2 text-[13px]\">\n                    <LabelText>{plainLabel}</LabelText>\n                </label>\n            )}\n            <Input\n                id={inputId}\n                name=\"confirmation-phrase\"\n                size=\"medium\"\n                value={value}\n                onChange={onChange}\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 calloutId = 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    const hasChildren = Children.toArray(children).some(\n        (child) => typeof child !== 'string' || child.trim() !== '',\n    );\n    const hasBody = Boolean(description) || hasChildren || Boolean(confirmPhrase);\n    // The callout is often the whole consequence, so it is announced along with the description.\n    const describedBy =\n        [callout ? calloutId : null, description ? descriptionId : null]\n            .filter(Boolean)\n            .join(' ') || undefined;\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={describedBy}\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                <IconBadge\n                    variant={variant}\n                    icon={badgeIcon ?? VARIANT_ICON[variant]}\n                />\n            }\n        >\n            {callout ? (\n                <CalloutStrip\n                    id={calloutId}\n                    type={callout.type ?? base.calloutType}\n                    message={callout.message}\n                    divider={hasBody}\n                />\n            ) : null}\n            {hasBody ? (\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            ) : null}\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","inputId","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","calloutId","base","CONFIRMATION_DIALOG_VARIANTS","answeredFor","setAnsweredFor","phraseParts","phraseLabel","canCopyPhrase","handleCopyPhrase","phraseSatisfied","confirmDisabled","hasChildren","Children","child","hasBody","describedBy","footer","Modal","IconBadge","CalloutStrip"],"mappings":"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"}

package/dist/components/CustomIcons/ListChecksIcon.js

@@ -0,0 +1,21 @@
+import { jsx as l } from "react/jsx-runtime";
+import c from "../../assets/icons/list_checks.svg.js";
+const i = ({
+  size: t = 16,
+  className: o = "",
+  style: r = {},
+  onClick: n
+}) => {
+  const e = {
+    width: typeof t == "number" ? `${t}px` : t,
+    height: typeof t == "number" ? `${t}px` : t,
+    display: "inline-block",
+    fill: "currentColor",
+    ...r
+  };
+  return /* @__PURE__ */ l(c, { className: o, style: e, onClick: n });
+};
+export {
+  i as default
+};
+//# sourceMappingURL=ListChecksIcon.js.map

package/dist/components/CustomIcons/ListChecksIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListChecksIcon.js","sources":["../../../src/components/CustomIcons/ListChecksIcon.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport ListChecksIconSvg from '../../assets/icons/list_checks.svg?react';\n\nexport interface IconProps {\n    size?: number | string;\n    className?: string;\n    style?: CSSProperties;\n    onClick?: () => void;\n}\n\nconst ListChecksIcon: React.FC<IconProps> = ({\n    size = 16,\n    className = '',\n    style = {},\n    onClick,\n}) => {\n    const iconStyle: CSSProperties = {\n        width: typeof size === 'number' ? `${size}px` : size,\n        height: typeof size === 'number' ? `${size}px` : size,\n        display: 'inline-block',\n        fill: 'currentColor',\n        ...style,\n    };\n\n    return <ListChecksIconSvg className={className} style={iconStyle} onClick={onClick} />;\n};\n\nexport default ListChecksIcon;\n"],"names":["ListChecksIcon","size","className","style","onClick","iconStyle","jsx","ListChecksIconSvg"],"mappings":";;AAUA,MAAMA,IAAsC,CAAC;AAAA,EACzC,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ,CAAA;AAAA,EACR,SAAAC;AACJ,MAAM;AACF,QAAMC,IAA2B;AAAA,IAC7B,OAAO,OAAOJ,KAAS,WAAW,GAAGA,CAAI,OAAOA;AAAA,IAChD,QAAQ,OAAOA,KAAS,WAAW,GAAGA,CAAI,OAAOA;AAAA,IACjD,SAAS;AAAA,IACT,MAAM;AAAA,IACN,GAAGE;AAAA,EAAA;AAGP,SAAO,gBAAAG,EAACC,GAAA,EAAkB,WAAAL,GAAsB,OAAOG,GAAW,SAAAD,GAAkB;AACxF;"}