@techzyapp/ui-library 1.0.30 → 1.0.31

package/dist/{RemoveDialog-Bm2mJB3l.cjs → RemoveDialog-D12B4x80.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-CusxDmfq.cjs"),N=require("./Code-CUdpWlY5.cjs"),j=require("./Icon-BVULqOJD.cjs"),I=require("./Modal-DFeBHv-Q.cjs"),R=require("./TextField-E85pvJQC.cjs"),w=require("./Typography-B6ASPrzT.cjs"),v=require("./ConfigProvider-ByLHqXpv.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-Bm2mJB3l.cjs.map
+"use strict";const e=require("react/jsx-runtime"),r=require("react"),z=require("./Blockquote-BWGxIL_V.cjs"),C=require("./Button-BQhiJq8e.cjs"),N=require("./Code-CUdpWlY5.cjs"),j=require("./Icon-BUP5_kRs.cjs"),I=require("./Modal-DPObz0b-.cjs"),R=require("./TextField-B22NRQ91.cjs"),w=require("./Typography-B6ASPrzT.cjs"),v=require("./ConfigProvider-CtpfSy1i.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-D12B4x80.cjs.map

package/dist/{RemoveDialog-Bm2mJB3l.cjs.map → RemoveDialog-D12B4x80.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"RemoveDialog-Bm2mJB3l.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-D12B4x80.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/{RemoveDialog-C2uJzWi-.js → RemoveDialog-DdGsqaWV.js}

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as l, Fragment as T } from "react/jsx-runtime";
 import { forwardRef as I, useState as _, useRef as R, useId as E } from "react";
 import { B as O } from "./Blockquote-Ma-2naET.js";
-import { B as v } from "./Button-CWMNNiia.js";
+import { B as v } from "./Button-9Qcdkw-y.js";
 import { C as S } from "./Code-DaEpXHfF.js";
-import { I as B } from "./Icon-DaTvzLBu.js";
-import { M as j } from "./Modal-DHP2R3K3.js";
-import { T as F } from "./TextField-SGYWviFf.js";
+import { I as B } from "./Icon-CGQ5yGSZ.js";
+import { M as j } from "./Modal-DMJMw6kT.js";
+import { T as F } from "./TextField-DkaYK1DI.js";
 import { T as L } from "./Typography-CJv5AnRP.js";
-import { a as k } from "./ConfigProvider-BbsI15b-.js";
+import { a as k } from "./ConfigProvider-Ct0Pe3Ku.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-C2uJzWi-.js.map
+//# sourceMappingURL=RemoveDialog-DdGsqaWV.js.map

package/dist/{RemoveDialog-C2uJzWi-.js.map → RemoveDialog-DdGsqaWV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RemoveDialog-C2uJzWi-.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":";;;;;;;;;;;;;;;;GAoDaA,KAAeC,EAA8C,SACxE;AAAA,EACE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AACF,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJ,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAOR,KAAWK,GAGlB,CAACI,GAAOC,CAAQ,IAAIH,EAAS,EAAE,GAC/BI,IAAUC,EAAOnB,CAAI;AAC3B,EAAIkB,EAAQ,YAAYlB,MACtBkB,EAAQ,UAAUlB,GACdA,OAAe,EAAE;AAEvB,QAAMoB,IAAUZ,KAAe,QAAQQ,EAAM,KAAA,MAAWR,EAAY,KAAA,GAC9Da,IAAWC,EAAA,GAGXC,IAAc,MAAM;AACxB,IAAKR,KAAMd,EAAA;AAAA,EACb,GAEMuB,IAAgB,YAAY;AAChC,QAAI,GAACJ,KAAWL;AAChB,UAAI;AACF,QAAAF,EAAc,EAAI,GAClB,MAAMX,EAAA,GACND,EAAA;AAAA,MACF,QAAQ;AAAA,MAER,UAAA;AACE,QAAAY,EAAc,EAAK;AAAA,MACrB;AAAA,EACF;AAEA,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,MAAAT;AAAA,MACA,SAASuB;AAAA,MACT,MAAK;AAAA,MACL,eAAeI,EAAO;AAAA,MACtB,OAAOxB,KAASO,EAAE,oBAAoB;AAAA,MACtC,iBAAiB,CAACK;AAAA,MAClB,iBAAiB,CAACA;AAAA,MAClB,eAAe,CAACA;AAAA,MAChB,QACE,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAO,SAAQ,QAAO,MAAK,MAAK,SAASP,GAAa,UAAUR,GAC9D,UAAAT,KAAeI,EAAE,eAAe,GACnC;AAAA,QACA,gBAAAe;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAASN;AAAA,YACT,SAAST;AAAA,YACT,UAAU,CAACK;AAAA,YAEV,UAAAf,KAAgBK,EAAE,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,GACF;AAAA,MAGF,UAAA,gBAAAkB,EAAC,OAAA,EAAI,WAAWD,EAAO,MACrB,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,SAAS,eAAW,IACzC,UAAA,gBAAAF,EAACM,GAAA,EAAK,MAAK,QAAA,CAAQ,EAAA,CACrB;AAAA,0BACCC,GAAA,EAAW,OAAM,UAAU,UAAA5B,KAAWM,EAAE,sBAAsB,GAAE;AAAA,QAChEF,KAAe,QACd,gBAAAoB,EAAC,OAAA,EAAI,WAAWD,EAAO,SAErB,UAAA;AAAA,UAAA,gBAAAF,EAACQ,GAAA,EAAW,IAAIZ,GAAU,MAAK,MAAK,OAAM,SACxC,UAAA,gBAAAI,EAACS,GAAA,EAAmB,MAAM1B,EAAA,CAAa,GACzC;AAAA,UACA,gBAAAiB;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,mBAAiBd;AAAA,cACjB,aAAab;AAAA,cACb,OAAOQ;AAAA,cACP,UAAU,CAACoB,MAAUnB,EAASmB,EAAM,OAAO,KAAK;AAAA,cAChD,WAAW,CAACA,MAA2C;AACrD,gBAAIA,EAAM,QAAQ,YAChBA,EAAM,eAAA,GACDZ,EAAA;AAAA,cAET;AAAA,cAEA,WAAWR,KAASI,IAAU,gBAAAK,EAACM,KAAK,MAAK,cAAa,OAAM,UAAA,CAAU,IAAK;AAAA,cAC3E,mBAAkB;AAAA,cAClB,UAAUhB;AAAA,cACV,MAAK;AAAA,cACL,cAAa;AAAA,cACb,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAGD,SAASmB,EAAmB,EAAE,MAAAG,KAA0B;AACtD,QAAM,IAAI1B,EAAA,GAEJ2B,IAAW,MACX,CAACC,GAAQC,IAAQ,EAAE,IAAI,EAAE,8BAA8B,EAAE,MAAMF,EAAA,CAAU,EAAE,MAAMA,CAAQ;AAC/F,SACE,gBAAAV,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAU;AAAA,IACD,gBAAAd,EAACgB,KAAK,MAAK,MAAK,OAAM,SAAQ,WAAWd,EAAO,QAC7C,UAAAU,EAAA,CACH;AAAA,IACCG;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"RemoveDialog-DdGsqaWV.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":";;;;;;;;;;;;;;;;GAoDaA,KAAeC,EAA8C,SACxE;AAAA,EACE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AACF,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJ,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAOR,KAAWK,GAGlB,CAACI,GAAOC,CAAQ,IAAIH,EAAS,EAAE,GAC/BI,IAAUC,EAAOnB,CAAI;AAC3B,EAAIkB,EAAQ,YAAYlB,MACtBkB,EAAQ,UAAUlB,GACdA,OAAe,EAAE;AAEvB,QAAMoB,IAAUZ,KAAe,QAAQQ,EAAM,KAAA,MAAWR,EAAY,KAAA,GAC9Da,IAAWC,EAAA,GAGXC,IAAc,MAAM;AACxB,IAAKR,KAAMd,EAAA;AAAA,EACb,GAEMuB,IAAgB,YAAY;AAChC,QAAI,GAACJ,KAAWL;AAChB,UAAI;AACF,QAAAF,EAAc,EAAI,GAClB,MAAMX,EAAA,GACND,EAAA;AAAA,MACF,QAAQ;AAAA,MAER,UAAA;AACE,QAAAY,EAAc,EAAK;AAAA,MACrB;AAAA,EACF;AAEA,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,MAAAT;AAAA,MACA,SAASuB;AAAA,MACT,MAAK;AAAA,MACL,eAAeI,EAAO;AAAA,MACtB,OAAOxB,KAASO,EAAE,oBAAoB;AAAA,MACtC,iBAAiB,CAACK;AAAA,MAClB,iBAAiB,CAACA;AAAA,MAClB,eAAe,CAACA;AAAA,MAChB,QACE,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAO,SAAQ,QAAO,MAAK,MAAK,SAASP,GAAa,UAAUR,GAC9D,UAAAT,KAAeI,EAAE,eAAe,GACnC;AAAA,QACA,gBAAAe;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAASN;AAAA,YACT,SAAST;AAAA,YACT,UAAU,CAACK;AAAA,YAEV,UAAAf,KAAgBK,EAAE,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,GACF;AAAA,MAGF,UAAA,gBAAAkB,EAAC,OAAA,EAAI,WAAWD,EAAO,MACrB,UAAA;AAAA,QAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,SAAS,eAAW,IACzC,UAAA,gBAAAF,EAACM,GAAA,EAAK,MAAK,QAAA,CAAQ,EAAA,CACrB;AAAA,0BACCC,GAAA,EAAW,OAAM,UAAU,UAAA5B,KAAWM,EAAE,sBAAsB,GAAE;AAAA,QAChEF,KAAe,QACd,gBAAAoB,EAAC,OAAA,EAAI,WAAWD,EAAO,SAErB,UAAA;AAAA,UAAA,gBAAAF,EAACQ,GAAA,EAAW,IAAIZ,GAAU,MAAK,MAAK,OAAM,SACxC,UAAA,gBAAAI,EAACS,GAAA,EAAmB,MAAM1B,EAAA,CAAa,GACzC;AAAA,UACA,gBAAAiB;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,mBAAiBd;AAAA,cACjB,aAAab;AAAA,cACb,OAAOQ;AAAA,cACP,UAAU,CAACoB,MAAUnB,EAASmB,EAAM,OAAO,KAAK;AAAA,cAChD,WAAW,CAACA,MAA2C;AACrD,gBAAIA,EAAM,QAAQ,YAChBA,EAAM,eAAA,GACDZ,EAAA;AAAA,cAET;AAAA,cAEA,WAAWR,KAASI,IAAU,gBAAAK,EAACM,KAAK,MAAK,cAAa,OAAM,UAAA,CAAU,IAAK;AAAA,cAC3E,mBAAkB;AAAA,cAClB,UAAUhB;AAAA,cACV,MAAK;AAAA,cACL,cAAa;AAAA,cACb,gBAAe;AAAA,cACf,aAAY;AAAA,cACZ,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAGD,SAASmB,EAAmB,EAAE,MAAAG,KAA0B;AACtD,QAAM,IAAI1B,EAAA,GAEJ2B,IAAW,MACX,CAACC,GAAQC,IAAQ,EAAE,IAAI,EAAE,8BAA8B,EAAE,MAAMF,EAAA,CAAU,EAAE,MAAMA,CAAQ;AAC/F,SACE,gBAAAV,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAU;AAAA,IACD,gBAAAd,EAACgB,KAAK,MAAK,MAAK,OAAM,SAAQ,WAAWd,EAAO,QAC7C,UAAAU,EAAA,CACH;AAAA,IACCG;AAAA,EAAA,GACH;AAEJ;"}

package/dist/{RichTextEditor-hOfxJEPX.cjs → RichTextEditor-BVXY25sz.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),Be=require("clsx"),a=require("lexical"),Ue=require("@lexical/react/LexicalComposer"),Ee=require("@lexical/react/LexicalComposerContext"),Fe=require("@lexical/react/LexicalRichTextPlugin"),Pe=require("@lexical/react/LexicalContentEditable"),He=require("@lexical/react/LexicalErrorBoundary"),Ve=require("@lexical/react/LexicalHistoryPlugin"),ze=require("@lexical/react/LexicalListPlugin"),Ge=require("@lexical/react/LexicalCheckListPlugin"),We=require("@lexical/react/LexicalLinkPlugin"),Ke=require("@lexical/react/LexicalMarkdownShortcutPlugin"),se=require("@lexical/markdown"),w=require("@lexical/rich-text"),I=require("@lexical/list"),F=require("@lexical/link"),ve=require("@lexical/html"),Je=require("./formContext-bTWrqdEV.cjs"),je=require("./Typography-B6ASPrzT.cjs"),Qe=require("./toastStore-B4Tk2Xk7.cjs"),M=require("@lexical/selection"),D=require("@lexical/utils"),K=require("./Button-CusxDmfq.cjs"),ye=require("./ColorPickerPanel-DAOESLCe.cjs"),$=require("./Divider-CzbhdCiD.cjs"),ce=require("./Dropdown-DNZ9S_zQ.cjs"),Xe=require("./FloatingPanel-BIC4WrFa.cjs"),g=require("./Icon-BVULqOJD.cjs"),q=require("./IconButton-BNa0yLcv.cjs"),J=require("./List-9lUjapQ5.cjs"),Ye=require("./Modal-DFeBHv-Q.cjs"),Ze=require("./TextField-E85pvJQC.cjs"),ue=require("./ConfigProvider-ByLHqXpv.cjs"),et=/^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i,tt=/^[a-z][a-z0-9+.-]*:/i;function de(o){const e=o.trim();return e===""?"":et.test(e)||!tt.test(e)?e:"#"}function Le(o){const e=o.trim();if(/^data:(?:image|video)\//i.test(e)||/^blob:/i.test(e))return e;const i=de(e);return i==="#"?"":i}function rt(o){return o instanceof HTMLImageElement&&o.src?{node:Q(o.getAttribute("src")??o.src,o.alt)}:null}class X extends a.DecoratorNode{static getType(){return"tz-image"}static clone(e){return new X(e.__src,e.__alt,e.__key)}constructor(e,i="",n){super(n),this.__src=Le(e),this.__alt=i}static importJSON(e){return Q(e.src,e.alt)}exportJSON(){return{...super.exportJSON(),type:"tz-image",version:1,src:this.__src,alt:this.__alt}}static importDOM(){return{img:()=>({conversion:rt,priority:0})}}exportDOM(){const e=document.createElement("img");return e.setAttribute("src",this.__src),e.setAttribute("alt",this.__alt),{element:e}}createDOM(){const e=document.createElement("div");return e.style.display="contents",e}updateDOM(){return!1}getSrc(){return this.__src}getAltText(){return this.__alt}decorate(){return r.jsx("img",{src:this.__src,alt:this.__alt,draggable:!1})}}function Q(o,e=""){return a.$applyNodeReplacement(new X(o,e))}function Se(o){return/\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i.test(o)}function nt(o){const e=o.match(/(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/)|youtu\.be\/)([\w-]{11})/);if(e)return`https://www.youtube.com/embed/${e[1]}`;const i=o.match(/vimeo\.com\/(?:video\/)?(\d+)/);return i?`https://player.vimeo.com/video/${i[1]}`:o}function Ne(o){var i;const e=o.getAttribute("src")||((i=o.querySelector("source"))==null?void 0:i.getAttribute("src"));return e?{node:me(e)}:null}class Y extends a.DecoratorNode{static getType(){return"tz-video"}static clone(e){return new Y(e.__src,e.__key)}constructor(e,i){super(i),this.__src=Le(e)}static importJSON(e){return me(e.src)}exportJSON(){return{...super.exportJSON(),type:"tz-video",version:1,src:this.__src}}static importDOM(){return{iframe:()=>({conversion:Ne,priority:0}),video:()=>({conversion:Ne,priority:0})}}exportDOM(){if(Se(this.__src)){const i=document.createElement("video");return i.setAttribute("src",this.__src),i.setAttribute("controls","true"),{element:i}}const e=document.createElement("iframe");return e.setAttribute("src",this.__src),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","true"),e.setAttribute("allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"),{element:e}}createDOM(){const e=document.createElement("div");return e.style.display="contents",e}updateDOM(){return!1}getSrc(){return this.__src}decorate(){return Se(this.__src)?r.jsx("video",{src:this.__src,controls:!0}):r.jsx(ot,{src:this.__src})}}function ot({src:o}){const e=ue.useT();return r.jsx("div",{className:"tz-rte-embed",children:r.jsx("iframe",{src:o,title:e("rte.embeddedVideo"),frameBorder:0,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function me(o){return a.$applyNodeReplacement(new Y(nt(o)))}const it="_editor_16j1l_1",lt="_label_16j1l_9",st="_required_16j1l_15",ct="_helper_16j1l_18",at="_control_16j1l_24",ut="_error_16j1l_38",dt="_disabled_16j1l_45",mt="_toolbar_16j1l_51",pt="_sm_16j1l_67",ht="_md_16j1l_71",_t="_lg_16j1l_75",ft="_colorGlyph_16j1l_81",xt="_colorBar_16j1l_89",gt="_shell_16j1l_107",jt="_content_16j1l_110",yt="_placeholder_16j1l_123",St="_paragraph_16j1l_146",Nt="_h1_16j1l_152",Tt="_h2_16j1l_153",Ct="_h3_16j1l_154",Et="_h4_16j1l_155",vt="_h5_16j1l_156",Lt="_h6_16j1l_157",bt="_quote_16j1l_176",kt="_ul_16j1l_183",Rt="_ol_16j1l_188",Mt="_li_16j1l_193",It="_nestedLi_16j1l_196",Ot="_liChecked_16j1l_200",At="_liUnchecked_16j1l_201",Dt="_link_16j1l_238",$t="_bold_16j1l_245",qt="_italic_16j1l_248",wt="_underline_16j1l_251",Bt="_strike_16j1l_254",Ut="_codeInline_16j1l_260",s={editor:it,label:lt,required:st,helper:ct,control:at,error:ut,disabled:dt,toolbar:mt,sm:pt,md:ht,lg:_t,colorGlyph:ft,colorBar:xt,shell:gt,content:jt,placeholder:yt,paragraph:St,h1:Nt,h2:Tt,h3:Ct,h4:Et,h5:vt,h6:Lt,quote:bt,ul:kt,ol:Rt,li:Mt,nestedLi:It,liChecked:Ot,liUnchecked:At,link:Dt,bold:$t,italic:qt,underline:wt,strike:Bt,codeInline:Ut},Ft={paragraph:"Paragraph",h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",quote:"Quote",bullet:"Bullet List",number:"Numbered List",check:"Check List"},Pt=[{type:"paragraph",icon:"Text"},{type:"h1",icon:"Hashtag"},{type:"h2",icon:"Hashtag"},{type:"h3",icon:"Hashtag"}],Ht=[{value:"left",labelKey:"rte.alignLeft",icon:"TextalignLeft"},{value:"center",labelKey:"rte.alignCenter",icon:"TextalignCenter"},{value:"right",labelKey:"rte.alignRight",icon:"TextalignRight"}],Vt=["10px","12px","14px","16px","18px","20px"],zt={sm:"12px",md:"14px",lg:"16px"};function Gt({color:o,size:e}){return r.jsxs("span",{className:s.colorGlyph,children:[r.jsx(g.Icon,{name:"Brush",size:e}),r.jsx("span",{className:s.colorBar,style:{borderColor:`transparent transparent ${o||"currentColor"} transparent`},"aria-hidden":"true"})]})}function Wt({size:o,disabled:e,onImageUpload:i}){const n=ue.useT(),p=t=>Ft[t]??t,[l]=Ee.useLexicalComposerContext(),m=u.useRef(null),[j,d]=u.useState(!1),[_,N]=u.useState(!1),[f,x]=u.useState(!1),[y,C]=u.useState(!1),[Z,ee]=u.useState(""),[v,O]=u.useState("paragraph"),[te,E]=u.useState("left"),[T,A]=u.useState(""),[B,P]=u.useState(""),[H,V]=u.useState(!1),U=u.useRef(null),[z,re]=u.useState(!1),[S,be]=u.useState(!1),[h,ne]=u.useState(null),[pe,he]=u.useState(""),oe=u.useCallback(()=>{const t=a.$getSelection();if(!a.$isRangeSelection(t))return;d(t.hasFormat("bold")),N(t.hasFormat("italic")),x(t.hasFormat("underline")),P(M.$getSelectionStyleValueForProperty(t,"color","")),A(M.$getSelectionStyleValueForProperty(t,"font-size",""));const c=t.anchor.getNode(),k=c.getParent(),b=F.$isLinkNode(c)?c:F.$isLinkNode(k)?k:null;C(b!==null),ee((b==null?void 0:b.getURL())??"");const R=c.getKey()==="root"?c:D.$findMatchingParent(c,we=>{const ge=we.getParent();return ge===null||ge.getKey()==="root"})??c.getTopLevelElement();E(a.$isElementNode(R)&&R.getFormatType()||"left");const W=D.$getNearestNodeOfType(c,I.ListNode);W?O(W.getListType()):w.$isHeadingNode(R)?O(R.getTag()):w.$isQuoteNode(R)?O("quote"):O("paragraph")},[]);u.useEffect(()=>D.mergeRegister(l.registerUpdateListener(({editorState:t})=>t.read(oe)),l.registerCommand(a.SELECTION_CHANGE_COMMAND,()=>(oe(),!1),a.COMMAND_PRIORITY_LOW),l.registerCommand(a.CAN_UNDO_COMMAND,t=>(re(t),!1),a.COMMAND_PRIORITY_LOW),l.registerCommand(a.CAN_REDO_COMMAND,t=>(be(t),!1),a.COMMAND_PRIORITY_LOW)),[l,oe]);const ie=t=>l.dispatchCommand(a.FORMAT_TEXT_COMMAND,t),ke=t=>l.dispatchCommand(a.FORMAT_ELEMENT_COMMAND,t),Re=t=>{P(t),l.update(()=>{const c=a.$getSelection();a.$isRangeSelection(c)&&M.$patchStyleText(c,{color:t||null})})},Me=t=>{A(t),l.update(()=>{const c=a.$getSelection();a.$isRangeSelection(c)&&M.$patchStyleText(c,{"font-size":t||null})})},G=t=>{if(t==="bullet"||t==="number"||t==="check"){if(v===t)l.dispatchCommand(I.REMOVE_LIST_COMMAND,void 0);else{const c=t==="bullet"?I.INSERT_UNORDERED_LIST_COMMAND:t==="number"?I.INSERT_ORDERED_LIST_COMMAND:I.INSERT_CHECK_LIST_COMMAND;l.dispatchCommand(c,void 0)}return}l.update(()=>{const c=a.$getSelection();a.$isRangeSelection(c)&&(t==="paragraph"?M.$setBlocksType(c,()=>a.$createParagraphNode()):t==="quote"?M.$setBlocksType(c,()=>w.$createQuoteNode()):M.$setBlocksType(c,()=>w.$createHeadingNode(t)))})},Ie=()=>G(v==="quote"?"paragraph":"quote"),le=(t,c="")=>{he(c),ne(t)},_e=()=>ne(null),Oe=()=>{h==null||h.onConfirm(pe.trim()),ne(null)},Ae=()=>le({icon:"Link2",title:n("rte.linkTitle"),label:n("rte.linkUrl"),placeholder:"https://example.com",confirmLabel:n(y?"common.update":"common.insert"),onConfirm:t=>l.dispatchCommand(F.TOGGLE_LINK_COMMAND,t===""?null:de(t))},Z),De=()=>le({icon:"GalleryAdd",title:n("rte.imageTitle"),label:n("rte.imageUrl"),placeholder:"https://example.com/image.jpg",confirmLabel:n("common.insert"),onConfirm:t=>{t&&l.update(()=>D.$insertNodeToNearestRoot(Q(t)))}}),$e=async t=>{var k;const c=(k=t.target.files)==null?void 0:k[0];if(t.target.value="",!!c)try{const b=i?await i(c):await Kt(c);l.update(()=>D.$insertNodeToNearestRoot(Q(b,c.name)))}catch{Qe.toast.error(n("rte.imageError"))}},qe=()=>le({icon:"VideoSquare",title:n("rte.videoTitle"),label:n("rte.videoUrl"),placeholder:n("rte.videoUrlPlaceholder"),confirmLabel:n("common.insert"),onConfirm:t=>{t&&l.update(()=>D.$insertNodeToNearestRoot(me(t)))}}),L=(t,c,k,b,R)=>r.jsx(q.IconButton,{variant:t?"filled":"text",color:"primary",size:o,disabled:e,"aria-label":c,"aria-pressed":t,onMouseDown:W=>W.preventDefault(),onClick:k,children:b},R),fe=v.startsWith("h")?v:"paragraph",xe=T||zt[o];return r.jsxs("div",{className:s.toolbar,role:"toolbar","aria-label":n("rte.formatting"),"aria-orientation":"horizontal",children:[r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e||!z,"aria-label":n("rte.undo"),onMouseDown:t=>t.preventDefault(),onClick:()=>l.dispatchCommand(a.UNDO_COMMAND,void 0),children:r.jsx(g.Icon,{name:"UndoArrow"})}),r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e||!S,"aria-label":n("rte.redo"),onMouseDown:t=>t.preventDefault(),onClick:()=>l.dispatchCommand(a.REDO_COMMAND,void 0),children:r.jsx(g.Icon,{name:"RedoArrow"})}),r.jsx($.Divider,{orientation:"vertical"}),r.jsx(ce.Dropdown,{size:o,disabled:e,minWidth:!1,trigger:r.jsx(K.Button,{variant:"text",color:"primary",size:o,disabled:e,endIcon:r.jsx(g.Icon,{name:"ArrowDown4"}),"aria-label":n("rte.fontSize"),onMouseDown:t=>t.preventDefault(),children:xe}),children:Vt.map(t=>r.jsx(J.ListItem,{clickable:!0,selected:t===xe,onClick:()=>Me(t),children:t},t))}),r.jsx($.Divider,{orientation:"vertical"}),r.jsx(ce.Dropdown,{size:o,disabled:e,trigger:r.jsx(K.Button,{variant:"text",color:"primary",size:o,disabled:e,endIcon:r.jsx(g.Icon,{name:"ArrowDown4"}),onMouseDown:t=>t.preventDefault(),children:p(fe)}),children:Pt.map(t=>r.jsx(J.ListItem,{clickable:!0,selected:fe===t.type,icon:t.icon,onClick:()=>G(t.type),children:p(t.type)},t.type))}),r.jsx($.Divider,{orientation:"vertical"}),L(j,n("rte.bold"),()=>ie("bold"),r.jsx(g.Icon,{name:"TextBold"})),L(_,n("rte.italic"),()=>ie("italic"),r.jsx(g.Icon,{name:"TextItalic"})),L(f,n("rte.underline"),()=>ie("underline"),r.jsx(g.Icon,{name:"TextUnderline"})),r.jsx($.Divider,{orientation:"vertical"}),L(v==="bullet",n("rte.bulletList"),()=>G("bullet"),r.jsx(g.Icon,{name:"ListBullet"})),L(v==="number",n("rte.numberedList"),()=>G("number"),r.jsx(g.Icon,{name:"ListNumber"})),L(v==="quote",n("rte.quote"),Ie,r.jsx(g.Icon,{name:"QuoteUp"})),r.jsx($.Divider,{orientation:"vertical"}),Ht.map(t=>L(te===t.value,n(t.labelKey),()=>ke(t.value),r.jsx(g.Icon,{name:t.icon}),t.value)),r.jsx($.Divider,{orientation:"vertical"}),r.jsx(q.IconButton,{ref:U,variant:"text",color:"primary",size:o,disabled:e,"aria-label":n("rte.textColor"),"aria-expanded":H,onMouseDown:t=>t.preventDefault(),onClick:()=>V(t=>!t),children:r.jsx(Gt,{color:B})}),r.jsx(Xe.FloatingPanel,{open:H,triggerRef:U,onClose:t=>{var c;V(!1),t&&((c=U.current)==null||c.focus())},role:"dialog",ariaLabel:n("rte.textColor"),width:232,children:r.jsx(ye.ColorPickerPanel,{value:B||ye.DEFAULT_SWATCHES[0],onChange:Re,clearable:!1})}),L(y,n("rte.link"),Ae,r.jsx(g.Icon,{name:"Link2"})),r.jsxs(ce.Dropdown,{size:o,disabled:e,minWidth:!1,trigger:r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e,"aria-label":n("rte.insertImage"),children:r.jsx(g.Icon,{name:"GalleryAdd"})}),children:[r.jsx(J.ListItem,{clickable:!0,icon:"GalleryImport",onClick:()=>{var t;return(t=m.current)==null?void 0:t.click()},children:n("rte.uploadImage")}),r.jsx(J.ListItem,{clickable:!0,icon:"Link",onClick:De,children:n("rte.imageByUrl")})]}),r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e,"aria-label":n("rte.insertVideo"),onClick:qe,children:r.jsx(g.Icon,{name:"VideoSquare"})}),r.jsx("input",{ref:m,type:"file",accept:"image/*",hidden:!0,onChange:$e,"aria-hidden":"true",tabIndex:-1}),r.jsx(Ye.Modal,{open:h!==null,onClose:_e,size:"sm",icon:h==null?void 0:h.icon,title:h==null?void 0:h.title,footer:r.jsxs(r.Fragment,{children:[r.jsx(K.Button,{variant:"text",size:"sm",onClick:_e,children:n("common.cancel")}),r.jsx(K.Button,{type:"submit",size:"sm",form:"rte-url-form",children:(h==null?void 0:h.confirmLabel)??n("common.insert")})]}),children:r.jsx("form",{id:"rte-url-form",onSubmit:t=>{t.preventDefault(),Oe()},children:r.jsx(Ze.TextField,{label:h==null?void 0:h.label,placeholder:h==null?void 0:h.placeholder,value:pe,onChange:t=>he(t.target.value)})})})]})}function Kt(o){return new Promise((e,i)=>{const n=new FileReader;n.onload=()=>e(n.result),n.onerror=()=>i(n.error),n.readAsDataURL(o)})}const Jt={paragraph:s.paragraph,heading:{h1:s.h1,h2:s.h2,h3:s.h3,h4:s.h4,h5:s.h5,h6:s.h6},quote:s.quote,list:{ul:s.ul,ol:s.ol,listitem:s.li,listitemChecked:s.liChecked,listitemUnchecked:s.liUnchecked,nested:{listitem:s.nestedLi}},link:s.link,text:{bold:s.bold,italic:s.italic,underline:s.underline,strikethrough:s.strike,code:s.codeInline}},Qt=[w.HeadingNode,w.QuoteNode,I.ListNode,I.ListItemNode,F.LinkNode,X,Y],Xt=[...se.ELEMENT_TRANSFORMERS,...se.TEXT_FORMAT_TRANSFORMERS,...se.TEXT_MATCH_TRANSFORMERS],Yt=["color","font-size"],Zt={span:o=>{var i,n;const e=(n=(i=a.TextNode.importDOM())==null?void 0:i.span)==null?void 0:n.call(i,o);return{priority:1,conversion:p=>{const l=(e==null?void 0:e.conversion(p))??{node:null},m=Yt.flatMap(d=>{const _=p.style.getPropertyValue(d);return _?[[d,_]]:[]});if(m.length===0)return l;const j=l.forChild;return{...l,forChild:(d,_)=>{const N=j?j(d,_):d;if(a.$isTextNode(N)){const f={...a.getStyleObjectFromCSS(N.getStyle())};for(const[x,y]of m)f[x]=y;N.setStyle(Object.entries(f).map(([x,y])=>`${x}: ${y};`).join(" "))}return N}}}}}},er=new Set(["A","B","CODE","EM","I","MARK","S","SPAN","STRONG","SUB","SUP","U"]);function tr(o){const e=o.split(";").map(i=>i.trim()).filter(i=>i&&!/^white-space\s*:\s*pre-wrap$/i.test(i));return e.length?`${e.join("; ")};`:null}function rr(o){const e=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT);let i=!0,n=!1,p=null;const l=()=>{p&&p.data.endsWith(" ")&&(p.data=`${p.data.slice(0,-1)} `),p=null,i=!0,n=!1};for(let m=e.nextNode();m;m=e.nextNode()){if(m.nodeType===Node.ELEMENT_NODE){er.has(m.tagName)||l();continue}const j=m;if(!j.data)continue;let d="";for(const _ of j.data)_===" "&&(i||n)?(d+=" ",n=!1):(d+=_,n=_===" "),i=!1;j.data=d,p=j}l()}function nr(o){if(typeof document>"u")return o;const e=document.createElement("template");e.innerHTML=o;const i=e.content;return i.querySelectorAll("[class]").forEach(n=>n.removeAttribute("class")),i.querySelectorAll("[style]").forEach(n=>{var l;if((l=n.textContent)!=null&&l.includes("	"))return;const p=tr(n.getAttribute("style")??"");p?n.setAttribute("style",p):n.removeAttribute("style")}),i.querySelectorAll("span").forEach(n=>{n.attributes.length===0&&n.replaceWith(...n.childNodes)}),i.normalize(),rr(i),e.innerHTML}function or(){const o=a.$getRoot(),e=o.getFirstChild();return o.getChildrenSize()<=1&&(e===null||a.$isParagraphNode(e)&&e.getChildrenSize()===0)}function Te(o,e){const i=a.$getRoot();if(i.clear(),e){const n=new DOMParser().parseFromString(e,"text/html"),p=ve.$generateNodesFromDOM(o,n);i.select(),a.$insertNodes(p)}i.getChildrenSize()===0&&i.append(a.$createParagraphNode()),a.$setSelection(null)}const ae="tz-external-value";function Ce(o){return or()?"":nr(ve.$generateHtmlFromNodes(o,null))}function ir({value:o,defaultValue:e,onChange:i,onReady:n,disabled:p}){const[l]=Ee.useLexicalComposerContext(),m=u.useRef(void 0),j=u.useRef(i);j.current=i;const d=u.useRef(n);d.current=n;const _=u.useRef(!1),N=f=>{var x;_.current||(_.current=!0,(x=d.current)==null||x.call(d,f))};return u.useEffect(()=>l.setEditable(!p),[l,p]),u.useEffect(()=>l.registerNodeTransform(F.LinkNode,f=>{const x=f.getURL(),y=de(x);y!==x&&f.setURL(y)}),[l]),u.useEffect(()=>{if(o===void 0){if(!e){m.current="",N("");return}m.current=e,l.update(()=>Te(l,e),{tag:["history-merge",ae]})}},[]),u.useEffect(()=>{o===void 0||o===m.current||(m.current=o,l.update(()=>Te(l,o),{tag:["history-merge",ae]}))},[l,o]),u.useEffect(()=>l.registerUpdateListener(({dirtyElements:f,dirtyLeaves:x,tags:y})=>{if(y.has(ae)){l.read(()=>{const C=Ce(l);m.current=C,N(C)});return}f.size===0&&x.size===0||l.read(()=>{const C=Ce(l);C!==m.current&&(m.current=C,j.current(C))})}),[l]),null}const lr=u.forwardRef(function({label:e,size:i="md",error:n,helperText:p,required:l=!1,disabled:m=!1,placeholder:j,name:d,value:_,defaultValue:N,onChange:f,onReady:x,onImageUpload:y,minHeight:C=220,"aria-label":Z="Rich text editor",className:ee,style:v},O){const te=ue.useT(),E=Je.useFormContext(),T=E&&d?E.field(d):void 0,A=n??(T==null?void 0:T.error)??!1,B=p??(T==null?void 0:T.helperText),P=E&&d?E.values[d]:void 0,H=_!==void 0?_:E&&d?String(P??""):void 0,V=u.useCallback(S=>{E&&d&&E.setValue(d,S),f==null||f(S)},[E,d,f]),U=S=>T==null?void 0:T.onBlur(S),z=u.useRef(null);u.useEffect(()=>{const S=z.current;S&&(d?S.setAttribute("name",d):S.removeAttribute("name"))},[d]);const re={namespace:"tz-rich-text-editor",theme:Jt,nodes:Qt,html:{import:Zt},editable:!m,onError:S=>{throw S}};return r.jsxs("div",{ref:O,className:Be.clsx(s.editor,s[i],A&&s.error,m&&s.disabled,ee),style:{"--tz-rte-min-height":`${C}px`,...v},children:[e!=null&&r.jsxs("div",{className:s.label,children:[r.jsx(je.Typography,{as:"span",variant:"bodySmall",color:"muted",children:e}),l&&r.jsx("span",{className:s.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:s.control,children:r.jsxs(Ue.LexicalComposer,{initialConfig:re,children:[r.jsx(Wt,{size:i,disabled:m,onImageUpload:y}),r.jsx("div",{className:s.shell,children:r.jsx(Fe.RichTextPlugin,{contentEditable:r.jsx(Pe.ContentEditable,{ref:z,className:s.content,"aria-label":Z,"aria-invalid":A||void 0,onBlur:U}),placeholder:r.jsx("div",{className:s.placeholder,children:j??te("rte.placeholder")}),ErrorBoundary:He.LexicalErrorBoundary})}),r.jsx(Ve.HistoryPlugin,{}),r.jsx(ze.ListPlugin,{}),r.jsx(Ge.CheckListPlugin,{}),r.jsx(We.LinkPlugin,{}),r.jsx(Ke.MarkdownShortcutPlugin,{transformers:Xt}),r.jsx(ir,{value:H,defaultValue:N,onChange:V,onReady:x,disabled:m})]})}),B!=null&&r.jsx(je.Typography,{as:"span",variant:"bodySmall",color:A?"error":"muted",className:s.helper,children:B})]})});exports.RichTextEditor=lr;
-//# sourceMappingURL=RichTextEditor-hOfxJEPX.cjs.map
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),Be=require("clsx"),a=require("lexical"),Ue=require("@lexical/react/LexicalComposer"),Ee=require("@lexical/react/LexicalComposerContext"),Fe=require("@lexical/react/LexicalRichTextPlugin"),Pe=require("@lexical/react/LexicalContentEditable"),He=require("@lexical/react/LexicalErrorBoundary"),Ve=require("@lexical/react/LexicalHistoryPlugin"),ze=require("@lexical/react/LexicalListPlugin"),Ge=require("@lexical/react/LexicalCheckListPlugin"),We=require("@lexical/react/LexicalLinkPlugin"),Ke=require("@lexical/react/LexicalMarkdownShortcutPlugin"),se=require("@lexical/markdown"),w=require("@lexical/rich-text"),I=require("@lexical/list"),F=require("@lexical/link"),ve=require("@lexical/html"),Je=require("./formContext-bTWrqdEV.cjs"),je=require("./Typography-B6ASPrzT.cjs"),Qe=require("./toastStore-B4Tk2Xk7.cjs"),M=require("@lexical/selection"),D=require("@lexical/utils"),K=require("./Button-BQhiJq8e.cjs"),ye=require("./ColorPickerPanel-DXIYwUoE.cjs"),$=require("./Divider-CzbhdCiD.cjs"),ce=require("./Dropdown-BbaU1WDC.cjs"),Xe=require("./FloatingPanel-tGCG2nhA.cjs"),g=require("./Icon-BUP5_kRs.cjs"),q=require("./IconButton-CvIXSFsr.cjs"),J=require("./List-ah2PNWeY.cjs"),Ye=require("./Modal-DPObz0b-.cjs"),Ze=require("./TextField-B22NRQ91.cjs"),ue=require("./ConfigProvider-CtpfSy1i.cjs"),et=/^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i,tt=/^[a-z][a-z0-9+.-]*:/i;function de(o){const e=o.trim();return e===""?"":et.test(e)||!tt.test(e)?e:"#"}function Le(o){const e=o.trim();if(/^data:(?:image|video)\//i.test(e)||/^blob:/i.test(e))return e;const i=de(e);return i==="#"?"":i}function rt(o){return o instanceof HTMLImageElement&&o.src?{node:Q(o.getAttribute("src")??o.src,o.alt)}:null}class X extends a.DecoratorNode{static getType(){return"tz-image"}static clone(e){return new X(e.__src,e.__alt,e.__key)}constructor(e,i="",n){super(n),this.__src=Le(e),this.__alt=i}static importJSON(e){return Q(e.src,e.alt)}exportJSON(){return{...super.exportJSON(),type:"tz-image",version:1,src:this.__src,alt:this.__alt}}static importDOM(){return{img:()=>({conversion:rt,priority:0})}}exportDOM(){const e=document.createElement("img");return e.setAttribute("src",this.__src),e.setAttribute("alt",this.__alt),{element:e}}createDOM(){const e=document.createElement("div");return e.style.display="contents",e}updateDOM(){return!1}getSrc(){return this.__src}getAltText(){return this.__alt}decorate(){return r.jsx("img",{src:this.__src,alt:this.__alt,draggable:!1})}}function Q(o,e=""){return a.$applyNodeReplacement(new X(o,e))}function Se(o){return/\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i.test(o)}function nt(o){const e=o.match(/(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/)|youtu\.be\/)([\w-]{11})/);if(e)return`https://www.youtube.com/embed/${e[1]}`;const i=o.match(/vimeo\.com\/(?:video\/)?(\d+)/);return i?`https://player.vimeo.com/video/${i[1]}`:o}function Ne(o){var i;const e=o.getAttribute("src")||((i=o.querySelector("source"))==null?void 0:i.getAttribute("src"));return e?{node:me(e)}:null}class Y extends a.DecoratorNode{static getType(){return"tz-video"}static clone(e){return new Y(e.__src,e.__key)}constructor(e,i){super(i),this.__src=Le(e)}static importJSON(e){return me(e.src)}exportJSON(){return{...super.exportJSON(),type:"tz-video",version:1,src:this.__src}}static importDOM(){return{iframe:()=>({conversion:Ne,priority:0}),video:()=>({conversion:Ne,priority:0})}}exportDOM(){if(Se(this.__src)){const i=document.createElement("video");return i.setAttribute("src",this.__src),i.setAttribute("controls","true"),{element:i}}const e=document.createElement("iframe");return e.setAttribute("src",this.__src),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","true"),e.setAttribute("allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"),{element:e}}createDOM(){const e=document.createElement("div");return e.style.display="contents",e}updateDOM(){return!1}getSrc(){return this.__src}decorate(){return Se(this.__src)?r.jsx("video",{src:this.__src,controls:!0}):r.jsx(ot,{src:this.__src})}}function ot({src:o}){const e=ue.useT();return r.jsx("div",{className:"tz-rte-embed",children:r.jsx("iframe",{src:o,title:e("rte.embeddedVideo"),frameBorder:0,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function me(o){return a.$applyNodeReplacement(new Y(nt(o)))}const it="_editor_16j1l_1",lt="_label_16j1l_9",st="_required_16j1l_15",ct="_helper_16j1l_18",at="_control_16j1l_24",ut="_error_16j1l_38",dt="_disabled_16j1l_45",mt="_toolbar_16j1l_51",pt="_sm_16j1l_67",ht="_md_16j1l_71",_t="_lg_16j1l_75",ft="_colorGlyph_16j1l_81",xt="_colorBar_16j1l_89",gt="_shell_16j1l_107",jt="_content_16j1l_110",yt="_placeholder_16j1l_123",St="_paragraph_16j1l_146",Nt="_h1_16j1l_152",Tt="_h2_16j1l_153",Ct="_h3_16j1l_154",Et="_h4_16j1l_155",vt="_h5_16j1l_156",Lt="_h6_16j1l_157",bt="_quote_16j1l_176",kt="_ul_16j1l_183",Rt="_ol_16j1l_188",Mt="_li_16j1l_193",It="_nestedLi_16j1l_196",Ot="_liChecked_16j1l_200",At="_liUnchecked_16j1l_201",Dt="_link_16j1l_238",$t="_bold_16j1l_245",qt="_italic_16j1l_248",wt="_underline_16j1l_251",Bt="_strike_16j1l_254",Ut="_codeInline_16j1l_260",s={editor:it,label:lt,required:st,helper:ct,control:at,error:ut,disabled:dt,toolbar:mt,sm:pt,md:ht,lg:_t,colorGlyph:ft,colorBar:xt,shell:gt,content:jt,placeholder:yt,paragraph:St,h1:Nt,h2:Tt,h3:Ct,h4:Et,h5:vt,h6:Lt,quote:bt,ul:kt,ol:Rt,li:Mt,nestedLi:It,liChecked:Ot,liUnchecked:At,link:Dt,bold:$t,italic:qt,underline:wt,strike:Bt,codeInline:Ut},Ft={paragraph:"Paragraph",h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",quote:"Quote",bullet:"Bullet List",number:"Numbered List",check:"Check List"},Pt=[{type:"paragraph",icon:"Text"},{type:"h1",icon:"Hashtag"},{type:"h2",icon:"Hashtag"},{type:"h3",icon:"Hashtag"}],Ht=[{value:"left",labelKey:"rte.alignLeft",icon:"TextalignLeft"},{value:"center",labelKey:"rte.alignCenter",icon:"TextalignCenter"},{value:"right",labelKey:"rte.alignRight",icon:"TextalignRight"}],Vt=["10px","12px","14px","16px","18px","20px"],zt={sm:"12px",md:"14px",lg:"16px"};function Gt({color:o,size:e}){return r.jsxs("span",{className:s.colorGlyph,children:[r.jsx(g.Icon,{name:"Brush",size:e}),r.jsx("span",{className:s.colorBar,style:{borderColor:`transparent transparent ${o||"currentColor"} transparent`},"aria-hidden":"true"})]})}function Wt({size:o,disabled:e,onImageUpload:i}){const n=ue.useT(),p=t=>Ft[t]??t,[l]=Ee.useLexicalComposerContext(),m=u.useRef(null),[j,d]=u.useState(!1),[_,N]=u.useState(!1),[f,x]=u.useState(!1),[y,C]=u.useState(!1),[Z,ee]=u.useState(""),[v,O]=u.useState("paragraph"),[te,E]=u.useState("left"),[T,A]=u.useState(""),[B,P]=u.useState(""),[H,V]=u.useState(!1),U=u.useRef(null),[z,re]=u.useState(!1),[S,be]=u.useState(!1),[h,ne]=u.useState(null),[pe,he]=u.useState(""),oe=u.useCallback(()=>{const t=a.$getSelection();if(!a.$isRangeSelection(t))return;d(t.hasFormat("bold")),N(t.hasFormat("italic")),x(t.hasFormat("underline")),P(M.$getSelectionStyleValueForProperty(t,"color","")),A(M.$getSelectionStyleValueForProperty(t,"font-size",""));const c=t.anchor.getNode(),k=c.getParent(),b=F.$isLinkNode(c)?c:F.$isLinkNode(k)?k:null;C(b!==null),ee((b==null?void 0:b.getURL())??"");const R=c.getKey()==="root"?c:D.$findMatchingParent(c,we=>{const ge=we.getParent();return ge===null||ge.getKey()==="root"})??c.getTopLevelElement();E(a.$isElementNode(R)&&R.getFormatType()||"left");const W=D.$getNearestNodeOfType(c,I.ListNode);W?O(W.getListType()):w.$isHeadingNode(R)?O(R.getTag()):w.$isQuoteNode(R)?O("quote"):O("paragraph")},[]);u.useEffect(()=>D.mergeRegister(l.registerUpdateListener(({editorState:t})=>t.read(oe)),l.registerCommand(a.SELECTION_CHANGE_COMMAND,()=>(oe(),!1),a.COMMAND_PRIORITY_LOW),l.registerCommand(a.CAN_UNDO_COMMAND,t=>(re(t),!1),a.COMMAND_PRIORITY_LOW),l.registerCommand(a.CAN_REDO_COMMAND,t=>(be(t),!1),a.COMMAND_PRIORITY_LOW)),[l,oe]);const ie=t=>l.dispatchCommand(a.FORMAT_TEXT_COMMAND,t),ke=t=>l.dispatchCommand(a.FORMAT_ELEMENT_COMMAND,t),Re=t=>{P(t),l.update(()=>{const c=a.$getSelection();a.$isRangeSelection(c)&&M.$patchStyleText(c,{color:t||null})})},Me=t=>{A(t),l.update(()=>{const c=a.$getSelection();a.$isRangeSelection(c)&&M.$patchStyleText(c,{"font-size":t||null})})},G=t=>{if(t==="bullet"||t==="number"||t==="check"){if(v===t)l.dispatchCommand(I.REMOVE_LIST_COMMAND,void 0);else{const c=t==="bullet"?I.INSERT_UNORDERED_LIST_COMMAND:t==="number"?I.INSERT_ORDERED_LIST_COMMAND:I.INSERT_CHECK_LIST_COMMAND;l.dispatchCommand(c,void 0)}return}l.update(()=>{const c=a.$getSelection();a.$isRangeSelection(c)&&(t==="paragraph"?M.$setBlocksType(c,()=>a.$createParagraphNode()):t==="quote"?M.$setBlocksType(c,()=>w.$createQuoteNode()):M.$setBlocksType(c,()=>w.$createHeadingNode(t)))})},Ie=()=>G(v==="quote"?"paragraph":"quote"),le=(t,c="")=>{he(c),ne(t)},_e=()=>ne(null),Oe=()=>{h==null||h.onConfirm(pe.trim()),ne(null)},Ae=()=>le({icon:"Link2",title:n("rte.linkTitle"),label:n("rte.linkUrl"),placeholder:"https://example.com",confirmLabel:n(y?"common.update":"common.insert"),onConfirm:t=>l.dispatchCommand(F.TOGGLE_LINK_COMMAND,t===""?null:de(t))},Z),De=()=>le({icon:"GalleryAdd",title:n("rte.imageTitle"),label:n("rte.imageUrl"),placeholder:"https://example.com/image.jpg",confirmLabel:n("common.insert"),onConfirm:t=>{t&&l.update(()=>D.$insertNodeToNearestRoot(Q(t)))}}),$e=async t=>{var k;const c=(k=t.target.files)==null?void 0:k[0];if(t.target.value="",!!c)try{const b=i?await i(c):await Kt(c);l.update(()=>D.$insertNodeToNearestRoot(Q(b,c.name)))}catch{Qe.toast.error(n("rte.imageError"))}},qe=()=>le({icon:"VideoSquare",title:n("rte.videoTitle"),label:n("rte.videoUrl"),placeholder:n("rte.videoUrlPlaceholder"),confirmLabel:n("common.insert"),onConfirm:t=>{t&&l.update(()=>D.$insertNodeToNearestRoot(me(t)))}}),L=(t,c,k,b,R)=>r.jsx(q.IconButton,{variant:t?"filled":"text",color:"primary",size:o,disabled:e,"aria-label":c,"aria-pressed":t,onMouseDown:W=>W.preventDefault(),onClick:k,children:b},R),fe=v.startsWith("h")?v:"paragraph",xe=T||zt[o];return r.jsxs("div",{className:s.toolbar,role:"toolbar","aria-label":n("rte.formatting"),"aria-orientation":"horizontal",children:[r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e||!z,"aria-label":n("rte.undo"),onMouseDown:t=>t.preventDefault(),onClick:()=>l.dispatchCommand(a.UNDO_COMMAND,void 0),children:r.jsx(g.Icon,{name:"UndoArrow"})}),r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e||!S,"aria-label":n("rte.redo"),onMouseDown:t=>t.preventDefault(),onClick:()=>l.dispatchCommand(a.REDO_COMMAND,void 0),children:r.jsx(g.Icon,{name:"RedoArrow"})}),r.jsx($.Divider,{orientation:"vertical"}),r.jsx(ce.Dropdown,{size:o,disabled:e,minWidth:!1,trigger:r.jsx(K.Button,{variant:"text",color:"primary",size:o,disabled:e,endIcon:r.jsx(g.Icon,{name:"ArrowDown4"}),"aria-label":n("rte.fontSize"),onMouseDown:t=>t.preventDefault(),children:xe}),children:Vt.map(t=>r.jsx(J.ListItem,{clickable:!0,selected:t===xe,onClick:()=>Me(t),children:t},t))}),r.jsx($.Divider,{orientation:"vertical"}),r.jsx(ce.Dropdown,{size:o,disabled:e,trigger:r.jsx(K.Button,{variant:"text",color:"primary",size:o,disabled:e,endIcon:r.jsx(g.Icon,{name:"ArrowDown4"}),onMouseDown:t=>t.preventDefault(),children:p(fe)}),children:Pt.map(t=>r.jsx(J.ListItem,{clickable:!0,selected:fe===t.type,icon:t.icon,onClick:()=>G(t.type),children:p(t.type)},t.type))}),r.jsx($.Divider,{orientation:"vertical"}),L(j,n("rte.bold"),()=>ie("bold"),r.jsx(g.Icon,{name:"TextBold"})),L(_,n("rte.italic"),()=>ie("italic"),r.jsx(g.Icon,{name:"TextItalic"})),L(f,n("rte.underline"),()=>ie("underline"),r.jsx(g.Icon,{name:"TextUnderline"})),r.jsx($.Divider,{orientation:"vertical"}),L(v==="bullet",n("rte.bulletList"),()=>G("bullet"),r.jsx(g.Icon,{name:"ListBullet"})),L(v==="number",n("rte.numberedList"),()=>G("number"),r.jsx(g.Icon,{name:"ListNumber"})),L(v==="quote",n("rte.quote"),Ie,r.jsx(g.Icon,{name:"QuoteUp"})),r.jsx($.Divider,{orientation:"vertical"}),Ht.map(t=>L(te===t.value,n(t.labelKey),()=>ke(t.value),r.jsx(g.Icon,{name:t.icon}),t.value)),r.jsx($.Divider,{orientation:"vertical"}),r.jsx(q.IconButton,{ref:U,variant:"text",color:"primary",size:o,disabled:e,"aria-label":n("rte.textColor"),"aria-expanded":H,onMouseDown:t=>t.preventDefault(),onClick:()=>V(t=>!t),children:r.jsx(Gt,{color:B})}),r.jsx(Xe.FloatingPanel,{open:H,triggerRef:U,onClose:t=>{var c;V(!1),t&&((c=U.current)==null||c.focus())},role:"dialog",ariaLabel:n("rte.textColor"),width:232,children:r.jsx(ye.ColorPickerPanel,{value:B||ye.DEFAULT_SWATCHES[0],onChange:Re,clearable:!1})}),L(y,n("rte.link"),Ae,r.jsx(g.Icon,{name:"Link2"})),r.jsxs(ce.Dropdown,{size:o,disabled:e,minWidth:!1,trigger:r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e,"aria-label":n("rte.insertImage"),children:r.jsx(g.Icon,{name:"GalleryAdd"})}),children:[r.jsx(J.ListItem,{clickable:!0,icon:"GalleryImport",onClick:()=>{var t;return(t=m.current)==null?void 0:t.click()},children:n("rte.uploadImage")}),r.jsx(J.ListItem,{clickable:!0,icon:"Link",onClick:De,children:n("rte.imageByUrl")})]}),r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e,"aria-label":n("rte.insertVideo"),onClick:qe,children:r.jsx(g.Icon,{name:"VideoSquare"})}),r.jsx("input",{ref:m,type:"file",accept:"image/*",hidden:!0,onChange:$e,"aria-hidden":"true",tabIndex:-1}),r.jsx(Ye.Modal,{open:h!==null,onClose:_e,size:"sm",icon:h==null?void 0:h.icon,title:h==null?void 0:h.title,footer:r.jsxs(r.Fragment,{children:[r.jsx(K.Button,{variant:"text",size:"sm",onClick:_e,children:n("common.cancel")}),r.jsx(K.Button,{type:"submit",size:"sm",form:"rte-url-form",children:(h==null?void 0:h.confirmLabel)??n("common.insert")})]}),children:r.jsx("form",{id:"rte-url-form",onSubmit:t=>{t.preventDefault(),Oe()},children:r.jsx(Ze.TextField,{label:h==null?void 0:h.label,placeholder:h==null?void 0:h.placeholder,value:pe,onChange:t=>he(t.target.value)})})})]})}function Kt(o){return new Promise((e,i)=>{const n=new FileReader;n.onload=()=>e(n.result),n.onerror=()=>i(n.error),n.readAsDataURL(o)})}const Jt={paragraph:s.paragraph,heading:{h1:s.h1,h2:s.h2,h3:s.h3,h4:s.h4,h5:s.h5,h6:s.h6},quote:s.quote,list:{ul:s.ul,ol:s.ol,listitem:s.li,listitemChecked:s.liChecked,listitemUnchecked:s.liUnchecked,nested:{listitem:s.nestedLi}},link:s.link,text:{bold:s.bold,italic:s.italic,underline:s.underline,strikethrough:s.strike,code:s.codeInline}},Qt=[w.HeadingNode,w.QuoteNode,I.ListNode,I.ListItemNode,F.LinkNode,X,Y],Xt=[...se.ELEMENT_TRANSFORMERS,...se.TEXT_FORMAT_TRANSFORMERS,...se.TEXT_MATCH_TRANSFORMERS],Yt=["color","font-size"],Zt={span:o=>{var i,n;const e=(n=(i=a.TextNode.importDOM())==null?void 0:i.span)==null?void 0:n.call(i,o);return{priority:1,conversion:p=>{const l=(e==null?void 0:e.conversion(p))??{node:null},m=Yt.flatMap(d=>{const _=p.style.getPropertyValue(d);return _?[[d,_]]:[]});if(m.length===0)return l;const j=l.forChild;return{...l,forChild:(d,_)=>{const N=j?j(d,_):d;if(a.$isTextNode(N)){const f={...a.getStyleObjectFromCSS(N.getStyle())};for(const[x,y]of m)f[x]=y;N.setStyle(Object.entries(f).map(([x,y])=>`${x}: ${y};`).join(" "))}return N}}}}}},er=new Set(["A","B","CODE","EM","I","MARK","S","SPAN","STRONG","SUB","SUP","U"]);function tr(o){const e=o.split(";").map(i=>i.trim()).filter(i=>i&&!/^white-space\s*:\s*pre-wrap$/i.test(i));return e.length?`${e.join("; ")};`:null}function rr(o){const e=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT);let i=!0,n=!1,p=null;const l=()=>{p&&p.data.endsWith(" ")&&(p.data=`${p.data.slice(0,-1)} `),p=null,i=!0,n=!1};for(let m=e.nextNode();m;m=e.nextNode()){if(m.nodeType===Node.ELEMENT_NODE){er.has(m.tagName)||l();continue}const j=m;if(!j.data)continue;let d="";for(const _ of j.data)_===" "&&(i||n)?(d+=" ",n=!1):(d+=_,n=_===" "),i=!1;j.data=d,p=j}l()}function nr(o){if(typeof document>"u")return o;const e=document.createElement("template");e.innerHTML=o;const i=e.content;return i.querySelectorAll("[class]").forEach(n=>n.removeAttribute("class")),i.querySelectorAll("[style]").forEach(n=>{var l;if((l=n.textContent)!=null&&l.includes("	"))return;const p=tr(n.getAttribute("style")??"");p?n.setAttribute("style",p):n.removeAttribute("style")}),i.querySelectorAll("span").forEach(n=>{n.attributes.length===0&&n.replaceWith(...n.childNodes)}),i.normalize(),rr(i),e.innerHTML}function or(){const o=a.$getRoot(),e=o.getFirstChild();return o.getChildrenSize()<=1&&(e===null||a.$isParagraphNode(e)&&e.getChildrenSize()===0)}function Te(o,e){const i=a.$getRoot();if(i.clear(),e){const n=new DOMParser().parseFromString(e,"text/html"),p=ve.$generateNodesFromDOM(o,n);i.select(),a.$insertNodes(p)}i.getChildrenSize()===0&&i.append(a.$createParagraphNode()),a.$setSelection(null)}const ae="tz-external-value";function Ce(o){return or()?"":nr(ve.$generateHtmlFromNodes(o,null))}function ir({value:o,defaultValue:e,onChange:i,onReady:n,disabled:p}){const[l]=Ee.useLexicalComposerContext(),m=u.useRef(void 0),j=u.useRef(i);j.current=i;const d=u.useRef(n);d.current=n;const _=u.useRef(!1),N=f=>{var x;_.current||(_.current=!0,(x=d.current)==null||x.call(d,f))};return u.useEffect(()=>l.setEditable(!p),[l,p]),u.useEffect(()=>l.registerNodeTransform(F.LinkNode,f=>{const x=f.getURL(),y=de(x);y!==x&&f.setURL(y)}),[l]),u.useEffect(()=>{if(o===void 0){if(!e){m.current="",N("");return}m.current=e,l.update(()=>Te(l,e),{tag:["history-merge",ae]})}},[]),u.useEffect(()=>{o===void 0||o===m.current||(m.current=o,l.update(()=>Te(l,o),{tag:["history-merge",ae]}))},[l,o]),u.useEffect(()=>l.registerUpdateListener(({dirtyElements:f,dirtyLeaves:x,tags:y})=>{if(y.has(ae)){l.read(()=>{const C=Ce(l);m.current=C,N(C)});return}f.size===0&&x.size===0||l.read(()=>{const C=Ce(l);C!==m.current&&(m.current=C,j.current(C))})}),[l]),null}const lr=u.forwardRef(function({label:e,size:i="md",error:n,helperText:p,required:l=!1,disabled:m=!1,placeholder:j,name:d,value:_,defaultValue:N,onChange:f,onReady:x,onImageUpload:y,minHeight:C=220,"aria-label":Z="Rich text editor",className:ee,style:v},O){const te=ue.useT(),E=Je.useFormContext(),T=E&&d?E.field(d):void 0,A=n??(T==null?void 0:T.error)??!1,B=p??(T==null?void 0:T.helperText),P=E&&d?E.values[d]:void 0,H=_!==void 0?_:E&&d?String(P??""):void 0,V=u.useCallback(S=>{E&&d&&E.setValue(d,S),f==null||f(S)},[E,d,f]),U=S=>T==null?void 0:T.onBlur(S),z=u.useRef(null);u.useEffect(()=>{const S=z.current;S&&(d?S.setAttribute("name",d):S.removeAttribute("name"))},[d]);const re={namespace:"tz-rich-text-editor",theme:Jt,nodes:Qt,html:{import:Zt},editable:!m,onError:S=>{throw S}};return r.jsxs("div",{ref:O,className:Be.clsx(s.editor,s[i],A&&s.error,m&&s.disabled,ee),style:{"--tz-rte-min-height":`${C}px`,...v},children:[e!=null&&r.jsxs("div",{className:s.label,children:[r.jsx(je.Typography,{as:"span",variant:"bodySmall",color:"muted",children:e}),l&&r.jsx("span",{className:s.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:s.control,children:r.jsxs(Ue.LexicalComposer,{initialConfig:re,children:[r.jsx(Wt,{size:i,disabled:m,onImageUpload:y}),r.jsx("div",{className:s.shell,children:r.jsx(Fe.RichTextPlugin,{contentEditable:r.jsx(Pe.ContentEditable,{ref:z,className:s.content,"aria-label":Z,"aria-invalid":A||void 0,onBlur:U}),placeholder:r.jsx("div",{className:s.placeholder,children:j??te("rte.placeholder")}),ErrorBoundary:He.LexicalErrorBoundary})}),r.jsx(Ve.HistoryPlugin,{}),r.jsx(ze.ListPlugin,{}),r.jsx(Ge.CheckListPlugin,{}),r.jsx(We.LinkPlugin,{}),r.jsx(Ke.MarkdownShortcutPlugin,{transformers:Xt}),r.jsx(ir,{value:H,defaultValue:N,onChange:V,onReady:x,disabled:m})]})}),B!=null&&r.jsx(je.Typography,{as:"span",variant:"bodySmall",color:A?"error":"muted",className:s.helper,children:B})]})});exports.RichTextEditor=lr;
+//# sourceMappingURL=RichTextEditor-BVXY25sz.cjs.map