@techzyapp/ui-library 1.0.45 → 1.0.47

package/dist/{QrCode-DaJYqBc1.js.map → QrCode-D7ocSDi7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"QrCode-DaJYqBc1.js","sources":["../src/components/QrCode/QrCode.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type * as QrLibModule from 'qrcode.react'\nimport { optionalPeer, useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { Skeleton } from '../Skeleton'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport styles from './QrCode.module.css'\n\nexport type QrCodeLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */\n  value: string\n  /** Rendered edge length in px. Default `180`. */\n  size?: number\n  /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */\n  level?: QrCodeLevel\n  /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */\n  color?: ThemeColor | 'text'\n  /** Quiet zone in modules. Default `2`. */\n  margin?: number\n  /**\n   * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.\n   * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.\n   */\n  image?: string | { src: string; width?: number; height?: number; excavate?: boolean }\n  /** Caption rendered under the code (muted, centred) — e.g. \"Scan with your authenticator app\". */\n  caption?: ReactNode\n  /**\n   * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the\n   * page `background`. Default `true`. Pass `false` for a bare SVG.\n   */\n  framed?: boolean\n  /**\n   * Accessible name. Defaults to the localized `qrCode.label` (\"QR code\"). The `value` is never exposed\n   * as text by this component.\n   */\n  'aria-label'?: string\n}\n\n/**\n * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i\n * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token\n * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.\n *\n * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its\n * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is\n * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).\n * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role=\"img\"` with an\n * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.\n */\n/** @internal — exported for tests */\nexport const qrPeer = optionalPeer<typeof QrLibModule>(\n  'qrcode.react',\n  'QrCode',\n  () => import('qrcode.react'),\n)\n\nexport const QrCode = forwardRef<HTMLDivElement, QrCodeProps>(function QrCode(\n  {\n    value,\n    size = 180,\n    level,\n    color = 'text',\n    margin = 2,\n    image,\n    caption,\n    framed = true,\n    className,\n    style,\n    'aria-label': ariaLabelProp,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ariaLabel = ariaLabelProp ?? t('qrCode.label')\n  // `qrcode.react` is an optional peer, loaded lazily (never imported statically — apps without it must\n  // still build + run from the barrel). Until it's ready a same-size skeleton holds the spot; if it isn't\n  // installed the spot stays empty and an install hint is logged.\n  const { module: qrLib, failed } = useOptionalPeer(qrPeer)\n  const QRCodeSVG = qrLib?.QRCodeSVG\n\n  // 'H' error correction by default when a centre image is present, so the logo can cover the middle\n  // without breaking the code; otherwise 'M'. An explicit `level` always wins.\n  const resolvedLevel: QrCodeLevel = level ?? (image ? 'H' : 'M')\n\n  const imageSettings =\n    image != null\n      ? (() => {\n          const img = typeof image === 'string' ? { src: image } : image\n          const dim = Math.round(size * 0.22)\n          return {\n            src: img.src,\n            width: img.width ?? dim,\n            height: img.height ?? dim,\n            excavate: img.excavate ?? true,\n          }\n        })()\n      : undefined\n\n  // The foreground (modules) follows the `color` token via `--tz-qr-fg`. The default `text` is left to\n  // CSS (so `.framed` can force dark modules on the white card in dark mode); a custom token is pinned\n  // inline, so it wins over that CSS fallback and is rendered exactly as asked.\n  const fgVar = color === 'text' ? undefined : { '--tz-qr-fg': `var(--tz-color-${color})` }\n\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={clsx(styles.root, framed && styles.framed, className)}\n      style={{ ...fgVar, ...style } as CSSProperties}\n      {...props}\n    >\n      {QRCodeSVG ? (\n        <QRCodeSVG\n          className={styles.code}\n          value={value}\n          size={size}\n          level={resolvedLevel}\n          marginSize={margin}\n          // colors flow through CSS vars so `.framed` can guarantee contrast per theme (see the module)\n          fgColor=\"var(--tz-qr-fg)\"\n          bgColor=\"var(--tz-qr-bg)\"\n          imageSettings={imageSettings}\n          aria-hidden\n        />\n      ) : (\n        <Skeleton\n          variant=\"rect\"\n          width={size}\n          height={size}\n          animation={failed ? false : 'shimmer'}\n          className={styles.code}\n        />\n      )}\n      {caption != null && (\n        <Typography variant=\"caption\" color=\"muted\" className={styles.caption}>\n          {caption}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["qrPeer","optionalPeer","QrCode","forwardRef","value","size","level","color","margin","image","caption","framed","className","style","ariaLabelProp","props","ref","t","useT","ariaLabel","qrLib","failed","useOptionalPeer","QRCodeSVG","resolvedLevel","imageSettings","img","dim","fgVar","jsxs","clsx","styles","jsx","Skeleton","Typography"],"mappings":";;;;;;;;;;;;GAqDaA,IAASC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,MAAM,OAAO,cAAc;AAC7B,GAEaC,IAASC,EAAwC,SAC5D;AAAA,EACE,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IAAYL,KAAiBG,EAAE,cAAc,GAI7C,EAAE,QAAQG,GAAO,QAAAC,EAAA,IAAWC,EAAgBtB,CAAM,GAClDuB,IAAYH,KAAA,gBAAAA,EAAO,WAInBI,IAA6BlB,MAAUG,IAAQ,MAAM,MAErDgB,IACJhB,KAAS,QACJ,MAAM;AACL,UAAMiB,IAAM,OAAOjB,KAAU,WAAW,EAAE,KAAKA,MAAUA,GACnDkB,IAAM,KAAK,MAAMtB,IAAO,IAAI;AAClC,WAAO;AAAA,MACL,KAAKqB,EAAI;AAAA,MACT,OAAOA,EAAI,SAASC;AAAA,MACpB,QAAQD,EAAI,UAAUC;AAAA,MACtB,UAAUD,EAAI,YAAY;AAAA,IAAA;AAAA,EAE9B,OACA,QAKAE,IAAQrB,MAAU,SAAS,SAAY,EAAE,cAAc,kBAAkBA,CAAK,IAAA;AAEpF,SACE,gBAAAsB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,MAAK;AAAA,MACL,cAAYG;AAAA,MACZ,WAAWW,EAAKC,EAAO,MAAMpB,KAAUoB,EAAO,QAAQnB,CAAS;AAAA,MAC/D,OAAO,EAAE,GAAGgB,GAAO,GAAGf,EAAA;AAAA,MACrB,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAQ,IACC,gBAAAS;AAAA,UAACT;AAAA,UAAA;AAAA,YACC,WAAWQ,EAAO;AAAA,YAClB,OAAA3B;AAAA,YACA,MAAAC;AAAA,YACA,OAAOmB;AAAA,YACP,YAAYhB;AAAA,YAEZ,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,eAAAiB;AAAA,YACA,eAAW;AAAA,UAAA;AAAA,QAAA,IAGb,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAO5B;AAAA,YACP,QAAQA;AAAA,YACR,WAAWgB,IAAS,KAAQ;AAAA,YAC5B,WAAWU,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrBrB,KAAW,QACV,gBAAAsB,EAACE,GAAA,EAAW,SAAQ,WAAU,OAAM,SAAQ,WAAWH,EAAO,SAC3D,UAAArB,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"QrCode-D7ocSDi7.js","sources":["../src/components/QrCode/QrCode.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type * as QrLibModule from 'qrcode.react'\nimport { optionalPeer, useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { Skeleton } from '../Skeleton'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport styles from './QrCode.module.css'\n\nexport type QrCodeLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */\n  value: string\n  /** Rendered edge length in px. Default `180`. */\n  size?: number\n  /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */\n  level?: QrCodeLevel\n  /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */\n  color?: ThemeColor | 'text'\n  /** Quiet zone in modules. Default `2`. */\n  margin?: number\n  /**\n   * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.\n   * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.\n   */\n  image?: string | { src: string; width?: number; height?: number; excavate?: boolean }\n  /** Caption rendered under the code (muted, centred) — e.g. \"Scan with your authenticator app\". */\n  caption?: ReactNode\n  /**\n   * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the\n   * page `background`. Default `true`. Pass `false` for a bare SVG.\n   */\n  framed?: boolean\n  /**\n   * Accessible name. Defaults to the localized `qrCode.label` (\"QR code\"). The `value` is never exposed\n   * as text by this component.\n   */\n  'aria-label'?: string\n}\n\n/**\n * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i\n * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token\n * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.\n *\n * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its\n * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is\n * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).\n * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role=\"img\"` with an\n * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.\n */\n/** @internal — exported for tests */\nexport const qrPeer = optionalPeer<typeof QrLibModule>(\n  'qrcode.react',\n  'QrCode',\n  () => import('qrcode.react'),\n)\n\nexport const QrCode = forwardRef<HTMLDivElement, QrCodeProps>(function QrCode(\n  {\n    value,\n    size = 180,\n    level,\n    color = 'text',\n    margin = 2,\n    image,\n    caption,\n    framed = true,\n    className,\n    style,\n    'aria-label': ariaLabelProp,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ariaLabel = ariaLabelProp ?? t('qrCode.label')\n  // `qrcode.react` is an optional peer, loaded lazily (never imported statically — apps without it must\n  // still build + run from the barrel). Until it's ready a same-size skeleton holds the spot; if it isn't\n  // installed the spot stays empty and an install hint is logged.\n  const { module: qrLib, failed } = useOptionalPeer(qrPeer)\n  const QRCodeSVG = qrLib?.QRCodeSVG\n\n  // 'H' error correction by default when a centre image is present, so the logo can cover the middle\n  // without breaking the code; otherwise 'M'. An explicit `level` always wins.\n  const resolvedLevel: QrCodeLevel = level ?? (image ? 'H' : 'M')\n\n  const imageSettings =\n    image != null\n      ? (() => {\n          const img = typeof image === 'string' ? { src: image } : image\n          const dim = Math.round(size * 0.22)\n          return {\n            src: img.src,\n            width: img.width ?? dim,\n            height: img.height ?? dim,\n            excavate: img.excavate ?? true,\n          }\n        })()\n      : undefined\n\n  // The foreground (modules) follows the `color` token via `--tz-qr-fg`. The default `text` is left to\n  // CSS (so `.framed` can force dark modules on the white card in dark mode); a custom token is pinned\n  // inline, so it wins over that CSS fallback and is rendered exactly as asked.\n  const fgVar = color === 'text' ? undefined : { '--tz-qr-fg': `var(--tz-color-${color})` }\n\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={clsx(styles.root, framed && styles.framed, className)}\n      style={{ ...fgVar, ...style } as CSSProperties}\n      {...props}\n    >\n      {QRCodeSVG ? (\n        <QRCodeSVG\n          className={styles.code}\n          value={value}\n          size={size}\n          level={resolvedLevel}\n          marginSize={margin}\n          // colors flow through CSS vars so `.framed` can guarantee contrast per theme (see the module)\n          fgColor=\"var(--tz-qr-fg)\"\n          bgColor=\"var(--tz-qr-bg)\"\n          imageSettings={imageSettings}\n          aria-hidden\n        />\n      ) : (\n        <Skeleton\n          variant=\"rect\"\n          width={size}\n          height={size}\n          animation={failed ? false : 'shimmer'}\n          className={styles.code}\n        />\n      )}\n      {caption != null && (\n        <Typography variant=\"caption\" color=\"muted\" className={styles.caption}>\n          {caption}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["qrPeer","optionalPeer","QrCode","forwardRef","value","size","level","color","margin","image","caption","framed","className","style","ariaLabelProp","props","ref","t","useT","ariaLabel","qrLib","failed","useOptionalPeer","QRCodeSVG","resolvedLevel","imageSettings","img","dim","fgVar","jsxs","clsx","styles","jsx","Skeleton","Typography"],"mappings":";;;;;;;;;;;;GAqDaA,IAASC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,MAAM,OAAO,cAAc;AAC7B,GAEaC,IAASC,EAAwC,SAC5D;AAAA,EACE,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IAAYL,KAAiBG,EAAE,cAAc,GAI7C,EAAE,QAAQG,GAAO,QAAAC,EAAA,IAAWC,EAAgBtB,CAAM,GAClDuB,IAAYH,KAAA,gBAAAA,EAAO,WAInBI,IAA6BlB,MAAUG,IAAQ,MAAM,MAErDgB,IACJhB,KAAS,QACJ,MAAM;AACL,UAAMiB,IAAM,OAAOjB,KAAU,WAAW,EAAE,KAAKA,MAAUA,GACnDkB,IAAM,KAAK,MAAMtB,IAAO,IAAI;AAClC,WAAO;AAAA,MACL,KAAKqB,EAAI;AAAA,MACT,OAAOA,EAAI,SAASC;AAAA,MACpB,QAAQD,EAAI,UAAUC;AAAA,MACtB,UAAUD,EAAI,YAAY;AAAA,IAAA;AAAA,EAE9B,OACA,QAKAE,IAAQrB,MAAU,SAAS,SAAY,EAAE,cAAc,kBAAkBA,CAAK,IAAA;AAEpF,SACE,gBAAAsB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,MAAK;AAAA,MACL,cAAYG;AAAA,MACZ,WAAWW,EAAKC,EAAO,MAAMpB,KAAUoB,EAAO,QAAQnB,CAAS;AAAA,MAC/D,OAAO,EAAE,GAAGgB,GAAO,GAAGf,EAAA;AAAA,MACrB,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAQ,IACC,gBAAAS;AAAA,UAACT;AAAA,UAAA;AAAA,YACC,WAAWQ,EAAO;AAAA,YAClB,OAAA3B;AAAA,YACA,MAAAC;AAAA,YACA,OAAOmB;AAAA,YACP,YAAYhB;AAAA,YAEZ,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,eAAAiB;AAAA,YACA,eAAW;AAAA,UAAA;AAAA,QAAA,IAGb,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAO5B;AAAA,YACP,QAAQA;AAAA,YACR,WAAWgB,IAAS,KAAQ;AAAA,YAC5B,WAAWU,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrBrB,KAAW,QACV,gBAAAsB,EAACE,GAAA,EAAW,SAAQ,WAAU,OAAM,SAAQ,WAAWH,EAAO,SAC3D,UAAArB,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/{RemoveDialog-MhEU5Zl3.js → RemoveDialog-DTzRPLaT.js}

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as l, Fragment as T } from "react/jsx-runtime";
 import { forwardRef as R, useState as _, useRef as E, useId as I } from "react";
 import { B as O } from "./Blockquote-Ma-2naET.js";
-import { B as v } from "./Button-C415LPw_.js";
+import { B as v } from "./Button-DZWYeAno.js";
 import { C as S } from "./Code-DaEpXHfF.js";
 import { b as B } from "./Icon-B7DJn8Tw.js";
-import { M as j } from "./Modal-DpoiMMM3.js";
-import { T as F } from "./TextField-CyKIx-d-.js";
+import { M as j } from "./Modal-DVGTD2Ck.js";
+import { T as F } from "./TextField-Dfpk0jOg.js";
 import { T as L } from "./Typography-ChSuxgkc.js";
-import { a as k } from "./ConfigProvider-DVDGtCUc.js";
+import { a as k } from "./ConfigProvider-DtyUlWk6.js";
 const M = "_modalBody_1nqut_5", K = "_body_1nqut_4", P = "_iconBox_1nqut_20", A = "_confirm_1nqut_37", G = "_phrase_1nqut_45", a = {
   modalBody: M,
   body: K,
@@ -106,4 +106,4 @@ function H({ text: u }) {
 export {
   eo as R
 };
-//# sourceMappingURL=RemoveDialog-MhEU5Zl3.js.map
+//# sourceMappingURL=RemoveDialog-DTzRPLaT.js.map

package/dist/{RemoveDialog-MhEU5Zl3.js.map → RemoveDialog-DTzRPLaT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RemoveDialog-MhEU5Zl3.js","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useId, useRef, useState, type KeyboardEvent, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Blockquote } from '../Blockquote'\nimport { Button } from '../Button'\nimport { Code } from '../Code'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n  /** Whether the dialog is open. */\n  open: boolean\n  /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n  onClose: () => void\n  /**\n   * The destructive action. May be async — while its promise is pending the Delete button shows a\n   * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n   * stays open so the user can retry (surface the error yourself, e.g. a toast).\n   */\n  onConfirm: () => void | Promise<void>\n  /** Header title. Defaults to `\"Remove\"`. */\n  title?: ReactNode\n  /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n  message?: ReactNode\n  /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n  confirmLabel?: string\n  /** Cancel button label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n  /** External loading override — combined with the internal async-confirm state. */\n  loading?: boolean\n  /**\n   * **Type-to-confirm** for high-risk deletes: the user must type this exact text (e.g. `\"remove user\"`)\n   * into a field before Delete enables. Case-sensitive; surrounding whitespace is ignored. The field is\n   * focused on open, cleared on every open, and Enter confirms once it matches.\n   */\n  confirmText?: string\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. `confirmText`\n * adds **type-to-confirm**: Delete stays disabled until the user types that exact text. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n  {\n    open,\n    onClose,\n    onConfirm,\n    title,\n    message,\n    confirmLabel,\n    cancelLabel,\n    loading = false,\n    confirmText,\n  },\n  ref,\n) {\n  const t = useT()\n  const [submitting, setSubmitting] = useState(false)\n  const busy = loading || submitting\n\n  // type-to-confirm — cleared every time the dialog opens (\"adjust state on prop change\", no effect)\n  const [typed, setTyped] = useState('')\n  const wasOpen = useRef(open)\n  if (wasOpen.current !== open) {\n    wasOpen.current = open\n    if (open) setTyped('')\n  }\n  const matches = confirmText == null || typed.trim() === confirmText.trim()\n  const promptId = useId()\n\n  // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n  const handleClose = () => {\n    if (!busy) onClose()\n  }\n\n  const handleConfirm = async () => {\n    if (!matches || busy) return\n    try {\n      setSubmitting(true)\n      await onConfirm()\n      onClose() // auto-close on success\n    } catch {\n      // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  return (\n    <Modal\n      ref={ref}\n      open={open}\n      onClose={handleClose}\n      size=\"sm\"\n      bodyClassName={styles.modalBody}\n      title={title ?? t('removeDialog.title')}\n      showCloseButton={!busy}\n      closeOnBackdrop={!busy}\n      closeOnEscape={!busy}\n      footer={\n        <>\n          <Button variant=\"text\" size=\"sm\" onClick={handleClose} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button\n            color=\"error\"\n            variant=\"filled\"\n            size=\"sm\"\n            onClick={handleConfirm}\n            loading={busy}\n            disabled={!matches}\n          >\n            {confirmLabel ?? t('common.delete')}\n          </Button>\n        </>\n      }\n    >\n      <div className={styles.body}>\n        <div className={styles.iconBox} aria-hidden>\n          <Icon name=\"Trash\" />\n        </div>\n        <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n        {confirmText != null && (\n          <div className={styles.confirm}>\n            {/* the instruction, as an error-tinted quote — it also names the field (aria-labelledby) */}\n            <Blockquote id={promptId} size=\"sm\" color=\"error\">\n              <TypeToConfirmLabel text={confirmText} />\n            </Blockquote>\n            <TextField\n              aria-labelledby={promptId}\n              placeholder={confirmText}\n              value={typed}\n              onChange={(event) => setTyped(event.target.value)}\n              onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter') {\n                  event.preventDefault()\n                  void handleConfirm()\n                }\n              }}\n              // a green tick once the phrase matches — the field confirms itself before Delete does\n              adornment={typed && matches ? <Icon name=\"TickCircle\" color=\"success\" /> : undefined}\n              adornmentPosition=\"right\"\n              disabled={busy}\n              size=\"sm\"\n              autoComplete=\"off\"\n              autoCapitalize=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n            />\n          </div>\n        )}\n      </div>\n    </Modal>\n  )\n})\n\n/** \"Type {text} to confirm\" with the text set as inline `Code`, so the exact phrase stands out. */\nfunction TypeToConfirmLabel({ text }: { text: string }) {\n  const t = useT()\n  // translate with a sentinel in place of {text}, then split around it to slot the Code element in\n  const SENTINEL = '\\u0000'\n  const [before, after = ''] = t('removeDialog.typeToConfirm', { text: SENTINEL }).split(SENTINEL)\n  return (\n    <>\n      {before}\n      <Code size=\"sm\" color=\"error\" className={styles.phrase}>\n        {text}\n      </Code>\n      {after}\n    </>\n  )\n}\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","confirmText","ref","t","useT","submitting","setSubmitting","useState","busy","typed","setTyped","wasOpen","useRef","matches","promptId","useId","handleClose","handleConfirm","jsx","Modal","styles","jsxs","Fragment","Button","Icon","Typography","Blockquote","TypeToConfirmLabel","TextField","event","text","SENTINEL","before","after","Code"],"mappings":"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"}
+{"version":3,"file":"RemoveDialog-DTzRPLaT.js","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useId, useRef, useState, type KeyboardEvent, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Blockquote } from '../Blockquote'\nimport { Button } from '../Button'\nimport { Code } from '../Code'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n  /** Whether the dialog is open. */\n  open: boolean\n  /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n  onClose: () => void\n  /**\n   * The destructive action. May be async — while its promise is pending the Delete button shows a\n   * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n   * stays open so the user can retry (surface the error yourself, e.g. a toast).\n   */\n  onConfirm: () => void | Promise<void>\n  /** Header title. Defaults to `\"Remove\"`. */\n  title?: ReactNode\n  /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n  message?: ReactNode\n  /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n  confirmLabel?: string\n  /** Cancel button label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n  /** External loading override — combined with the internal async-confirm state. */\n  loading?: boolean\n  /**\n   * **Type-to-confirm** for high-risk deletes: the user must type this exact text (e.g. `\"remove user\"`)\n   * into a field before Delete enables. Case-sensitive; surrounding whitespace is ignored. The field is\n   * focused on open, cleared on every open, and Enter confirms once it matches.\n   */\n  confirmText?: string\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. `confirmText`\n * adds **type-to-confirm**: Delete stays disabled until the user types that exact text. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n  {\n    open,\n    onClose,\n    onConfirm,\n    title,\n    message,\n    confirmLabel,\n    cancelLabel,\n    loading = false,\n    confirmText,\n  },\n  ref,\n) {\n  const t = useT()\n  const [submitting, setSubmitting] = useState(false)\n  const busy = loading || submitting\n\n  // type-to-confirm — cleared every time the dialog opens (\"adjust state on prop change\", no effect)\n  const [typed, setTyped] = useState('')\n  const wasOpen = useRef(open)\n  if (wasOpen.current !== open) {\n    wasOpen.current = open\n    if (open) setTyped('')\n  }\n  const matches = confirmText == null || typed.trim() === confirmText.trim()\n  const promptId = useId()\n\n  // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n  const handleClose = () => {\n    if (!busy) onClose()\n  }\n\n  const handleConfirm = async () => {\n    if (!matches || busy) return\n    try {\n      setSubmitting(true)\n      await onConfirm()\n      onClose() // auto-close on success\n    } catch {\n      // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  return (\n    <Modal\n      ref={ref}\n      open={open}\n      onClose={handleClose}\n      size=\"sm\"\n      bodyClassName={styles.modalBody}\n      title={title ?? t('removeDialog.title')}\n      showCloseButton={!busy}\n      closeOnBackdrop={!busy}\n      closeOnEscape={!busy}\n      footer={\n        <>\n          <Button variant=\"text\" size=\"sm\" onClick={handleClose} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button\n            color=\"error\"\n            variant=\"filled\"\n            size=\"sm\"\n            onClick={handleConfirm}\n            loading={busy}\n            disabled={!matches}\n          >\n            {confirmLabel ?? t('common.delete')}\n          </Button>\n        </>\n      }\n    >\n      <div className={styles.body}>\n        <div className={styles.iconBox} aria-hidden>\n          <Icon name=\"Trash\" />\n        </div>\n        <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n        {confirmText != null && (\n          <div className={styles.confirm}>\n            {/* the instruction, as an error-tinted quote — it also names the field (aria-labelledby) */}\n            <Blockquote id={promptId} size=\"sm\" color=\"error\">\n              <TypeToConfirmLabel text={confirmText} />\n            </Blockquote>\n            <TextField\n              aria-labelledby={promptId}\n              placeholder={confirmText}\n              value={typed}\n              onChange={(event) => setTyped(event.target.value)}\n              onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter') {\n                  event.preventDefault()\n                  void handleConfirm()\n                }\n              }}\n              // a green tick once the phrase matches — the field confirms itself before Delete does\n              adornment={typed && matches ? <Icon name=\"TickCircle\" color=\"success\" /> : undefined}\n              adornmentPosition=\"right\"\n              disabled={busy}\n              size=\"sm\"\n              autoComplete=\"off\"\n              autoCapitalize=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n            />\n          </div>\n        )}\n      </div>\n    </Modal>\n  )\n})\n\n/** \"Type {text} to confirm\" with the text set as inline `Code`, so the exact phrase stands out. */\nfunction TypeToConfirmLabel({ text }: { text: string }) {\n  const t = useT()\n  // translate with a sentinel in place of {text}, then split around it to slot the Code element in\n  const SENTINEL = '\\u0000'\n  const [before, after = ''] = t('removeDialog.typeToConfirm', { text: SENTINEL }).split(SENTINEL)\n  return (\n    <>\n      {before}\n      <Code size=\"sm\" color=\"error\" className={styles.phrase}>\n        {text}\n      </Code>\n      {after}\n    </>\n  )\n}\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","confirmText","ref","t","useT","submitting","setSubmitting","useState","busy","typed","setTyped","wasOpen","useRef","matches","promptId","useId","handleClose","handleConfirm","jsx","Modal","styles","jsxs","Fragment","Button","Icon","Typography","Blockquote","TypeToConfirmLabel","TextField","event","text","SENTINEL","before","after","Code"],"mappings":"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"}

package/dist/{RemoveDialog-BnOtR6-q.cjs → RemoveDialog-UsSX5z8Y.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("react"),z=require("./Blockquote-BWGxIL_V.cjs"),C=require("./Button-mBZOvgyZ.cjs"),N=require("./Code-CUdpWlY5.cjs"),j=require("./Icon-CBg21lKA.cjs"),I=require("./Modal-CxODxl81.cjs"),R=require("./TextField-CBYJIfau.cjs"),w=require("./Typography-d97DdbNd.cjs"),v=require("./ConfigProvider-DBU6rOIA.cjs"),E="_modalBody_1nqut_5",F="_body_1nqut_4",S="_iconBox_1nqut_20",O="_confirm_1nqut_37",L="_phrase_1nqut_45",i={modalBody:E,body:F,iconBox:S,confirm:O,phrase:L},M=r.forwardRef(function({open:s,onClose:t,onConfirm:l,title:d,message:b,confirmLabel:B,cancelLabel:_,loading:T=!1,confirmText:n},k){const c=v.useT(),[D,h]=r.useState(!1),o=T||D,[u,y]=r.useState(""),x=r.useRef(s);x.current!==s&&(x.current=s,s&&y(""));const m=n==null||u.trim()===n.trim(),g=r.useId(),p=()=>{o||t()},q=async()=>{if(!(!m||o))try{h(!0),await l(),t()}catch{}finally{h(!1)}};return e.jsx(I.Modal,{ref:k,open:s,onClose:p,size:"sm",bodyClassName:i.modalBody,title:d??c("removeDialog.title"),showCloseButton:!o,closeOnBackdrop:!o,closeOnEscape:!o,footer:e.jsxs(e.Fragment,{children:[e.jsx(C.Button,{variant:"text",size:"sm",onClick:p,disabled:o,children:_??c("common.cancel")}),e.jsx(C.Button,{color:"error",variant:"filled",size:"sm",onClick:q,loading:o,disabled:!m,children:B??c("common.delete")})]}),children:e.jsxs("div",{className:i.body,children:[e.jsx("div",{className:i.iconBox,"aria-hidden":!0,children:e.jsx(j.Icon,{name:"Trash"})}),e.jsx(w.Typography,{align:"center",children:b??c("removeDialog.message")}),n!=null&&e.jsxs("div",{className:i.confirm,children:[e.jsx(z.Blockquote,{id:g,size:"sm",color:"error",children:e.jsx(P,{text:n})}),e.jsx(R.TextField,{"aria-labelledby":g,placeholder:n,value:u,onChange:a=>y(a.target.value),onKeyDown:a=>{a.key==="Enter"&&(a.preventDefault(),q())},adornment:u&&m?e.jsx(j.Icon,{name:"TickCircle",color:"success"}):void 0,adornmentPosition:"right",disabled:o,size:"sm",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:!1})]})]})})});function P({text:f}){const s=v.useT(),t="\0",[l,d=""]=s("removeDialog.typeToConfirm",{text:t}).split(t);return e.jsxs(e.Fragment,{children:[l,e.jsx(N.Code,{size:"sm",color:"error",className:i.phrase,children:f}),d]})}exports.RemoveDialog=M;
-//# sourceMappingURL=RemoveDialog-BnOtR6-q.cjs.map
+"use strict";const e=require("react/jsx-runtime"),r=require("react"),z=require("./Blockquote-BWGxIL_V.cjs"),C=require("./Button-BtiFpRie.cjs"),N=require("./Code-CUdpWlY5.cjs"),j=require("./Icon-CBg21lKA.cjs"),I=require("./Modal-7cCok6fV.cjs"),R=require("./TextField-D4s2hGSd.cjs"),w=require("./Typography-d97DdbNd.cjs"),v=require("./ConfigProvider-CYSpuSMJ.cjs"),E="_modalBody_1nqut_5",F="_body_1nqut_4",S="_iconBox_1nqut_20",O="_confirm_1nqut_37",L="_phrase_1nqut_45",i={modalBody:E,body:F,iconBox:S,confirm:O,phrase:L},M=r.forwardRef(function({open:s,onClose:t,onConfirm:l,title:d,message:b,confirmLabel:B,cancelLabel:_,loading:T=!1,confirmText:n},k){const c=v.useT(),[D,h]=r.useState(!1),o=T||D,[u,y]=r.useState(""),x=r.useRef(s);x.current!==s&&(x.current=s,s&&y(""));const m=n==null||u.trim()===n.trim(),g=r.useId(),p=()=>{o||t()},q=async()=>{if(!(!m||o))try{h(!0),await l(),t()}catch{}finally{h(!1)}};return e.jsx(I.Modal,{ref:k,open:s,onClose:p,size:"sm",bodyClassName:i.modalBody,title:d??c("removeDialog.title"),showCloseButton:!o,closeOnBackdrop:!o,closeOnEscape:!o,footer:e.jsxs(e.Fragment,{children:[e.jsx(C.Button,{variant:"text",size:"sm",onClick:p,disabled:o,children:_??c("common.cancel")}),e.jsx(C.Button,{color:"error",variant:"filled",size:"sm",onClick:q,loading:o,disabled:!m,children:B??c("common.delete")})]}),children:e.jsxs("div",{className:i.body,children:[e.jsx("div",{className:i.iconBox,"aria-hidden":!0,children:e.jsx(j.Icon,{name:"Trash"})}),e.jsx(w.Typography,{align:"center",children:b??c("removeDialog.message")}),n!=null&&e.jsxs("div",{className:i.confirm,children:[e.jsx(z.Blockquote,{id:g,size:"sm",color:"error",children:e.jsx(P,{text:n})}),e.jsx(R.TextField,{"aria-labelledby":g,placeholder:n,value:u,onChange:a=>y(a.target.value),onKeyDown:a=>{a.key==="Enter"&&(a.preventDefault(),q())},adornment:u&&m?e.jsx(j.Icon,{name:"TickCircle",color:"success"}):void 0,adornmentPosition:"right",disabled:o,size:"sm",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:!1})]})]})})});function P({text:f}){const s=v.useT(),t="\0",[l,d=""]=s("removeDialog.typeToConfirm",{text:t}).split(t);return e.jsxs(e.Fragment,{children:[l,e.jsx(N.Code,{size:"sm",color:"error",className:i.phrase,children:f}),d]})}exports.RemoveDialog=M;
+//# sourceMappingURL=RemoveDialog-UsSX5z8Y.cjs.map

package/dist/{RemoveDialog-BnOtR6-q.cjs.map → RemoveDialog-UsSX5z8Y.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"RemoveDialog-BnOtR6-q.cjs","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useId, useRef, useState, type KeyboardEvent, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Blockquote } from '../Blockquote'\nimport { Button } from '../Button'\nimport { Code } from '../Code'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n  /** Whether the dialog is open. */\n  open: boolean\n  /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n  onClose: () => void\n  /**\n   * The destructive action. May be async — while its promise is pending the Delete button shows a\n   * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n   * stays open so the user can retry (surface the error yourself, e.g. a toast).\n   */\n  onConfirm: () => void | Promise<void>\n  /** Header title. Defaults to `\"Remove\"`. */\n  title?: ReactNode\n  /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n  message?: ReactNode\n  /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n  confirmLabel?: string\n  /** Cancel button label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n  /** External loading override — combined with the internal async-confirm state. */\n  loading?: boolean\n  /**\n   * **Type-to-confirm** for high-risk deletes: the user must type this exact text (e.g. `\"remove user\"`)\n   * into a field before Delete enables. Case-sensitive; surrounding whitespace is ignored. The field is\n   * focused on open, cleared on every open, and Enter confirms once it matches.\n   */\n  confirmText?: string\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. `confirmText`\n * adds **type-to-confirm**: Delete stays disabled until the user types that exact text. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n  {\n    open,\n    onClose,\n    onConfirm,\n    title,\n    message,\n    confirmLabel,\n    cancelLabel,\n    loading = false,\n    confirmText,\n  },\n  ref,\n) {\n  const t = useT()\n  const [submitting, setSubmitting] = useState(false)\n  const busy = loading || submitting\n\n  // type-to-confirm — cleared every time the dialog opens (\"adjust state on prop change\", no effect)\n  const [typed, setTyped] = useState('')\n  const wasOpen = useRef(open)\n  if (wasOpen.current !== open) {\n    wasOpen.current = open\n    if (open) setTyped('')\n  }\n  const matches = confirmText == null || typed.trim() === confirmText.trim()\n  const promptId = useId()\n\n  // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n  const handleClose = () => {\n    if (!busy) onClose()\n  }\n\n  const handleConfirm = async () => {\n    if (!matches || busy) return\n    try {\n      setSubmitting(true)\n      await onConfirm()\n      onClose() // auto-close on success\n    } catch {\n      // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  return (\n    <Modal\n      ref={ref}\n      open={open}\n      onClose={handleClose}\n      size=\"sm\"\n      bodyClassName={styles.modalBody}\n      title={title ?? t('removeDialog.title')}\n      showCloseButton={!busy}\n      closeOnBackdrop={!busy}\n      closeOnEscape={!busy}\n      footer={\n        <>\n          <Button variant=\"text\" size=\"sm\" onClick={handleClose} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button\n            color=\"error\"\n            variant=\"filled\"\n            size=\"sm\"\n            onClick={handleConfirm}\n            loading={busy}\n            disabled={!matches}\n          >\n            {confirmLabel ?? t('common.delete')}\n          </Button>\n        </>\n      }\n    >\n      <div className={styles.body}>\n        <div className={styles.iconBox} aria-hidden>\n          <Icon name=\"Trash\" />\n        </div>\n        <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n        {confirmText != null && (\n          <div className={styles.confirm}>\n            {/* the instruction, as an error-tinted quote — it also names the field (aria-labelledby) */}\n            <Blockquote id={promptId} size=\"sm\" color=\"error\">\n              <TypeToConfirmLabel text={confirmText} />\n            </Blockquote>\n            <TextField\n              aria-labelledby={promptId}\n              placeholder={confirmText}\n              value={typed}\n              onChange={(event) => setTyped(event.target.value)}\n              onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter') {\n                  event.preventDefault()\n                  void handleConfirm()\n                }\n              }}\n              // a green tick once the phrase matches — the field confirms itself before Delete does\n              adornment={typed && matches ? <Icon name=\"TickCircle\" color=\"success\" /> : undefined}\n              adornmentPosition=\"right\"\n              disabled={busy}\n              size=\"sm\"\n              autoComplete=\"off\"\n              autoCapitalize=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n            />\n          </div>\n        )}\n      </div>\n    </Modal>\n  )\n})\n\n/** \"Type {text} to confirm\" with the text set as inline `Code`, so the exact phrase stands out. */\nfunction TypeToConfirmLabel({ text }: { text: string }) {\n  const t = useT()\n  // translate with a sentinel in place of {text}, then split around it to slot the Code element in\n  const SENTINEL = '\\u0000'\n  const [before, after = ''] = t('removeDialog.typeToConfirm', { text: SENTINEL }).split(SENTINEL)\n  return (\n    <>\n      {before}\n      <Code size=\"sm\" color=\"error\" className={styles.phrase}>\n        {text}\n      </Code>\n      {after}\n    </>\n  )\n}\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","confirmText","ref","t","useT","submitting","setSubmitting","useState","busy","typed","setTyped","wasOpen","useRef","matches","promptId","useId","handleClose","handleConfirm","jsx","Modal","styles","jsxs","Fragment","Button","Icon","Typography","Blockquote","TypeToConfirmLabel","TextField","event","text","SENTINEL","before","after","Code"],"mappings":"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"}
+{"version":3,"file":"RemoveDialog-UsSX5z8Y.cjs","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useId, useRef, useState, type KeyboardEvent, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Blockquote } from '../Blockquote'\nimport { Button } from '../Button'\nimport { Code } from '../Code'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n  /** Whether the dialog is open. */\n  open: boolean\n  /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n  onClose: () => void\n  /**\n   * The destructive action. May be async — while its promise is pending the Delete button shows a\n   * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n   * stays open so the user can retry (surface the error yourself, e.g. a toast).\n   */\n  onConfirm: () => void | Promise<void>\n  /** Header title. Defaults to `\"Remove\"`. */\n  title?: ReactNode\n  /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n  message?: ReactNode\n  /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n  confirmLabel?: string\n  /** Cancel button label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n  /** External loading override — combined with the internal async-confirm state. */\n  loading?: boolean\n  /**\n   * **Type-to-confirm** for high-risk deletes: the user must type this exact text (e.g. `\"remove user\"`)\n   * into a field before Delete enables. Case-sensitive; surrounding whitespace is ignored. The field is\n   * focused on open, cleared on every open, and Enter confirms once it matches.\n   */\n  confirmText?: string\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. `confirmText`\n * adds **type-to-confirm**: Delete stays disabled until the user types that exact text. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n  {\n    open,\n    onClose,\n    onConfirm,\n    title,\n    message,\n    confirmLabel,\n    cancelLabel,\n    loading = false,\n    confirmText,\n  },\n  ref,\n) {\n  const t = useT()\n  const [submitting, setSubmitting] = useState(false)\n  const busy = loading || submitting\n\n  // type-to-confirm — cleared every time the dialog opens (\"adjust state on prop change\", no effect)\n  const [typed, setTyped] = useState('')\n  const wasOpen = useRef(open)\n  if (wasOpen.current !== open) {\n    wasOpen.current = open\n    if (open) setTyped('')\n  }\n  const matches = confirmText == null || typed.trim() === confirmText.trim()\n  const promptId = useId()\n\n  // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n  const handleClose = () => {\n    if (!busy) onClose()\n  }\n\n  const handleConfirm = async () => {\n    if (!matches || busy) return\n    try {\n      setSubmitting(true)\n      await onConfirm()\n      onClose() // auto-close on success\n    } catch {\n      // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  return (\n    <Modal\n      ref={ref}\n      open={open}\n      onClose={handleClose}\n      size=\"sm\"\n      bodyClassName={styles.modalBody}\n      title={title ?? t('removeDialog.title')}\n      showCloseButton={!busy}\n      closeOnBackdrop={!busy}\n      closeOnEscape={!busy}\n      footer={\n        <>\n          <Button variant=\"text\" size=\"sm\" onClick={handleClose} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button\n            color=\"error\"\n            variant=\"filled\"\n            size=\"sm\"\n            onClick={handleConfirm}\n            loading={busy}\n            disabled={!matches}\n          >\n            {confirmLabel ?? t('common.delete')}\n          </Button>\n        </>\n      }\n    >\n      <div className={styles.body}>\n        <div className={styles.iconBox} aria-hidden>\n          <Icon name=\"Trash\" />\n        </div>\n        <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n        {confirmText != null && (\n          <div className={styles.confirm}>\n            {/* the instruction, as an error-tinted quote — it also names the field (aria-labelledby) */}\n            <Blockquote id={promptId} size=\"sm\" color=\"error\">\n              <TypeToConfirmLabel text={confirmText} />\n            </Blockquote>\n            <TextField\n              aria-labelledby={promptId}\n              placeholder={confirmText}\n              value={typed}\n              onChange={(event) => setTyped(event.target.value)}\n              onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter') {\n                  event.preventDefault()\n                  void handleConfirm()\n                }\n              }}\n              // a green tick once the phrase matches — the field confirms itself before Delete does\n              adornment={typed && matches ? <Icon name=\"TickCircle\" color=\"success\" /> : undefined}\n              adornmentPosition=\"right\"\n              disabled={busy}\n              size=\"sm\"\n              autoComplete=\"off\"\n              autoCapitalize=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n            />\n          </div>\n        )}\n      </div>\n    </Modal>\n  )\n})\n\n/** \"Type {text} to confirm\" with the text set as inline `Code`, so the exact phrase stands out. */\nfunction TypeToConfirmLabel({ text }: { text: string }) {\n  const t = useT()\n  // translate with a sentinel in place of {text}, then split around it to slot the Code element in\n  const SENTINEL = '\\u0000'\n  const [before, after = ''] = t('removeDialog.typeToConfirm', { text: SENTINEL }).split(SENTINEL)\n  return (\n    <>\n      {before}\n      <Code size=\"sm\" color=\"error\" className={styles.phrase}>\n        {text}\n      </Code>\n      {after}\n    </>\n  )\n}\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","confirmText","ref","t","useT","submitting","setSubmitting","useState","busy","typed","setTyped","wasOpen","useRef","matches","promptId","useId","handleClose","handleConfirm","jsx","Modal","styles","jsxs","Fragment","Button","Icon","Typography","Blockquote","TypeToConfirmLabel","TextField","event","text","SENTINEL","before","after","Code"],"mappings":"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"}

package/dist/{RichTextEditor-zkoxujnO.js → RichTextEditor-BMctlkVC.js}

@@ -22,18 +22,18 @@ import { T as ke } from "./Typography-ChSuxgkc.js";
 import { t as Vt } from "./toastStore-Cx_JOKwS.js";
 import { $getSelectionStyleValueForProperty as Ae, $patchStyleText as Me, $setBlocksType as ue } from "@lexical/selection";
 import { $findMatchingParent as Gt, $getNearestNodeOfType as Kt, mergeRegister as Wt, $insertNodeToNearestRoot as Xt } from "@lexical/utils";
-import { B } from "./Button-C415LPw_.js";
-import { C as Jt, D as Qt } from "./ColorPickerPanel-DThSuUoz.js";
+import { B } from "./Button-DZWYeAno.js";
+import { C as Jt, D as Qt } from "./ColorPickerPanel-CkrSIf35.js";
 import { D as U } from "./Divider-LtH3dLgw.js";
 import { D as j } from "./Dropdown-D-D_Z1Jo.js";
 import { F as Yt } from "./FloatingPanel-C5c_eMQ0.js";
 import { b as v } from "./Icon-B7DJn8Tw.js";
-import { I as $ } from "./IconButton-re6xITGO.js";
+import { I as $ } from "./IconButton-iWbUJAz7.js";
 import { L as G } from "./ListItem-Ezmdk7q-.js";
-import { M as Ve } from "./Modal-DpoiMMM3.js";
-import { T as Ge } from "./TextField-CyKIx-d-.js";
+import { M as Ve } from "./Modal-DVGTD2Ck.js";
+import { T as Ge } from "./TextField-Dfpk0jOg.js";
 import { useLexicalEditable as jt } from "@lexical/react/useLexicalEditable";
-import { a as ee } from "./ConfigProvider-DVDGtCUc.js";
+import { a as ee } from "./ConfigProvider-DtyUlWk6.js";
 const Zt = /^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i, er = /^[a-z][a-z0-9+.-]*:/i;
 function be(o) {
   const e = o.trim();
@@ -1145,4 +1145,4 @@ const eo = ot(
 export {
   eo as R
 };
-//# sourceMappingURL=RichTextEditor-zkoxujnO.js.map
+//# sourceMappingURL=RichTextEditor-BMctlkVC.js.map