@mieweb/ui 0.11.0-dev.20 → 0.11.0-dev.22

package/dist/chunk-7BA7ENN5.cjs

@@ -0,0 +1,1188 @@
+'use strict';
+
+var chunkYP5T6NZD_cjs = require('./chunk-YP5T6NZD.cjs');
+var chunkPINIBEIU_cjs = require('./chunk-PINIBEIU.cjs');
+var chunkC7RVKV25_cjs = require('./chunk-C7RVKV25.cjs');
+var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
+var chunkL7L5S2HO_cjs = require('./chunk-L7L5S2HO.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React2 = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+var DEFAULT_LABELS = {
+  insertInto: "Insert into",
+  macros: "Macros",
+  searchPlaceholder: "Search macros\u2026",
+  searchLabel: "Search macros",
+  close: "Close macros",
+  createMacro: "Save as macro",
+  empty: "No macros available",
+  emptyHint: "The application has not provided a macro list.",
+  noResults: "No macros match",
+  clearSearch: "Clear search",
+  showFullContent: "Show full content",
+  hideFullContent: "Hide full content",
+  more: "more",
+  less: "less"
+};
+function matchesQuery(macro, query) {
+  const q = query.toLowerCase();
+  return macro.label.toLowerCase().includes(q) || (macro.shortcut ?? "").toLowerCase().includes(q) || (macro.keywords ?? []).some((k) => k.toLowerCase().includes(q)) || macro.content.toLowerCase().includes(q);
+}
+function isShortcutHit(macro, query) {
+  return query.length > 0 && (macro.shortcut ?? "").toLowerCase().startsWith(query.toLowerCase());
+}
+function rankMacros(macros, query) {
+  return [...macros].sort(
+    (a, b) => Number(isShortcutHit(b, query)) - Number(isShortcutHit(a, query))
+  );
+}
+function MacroRow({
+  macro,
+  isPrevious,
+  isPeeked,
+  peekId,
+  labels,
+  onSelect,
+  onTogglePeek,
+  onRowKeyDown
+}) {
+  const [truncated, setTruncated] = React2__namespace.useState(false);
+  const rowRef = React2__namespace.useRef(null);
+  const lessRef = React2__namespace.useRef(null);
+  const focusAfterToggle = React2__namespace.useRef(false);
+  React2__namespace.useEffect(() => {
+    if (!focusAfterToggle.current) return;
+    focusAfterToggle.current = false;
+    (isPeeked ? lessRef.current : rowRef.current)?.focus();
+  }, [isPeeked]);
+  const handleToggle = () => {
+    focusAfterToggle.current = true;
+    onTogglePeek();
+  };
+  const previewObserver = React2__namespace.useRef(null);
+  const measurePreview = (el) => {
+    previewObserver.current?.disconnect();
+    previewObserver.current = null;
+    if (!el) return;
+    const measure = () => setTruncated(el.scrollHeight > el.clientHeight);
+    measure();
+    if (typeof ResizeObserver !== "undefined") {
+      previewObserver.current = new ResizeObserver(measure);
+      previewObserver.current.observe(el);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "macro-library-item",
+      className: "group/macro hover:bg-muted/60 relative rounded-md",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            "data-macro-row": true,
+            ref: rowRef,
+            className: "focus-visible:ring-ring text-foreground hover:text-primary flex w-full cursor-pointer flex-col items-stretch gap-0.5 rounded-md px-2 py-1.5 text-start focus-visible:ring-2 focus-visible:outline-none",
+            onClick: () => onSelect(macro),
+            onKeyDown: onRowKeyDown,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+                macro.shortcut && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    dir: "ltr",
+                    className: chunkS5RVSXDV_cjs.cn(
+                      "border-border bg-background text-muted-foreground rounded border px-1 font-mono text-[11px]",
+                      isPrevious && "border-warning-300 bg-warning-50 text-warning-800 dark:border-warning-700 dark:bg-warning-950 dark:text-warning-300"
+                    ),
+                    children: macro.shortcut
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: macro.label })
+              ] }),
+              !isPeeked && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  ref: measurePreview,
+                  className: "text-muted-foreground line-clamp-2 text-xs break-words",
+                  children: macro.content
+                }
+              )
+            ]
+          }
+        ),
+        isPeeked && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            id: peekId,
+            "data-slot": "macro-library-peek",
+            className: "text-muted-foreground px-2 pb-1 text-xs break-words whitespace-pre-line",
+            children: macro.content
+          }
+        ),
+        truncated && !isPeeked && // Overlays the end of the clamped second line; revealed on row
+        // hover or keyboard focus so short rows stay entirely clean. Always
+        // visible on devices without hover (touch).
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "bg-muted text-muted-foreground hover:text-primary focus-visible:ring-ring invisible absolute end-1.5 bottom-1.5 flex cursor-pointer items-center rounded-sm px-1 text-[11px] leading-4 group-focus-within/macro:visible group-hover/macro:visible hover:underline focus-visible:ring-2 focus-visible:outline-none [@media(hover:none)]:visible",
+            "aria-expanded": false,
+            "aria-label": `${labels.showFullContent}: ${macro.label}`,
+            onClick: handleToggle,
+            children: [
+              labels.more,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkL7L5S2HO_cjs.ChevronRight,
+                {
+                  "aria-hidden": "true",
+                  className: "h-3 w-3 rtl:-scale-x-100"
+                }
+              )
+            ]
+          }
+        ),
+        isPeeked && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "-mt-1 flex justify-end px-2 pb-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            ref: lessRef,
+            className: "text-muted-foreground hover:text-primary focus-visible:ring-ring cursor-pointer rounded text-[11px] hover:underline focus-visible:ring-2 focus-visible:outline-none",
+            "aria-expanded": true,
+            "aria-controls": peekId,
+            "aria-label": `${labels.hideFullContent}: ${macro.label}`,
+            onClick: handleToggle,
+            children: labels.less
+          }
+        ) })
+      ]
+    }
+  );
+}
+var MacroLibrary = React2__namespace.forwardRef(
+  function MacroLibrary2({
+    groups,
+    onSelect,
+    id,
+    targetLabel,
+    onClose,
+    onCreateMacro,
+    autoFocusSearch = false,
+    className,
+    labels: labelOverrides
+  }, ref) {
+    const labels = { ...DEFAULT_LABELS, ...labelOverrides };
+    const [query, setQuery] = React2__namespace.useState("");
+    const [collapsed, setCollapsed] = React2__namespace.useState(
+      {}
+    );
+    const [peeked, setPeeked] = React2__namespace.useState(null);
+    const listRef = React2__namespace.useRef(null);
+    const searchRef = React2__namespace.useRef(null);
+    const panelId = React2__namespace.useId();
+    React2__namespace.useEffect(() => {
+      if (autoFocusSearch) searchRef.current?.focus();
+    }, [autoFocusSearch]);
+    const trimmed = query.trim();
+    const searching = trimmed.length > 0;
+    const visibleGroups = groups.map((group) => ({
+      ...group,
+      macros: searching ? rankMacros(
+        group.macros.filter((m) => matchesQuery(m, trimmed)),
+        trimmed
+      ) : group.macros
+    })).filter((group) => group.macros.length > 0).sort(
+      (a, b) => Number(b.macros.some((m) => isShortcutHit(m, trimmed))) - Number(a.macros.some((m) => isShortcutHit(m, trimmed)))
+    );
+    const hasMacros = groups.some((g) => g.macros.length > 0);
+    const noResults = hasMacros && searching && visibleGroups.length === 0;
+    const moveFocus = (delta) => {
+      const rows = Array.from(
+        listRef.current?.querySelectorAll(
+          "[data-macro-row]"
+        ) ?? []
+      );
+      if (rows.length === 0) return;
+      const index = rows.findIndex((row) => row === document.activeElement);
+      if (index === -1) {
+        rows[delta === 1 ? 0 : rows.length - 1].focus();
+        return;
+      }
+      const next = index + delta;
+      if (next < 0) {
+        searchRef.current?.focus();
+        return;
+      }
+      rows[Math.min(next, rows.length - 1)].focus();
+    };
+    const handlePanelKeyDown = (event) => {
+      if (event.nativeEvent.isComposing) return;
+      if (event.key === "Escape" && onClose) {
+        event.stopPropagation();
+        onClose();
+      }
+    };
+    const handleSearchKeyDown = (event) => {
+      if (event.nativeEvent.isComposing) return;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        moveFocus(1);
+      }
+    };
+    const handleRowKeyDown = (event) => {
+      if (event.nativeEvent.isComposing) return;
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        moveFocus(1);
+      } else if (event.key === "ArrowUp") {
+        event.preventDefault();
+        moveFocus(-1);
+      }
+    };
+    return (
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- keydown only delegates Escape-to-close from focusable children
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref,
+          id,
+          role: "group",
+          "aria-label": targetLabel ? `${labels.insertInto} ${targetLabel}` : labels.macros,
+          "data-slot": "macro-library",
+          className: chunkS5RVSXDV_cjs.cn("bg-muted/20 flex min-h-0 flex-col", className),
+          onKeyDown: handlePanelKeyDown,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                "data-slot": "macro-library-header",
+                className: "border-border flex items-center justify-between gap-2 border-b px-3 py-2",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground min-w-0 truncate text-xs", children: targetLabel ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    labels.insertInto,
+                    " ",
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-semibold", children: targetLabel })
+                  ] }) : labels.macros }),
+                  onClose && /* @__PURE__ */ jsxRuntime.jsx(
+                    chunkANMX7YDL_cjs.Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-6 w-6 shrink-0 p-0",
+                      onClick: onClose,
+                      "aria-label": labels.close,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.X, { className: "h-3.5 w-3.5" })
+                    }
+                  )
+                ]
+              }
+            ),
+            hasMacros ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 pt-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkL7L5S2HO_cjs.Search,
+                  {
+                    "aria-hidden": "true",
+                    className: "text-muted-foreground pointer-events-none absolute start-2.5 top-1/2 z-10 h-3.5 w-3.5 -translate-y-1/2"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkZ5S5JEJD_cjs.Input,
+                  {
+                    ref: searchRef,
+                    label: labels.searchLabel,
+                    hideLabel: true,
+                    size: "sm",
+                    type: "search",
+                    placeholder: labels.searchPlaceholder,
+                    value: query,
+                    onChange: (event) => setQuery(event.target.value),
+                    onKeyDown: handleSearchKeyDown,
+                    className: "ps-8",
+                    "aria-controls": `${panelId}-list`
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", className: "sr-only", children: noResults ? `${labels.noResults} \u201C${trimmed}\u201D` : "" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  ref: listRef,
+                  id: `${panelId}-list`,
+                  "data-slot": "macro-library-list",
+                  className: "min-h-0 flex-1 overflow-y-auto p-1.5",
+                  children: [
+                    noResults && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground px-2 py-8 text-center text-sm", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+                        labels.noResults,
+                        " \u201C",
+                        trimmed,
+                        "\u201D"
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        chunkANMX7YDL_cjs.Button,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "sm",
+                          className: "mt-2",
+                          onClick: () => {
+                            setQuery("");
+                            searchRef.current?.focus();
+                          },
+                          children: labels.clearSearch
+                        }
+                      )
+                    ] }),
+                    visibleGroups.map((group) => {
+                      const isPrevious = group.kind === "previous";
+                      const isCollapsed = !searching && collapsed[group.id] === true;
+                      const GroupIcon = isPrevious ? chunkL7L5S2HO_cjs.History : chunkL7L5S2HO_cjs.BookOpen;
+                      return /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          "data-slot": "macro-library-group",
+                          "data-kind": group.kind ?? "library",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(
+                              "button",
+                              {
+                                type: "button",
+                                className: chunkS5RVSXDV_cjs.cn(
+                                  "text-muted-foreground hover:text-foreground flex w-full items-center gap-1.5 rounded px-2 pt-2.5 pb-1 text-start text-[11px] font-semibold tracking-wide uppercase",
+                                  isPrevious && "text-warning-700 dark:text-warning-400"
+                                ),
+                                "aria-expanded": !isCollapsed,
+                                disabled: searching,
+                                onClick: () => setCollapsed((prev) => ({
+                                  ...prev,
+                                  [group.id]: prev[group.id] !== true
+                                })),
+                                children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx(GroupIcon, { "aria-hidden": "true", className: "h-3 w-3" }),
+                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: group.label }),
+                                  !searching && (isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(
+                                    chunkL7L5S2HO_cjs.ChevronRight,
+                                    {
+                                      "aria-hidden": "true",
+                                      className: "h-3 w-3"
+                                    }
+                                  ) : /* @__PURE__ */ jsxRuntime.jsx(
+                                    chunkL7L5S2HO_cjs.ChevronDown,
+                                    {
+                                      "aria-hidden": "true",
+                                      className: "h-3 w-3"
+                                    }
+                                  ))
+                                ]
+                              }
+                            ),
+                            !isCollapsed && group.macros.map((macro) => {
+                              const isPeeked = peeked === macro.id;
+                              return /* @__PURE__ */ jsxRuntime.jsx(
+                                MacroRow,
+                                {
+                                  macro,
+                                  isPrevious,
+                                  isPeeked,
+                                  peekId: `${panelId}-peek-${macro.id}`,
+                                  labels,
+                                  onSelect,
+                                  onTogglePeek: () => setPeeked(isPeeked ? null : macro.id),
+                                  onRowKeyDown: handleRowKeyDown
+                                },
+                                macro.id
+                              );
+                            })
+                          ]
+                        },
+                        group.id
+                      );
+                    })
+                  ]
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground flex flex-1 flex-col items-center justify-center gap-1 px-4 py-10 text-center text-sm", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.BookOpen, { "aria-hidden": "true", className: "mb-1 h-5 w-5" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground font-medium", children: labels.empty }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: labels.emptyHint })
+            ] }),
+            onCreateMacro && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "data-slot": "macro-library-footer",
+                className: "border-border border-t px-2 py-1.5",
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    className: "w-full justify-start gap-1.5",
+                    onClick: onCreateMacro,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.Plus, { "aria-hidden": "true", className: "h-3.5 w-3.5" }),
+                      labels.createMacro
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    );
+  }
+);
+
+// src/components/RichTextEditor/processDictation.ts
+function processDictation(text) {
+  let result = text;
+  result = result.replace(
+    /\b(the|a|this|that|each|every|same|time|grace|trial|waiting|probationary|pay|billing|accounting)\s+period\b/gi,
+    "$1 period"
+  );
+  result = result.replace(
+    /\bperiod\s+(of|in|for|from|to|during|between|after|before|when|where|is|was|will|has|had)\b/gi,
+    "period $1"
+  );
+  result = result.replace(/\s+period(\s*$)/gi, ".$1");
+  result = result.replace(/\s+period\s+(?=[A-Z])/g, ". ");
+  result = result.replace(/\bcomma\s+(separated|delimited)/gi, "comma $1");
+  result = result.replace(/\s+comma\b/gi, ",");
+  result = result.replace(
+    /\b(the|a|my|your|his|her|their|semicolon|ascending|descending|transverse|sigmoid)\s+colon\b/gi,
+    "$1 colon"
+  );
+  result = result.replace(
+    /\bcolon\s+(cancer|surgery|health|polyp|scope|oscopy)/gi,
+    "colon $1"
+  );
+  result = result.replace(/\s+colon\b/gi, ":");
+  result = result.replace(
+    /\b(yard|meter|hundred|mad|quick|wild)\s+dash\b/gi,
+    "$1 dash"
+  );
+  result = result.replace(/\bdash\s+(to|for|of)\b/gi, "dash $1");
+  result = result.replace(/\s+dash\b/gi, " -");
+  const simplePunctuation = {
+    " full stop": ".",
+    " question mark": "?",
+    " exclamation point": "!",
+    " exclamation mark": "!",
+    " semicolon": ";",
+    " semi colon": ";",
+    " hyphen": "-",
+    " open parenthesis": " (",
+    " close parenthesis": ")",
+    " open bracket": " [",
+    " close bracket": "]",
+    " open quote": ' "',
+    " close quote": '"',
+    " quote": '"',
+    " apostrophe": "'",
+    " new line": "\n",
+    " newline": "\n",
+    " new paragraph": "\n\n",
+    " tab": "	"
+  };
+  for (const [spoken, punctuation] of Object.entries(simplePunctuation)) {
+    const regex = new RegExp(spoken, "gi");
+    result = result.replace(regex, punctuation);
+  }
+  result = result.replace(
+    /([.!?])\s+([a-z])/g,
+    (_match, punct, letter) => `${punct} ${letter.toUpperCase()}`
+  );
+  return result;
+}
+function convertAngleBracketsToMustache(html) {
+  return html.replace(
+    /&lt;&lt;([^&]*)&gt;&gt;/g,
+    (_m, field) => `{{${field.trim()}}}`
+  ).replace(/<<([^>]*)>>/g, (_m, field) => `{{${field.trim()}}}`);
+}
+function getSpeechRecognition() {
+  const w = window;
+  return w.SpeechRecognition || w.webkitSpeechRecognition;
+}
+var BLOCK_BOUNDARY = /^(BR|DIV|P|LI|UL|OL|TABLE|TR|TD|TH|H[1-6]|BLOCKQUOTE|PRE|HR)$/;
+function lastTextWithin(node) {
+  if (node.nodeType === Node.TEXT_NODE) {
+    return (node.textContent ?? "").length > 0 ? node : null;
+  }
+  if (node.nodeType !== Node.ELEMENT_NODE) return null;
+  if (BLOCK_BOUNDARY.test(node.tagName)) return "boundary";
+  for (let child = node.lastChild; child; child = child.previousSibling) {
+    const found = lastTextWithin(child);
+    if (found) return found;
+  }
+  return null;
+}
+function previousVisibleText(node, root) {
+  let current = node;
+  while (current !== root) {
+    let sibling = current.previousSibling;
+    while (sibling) {
+      const found = lastTextWithin(sibling);
+      if (found === "boundary") return null;
+      if (found) return found;
+      sibling = sibling.previousSibling;
+    }
+    const parent = current.parentNode;
+    if (!parent) return null;
+    if (parent !== root && parent.nodeType === Node.ELEMENT_NODE && BLOCK_BOUNDARY.test(parent.tagName)) {
+      return null;
+    }
+    current = parent;
+  }
+  return null;
+}
+var RichTextEditor = React2__namespace.forwardRef(
+  ({
+    value,
+    onChange,
+    placeholder,
+    className,
+    variableGroups,
+    enableDictation = true,
+    onDictationError,
+    disabled = false,
+    sanitizeHtml,
+    macros,
+    defaultMacrosOpen = false,
+    macroLabels,
+    onCreateMacro,
+    "aria-label": ariaLabel
+  }, ref) => {
+    const editorRef = React2__namespace.useRef(null);
+    const [isListening, setIsListening] = React2__namespace.useState(false);
+    const [speechSupported, setSpeechSupported] = React2__namespace.useState(false);
+    const recognitionRef = React2__namespace.useRef(null);
+    const isListeningRef = React2__namespace.useRef(false);
+    const shouldRestartRef = React2__namespace.useRef(false);
+    const [macrosOpen, setMacrosOpen] = React2__namespace.useState(defaultMacrosOpen);
+    const savedRangeRef = React2__namespace.useRef(null);
+    const macroPanelId = React2__namespace.useId();
+    const hasVariables = Boolean(variableGroups && variableGroups.length > 0);
+    const hasMacros = Boolean(macros);
+    const isEmpty = chunkC7RVKV25_cjs.isHtmlEmpty(value);
+    React2__namespace.useImperativeHandle(ref, () => editorRef.current);
+    React2__namespace.useEffect(() => {
+      setSpeechSupported(Boolean(getSpeechRecognition()));
+    }, []);
+    React2__namespace.useEffect(() => {
+      return () => {
+        if (recognitionRef.current) {
+          shouldRestartRef.current = false;
+          isListeningRef.current = false;
+          recognitionRef.current.stop();
+        }
+      };
+    }, []);
+    React2__namespace.useEffect(() => {
+      if (editorRef.current && editorRef.current.innerHTML !== value) {
+        editorRef.current.innerHTML = value;
+      }
+    }, [value]);
+    const updateContent = () => {
+      if (editorRef.current) onChange(editorRef.current.innerHTML);
+    };
+    const insertSanitized = (html) => {
+      if (!sanitizeHtml) return false;
+      document.execCommand("insertHTML", false, sanitizeHtml(html));
+      updateContent();
+      return true;
+    };
+    const handlePaste = (e) => {
+      const html = e.clipboardData.getData("text/html");
+      if (html && sanitizeHtml) {
+        e.preventDefault();
+        insertSanitized(html);
+      }
+    };
+    const handleDrop = (e) => {
+      const html = e.dataTransfer.getData("text/html");
+      if (!html || !sanitizeHtml) return;
+      e.preventDefault();
+      const caret = document.caretRangeFromPoint?.(e.clientX, e.clientY);
+      if (caret) {
+        const selection = window.getSelection();
+        selection?.removeAllRanges();
+        selection?.addRange(caret);
+      }
+      editorRef.current?.focus();
+      insertSanitized(html);
+    };
+    const execCommand = (command) => {
+      if (disabled) return;
+      document.execCommand(command, false);
+      editorRef.current?.focus();
+      updateContent();
+    };
+    const handleConvertToMustache = () => {
+      if (disabled || !editorRef.current) return;
+      editorRef.current.innerHTML = convertAngleBracketsToMustache(
+        editorRef.current.innerHTML
+      );
+      updateContent();
+    };
+    const insertVariable = (variable) => {
+      if (disabled || !editorRef.current) return;
+      editorRef.current.focus();
+      const textToInsert = variable.insertValue ?? variable.value;
+      const selection = window.getSelection();
+      if (selection && selection.rangeCount > 0) {
+        const range = selection.getRangeAt(0);
+        range.deleteContents();
+        if (textToInsert.includes("\n")) {
+          const fragment = document.createDocumentFragment();
+          const lines = textToInsert.split("\n");
+          lines.forEach((line, index) => {
+            fragment.appendChild(document.createTextNode(line));
+            if (index < lines.length - 1) {
+              fragment.appendChild(document.createElement("br"));
+            }
+          });
+          range.insertNode(fragment);
+          range.collapse(false);
+        } else {
+          const textNode = document.createTextNode(textToInsert);
+          range.insertNode(textNode);
+          range.setStartAfter(textNode);
+          range.setEndAfter(textNode);
+        }
+        selection.removeAllRanges();
+        selection.addRange(range);
+      } else {
+        editorRef.current.innerHTML += textToInsert.replace(/\n/g, "<br>");
+      }
+      updateContent();
+    };
+    const reportError = (message) => {
+      if (onDictationError) onDictationError(message);
+      else if (typeof console !== "undefined") console.warn(message);
+    };
+    const saveSelection = () => {
+      const selection = window.getSelection();
+      if (!selection || selection.rangeCount === 0 || !editorRef.current)
+        return;
+      const range = selection.getRangeAt(0);
+      if (editorRef.current.contains(range.commonAncestorContainer)) {
+        savedRangeRef.current = range.cloneRange();
+      }
+    };
+    const focusRestoringSelection = () => {
+      if (!editorRef.current) return;
+      editorRef.current.focus();
+      const saved = savedRangeRef.current;
+      const selection = window.getSelection();
+      if (saved && selection && editorRef.current.contains(saved.commonAncestorContainer)) {
+        selection.removeAllRanges();
+        selection.addRange(saved);
+      }
+    };
+    const insertMacro = (macro) => {
+      if (disabled || !editorRef.current) return;
+      focusRestoringSelection();
+      insertTextAtSelection(macro.content);
+    };
+    const insertTextAtSelection = (content) => {
+      let inserted = false;
+      try {
+        inserted = document.execCommand("insertText", false, content);
+      } catch {
+        inserted = false;
+      }
+      if (!inserted) {
+        const fragment = document.createDocumentFragment();
+        const lines = content.split("\n");
+        lines.forEach((line, index) => {
+          fragment.appendChild(document.createTextNode(line));
+          if (index < lines.length - 1) {
+            fragment.appendChild(document.createElement("br"));
+          }
+        });
+        const sel = window.getSelection();
+        if (sel && sel.rangeCount > 0) {
+          const range = sel.getRangeAt(0);
+          range.deleteContents();
+          range.insertNode(fragment);
+          range.collapse(false);
+          sel.removeAllRanges();
+          sel.addRange(range);
+        } else if (editorRef.current) {
+          editorRef.current.appendChild(fragment);
+        }
+      }
+      saveSelection();
+      updateContent();
+    };
+    const expandTypedShortcut = (event) => {
+      if (disabled || event.key !== " " || // Space during IME composition selects/converts a candidate; never
+      // hijack it for macro expansion.
+      event.nativeEvent.isComposing || event.ctrlKey || event.metaKey || event.altKey || !macros)
+        return;
+      const selection = window.getSelection();
+      if (!selection || selection.rangeCount === 0 || !selection.isCollapsed)
+        return;
+      const caret = selection.getRangeAt(0);
+      const node = caret.startContainer;
+      if (node.nodeType !== Node.TEXT_NODE || !editorRef.current?.contains(node))
+        return;
+      const typed = /(\S+)$/.exec(
+        (node.textContent ?? "").slice(0, caret.startOffset)
+      );
+      if (!typed) return;
+      let token = typed[1];
+      let startNode = node;
+      let startOffset = caret.startOffset - typed[1].length;
+      while (startOffset === 0) {
+        const prev = previousVisibleText(startNode, editorRef.current);
+        if (!prev) break;
+        const text = prev.textContent ?? "";
+        const continued = /(\S+)$/.exec(text);
+        if (!continued) break;
+        token = continued[1] + token;
+        startNode = prev;
+        startOffset = text.length - continued[1].length;
+      }
+      const lowered = token.toLowerCase();
+      const macro = macros.flatMap((group) => group.macros).find((candidate) => candidate.shortcut?.toLowerCase() === lowered);
+      if (!macro) return;
+      event.preventDefault();
+      const replaceRange = document.createRange();
+      replaceRange.setStart(startNode, startOffset);
+      replaceRange.setEnd(node, caret.startOffset);
+      selection.removeAllRanges();
+      selection.addRange(replaceRange);
+      insertTextAtSelection(macro.content);
+    };
+    const toggleDictation = async () => {
+      const SpeechRecognition = getSpeechRecognition();
+      if (!SpeechRecognition) return;
+      if (isListening && recognitionRef.current) {
+        shouldRestartRef.current = false;
+        isListeningRef.current = false;
+        recognitionRef.current.stop();
+        setIsListening(false);
+        return;
+      }
+      try {
+        const stream = await navigator.mediaDevices.getUserMedia({
+          audio: true
+        });
+        stream.getTracks().forEach((track) => track.stop());
+      } catch {
+        reportError(
+          "Microphone access is required for dictation. Please allow microphone access in your browser settings and try again."
+        );
+        return;
+      }
+      const recognition = new SpeechRecognition();
+      recognition.continuous = true;
+      recognition.interimResults = true;
+      recognition.lang = "en-US";
+      recognition.maxAlternatives = 1;
+      recognition.onstart = () => {
+        setIsListening(true);
+        isListeningRef.current = true;
+        shouldRestartRef.current = true;
+      };
+      recognition.onresult = (event) => {
+        let finalTranscript = "";
+        for (let i = event.resultIndex; i < event.results.length; i++) {
+          const result = event.results[i];
+          if (result.isFinal) finalTranscript += result[0].transcript;
+        }
+        if (finalTranscript && editorRef.current) {
+          const processedText = processDictation(finalTranscript);
+          editorRef.current.focus();
+          const selection = window.getSelection();
+          if (selection && selection.rangeCount > 0) {
+            const range = selection.getRangeAt(0);
+            range.deleteContents();
+            const textNode = document.createTextNode(processedText + " ");
+            range.insertNode(textNode);
+            range.setStartAfter(textNode);
+            range.setEndAfter(textNode);
+            selection.removeAllRanges();
+            selection.addRange(range);
+          } else {
+            editorRef.current.innerHTML += processedText + " ";
+          }
+          updateContent();
+        }
+      };
+      recognition.onerror = (event) => {
+        if (event.error === "no-speech" || event.error === "aborted") return;
+        if (event.error === "not-allowed") {
+          reportError(
+            "Microphone access was denied. Please allow microphone access in your browser settings and try again."
+          );
+          shouldRestartRef.current = false;
+          isListeningRef.current = false;
+          setIsListening(false);
+          return;
+        }
+        if (event.error === "network") return;
+        shouldRestartRef.current = false;
+        isListeningRef.current = false;
+        setIsListening(false);
+      };
+      recognition.onend = () => {
+        if (shouldRestartRef.current && isListeningRef.current) {
+          setTimeout(() => {
+            if (shouldRestartRef.current && isListeningRef.current) {
+              try {
+                recognition.start();
+              } catch {
+                shouldRestartRef.current = false;
+                isListeningRef.current = false;
+                setIsListening(false);
+              }
+            }
+          }, 100);
+        } else {
+          setIsListening(false);
+        }
+      };
+      recognitionRef.current = recognition;
+      try {
+        recognition.start();
+      } catch {
+        reportError("Failed to start speech recognition. Please try again.");
+      }
+    };
+    const iconButtonClass = "h-8 w-8 p-0";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-slot": "rich-text-editor",
+        className: chunkS5RVSXDV_cjs.cn(
+          "border-border bg-background flex flex-col overflow-hidden rounded-lg border",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-slot": "rich-text-editor-toolbar",
+              className: "border-border bg-muted/30 sticky top-0 z-10 flex flex-wrap items-center gap-1 border-b p-2",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => execCommand("bold"),
+                    disabled,
+                    className: iconButtonClass,
+                    "aria-label": "Bold",
+                    title: "Bold",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => execCommand("italic"),
+                    disabled,
+                    className: iconButtonClass,
+                    "aria-label": "Italic",
+                    title: "Italic",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => execCommand("underline"),
+                    disabled,
+                    className: iconButtonClass,
+                    "aria-label": "Underline",
+                    title: "Underline",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Underline, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => execCommand("insertUnorderedList"),
+                    disabled,
+                    className: iconButtonClass,
+                    "aria-label": "Bullet list",
+                    title: "Bullet list",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.List, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => execCommand("insertOrderedList"),
+                    disabled,
+                    className: iconButtonClass,
+                    "aria-label": "Numbered list",
+                    title: "Numbered list",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListOrdered, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => execCommand("justifyLeft"),
+                    disabled,
+                    className: iconButtonClass,
+                    "aria-label": "Align left",
+                    title: "Align left",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeft, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => execCommand("justifyCenter"),
+                    disabled,
+                    className: iconButtonClass,
+                    "aria-label": "Align center",
+                    title: "Align center",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignCenter, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkANMX7YDL_cjs.Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => execCommand("justifyRight"),
+                    disabled,
+                    className: iconButtonClass,
+                    "aria-label": "Align right",
+                    title: "Align right",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignRight, { className: "h-4 w-4" })
+                  }
+                ),
+                hasVariables && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    chunkPINIBEIU_cjs.Dropdown,
+                    {
+                      placement: "bottom-start",
+                      width: 240,
+                      searchable: true,
+                      searchPlaceholder: "Search variables\u2026",
+                      searchAriaLabel: "Search template variables",
+                      disabled,
+                      trigger: /* @__PURE__ */ jsxRuntime.jsxs(
+                        chunkANMX7YDL_cjs.Button,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "sm",
+                          className: "h-8 gap-1 px-2",
+                          disabled,
+                          title: "Insert variable",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Braces, { className: "h-4 w-4" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ms-1 text-xs", children: "Variables" })
+                          ]
+                        }
+                      ),
+                      children: variableGroups.map((group, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs(React2__namespace.Fragment, { children: [
+                        groupIndex > 0 && /* @__PURE__ */ jsxRuntime.jsx(chunkPINIBEIU_cjs.DropdownSeparator, {}),
+                        /* @__PURE__ */ jsxRuntime.jsx(chunkPINIBEIU_cjs.DropdownLabel, { children: group.label }),
+                        group.variables.map((variable) => /* @__PURE__ */ jsxRuntime.jsx(
+                          chunkPINIBEIU_cjs.DropdownItem,
+                          {
+                            onClick: () => insertVariable(variable),
+                            children: variable.label
+                          },
+                          variable.value
+                        ))
+                      ] }, group.label))
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    chunkANMX7YDL_cjs.Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: handleConvertToMustache,
+                      disabled,
+                      className: "h-8 gap-1 px-2",
+                      title: "Convert <<field>> to {{field}}",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Replace, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ms-1 text-xs", children: "<< >> to {{ }}" })
+                      ]
+                    }
+                  )
+                ] }),
+                enableDictation && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    chunkANMX7YDL_cjs.Button,
+                    {
+                      type: "button",
+                      variant: isListening ? "danger" : "ghost",
+                      size: "sm",
+                      onClick: toggleDictation,
+                      disabled: disabled || !speechSupported,
+                      className: chunkS5RVSXDV_cjs.cn("h-8 gap-1 px-2", isListening && "animate-pulse"),
+                      title: !speechSupported ? "Speech recognition not supported in this browser" : isListening ? "Stop dictation" : "Start dictation",
+                      children: [
+                        isListening ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MicOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mic, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ms-1 text-xs", children: isListening ? "Stop" : "Dictate" })
+                      ]
+                    }
+                  )
+                ] }),
+                hasMacros && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkYP5T6NZD_cjs.Separator, { orientation: "vertical", className: "mx-1 h-6" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    chunkANMX7YDL_cjs.Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: () => setMacrosOpen((open) => !open),
+                      disabled,
+                      className: chunkS5RVSXDV_cjs.cn("h-8 gap-1 px-2", macrosOpen && "bg-muted"),
+                      "aria-expanded": macrosOpen,
+                      "aria-controls": macrosOpen ? macroPanelId : void 0,
+                      title: macrosOpen ? macroLabels?.hideMacros ?? "Hide macros" : macroLabels?.showMacros ?? "Show macros",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BookOpen, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ms-1 text-xs", children: macroLabels?.macros ?? "Macros" })
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: chunkS5RVSXDV_cjs.cn(
+                  "relative flex-1",
+                  hasMacros && macrosOpen && "md:me-72"
+                ),
+                children: [
+                  isEmpty && placeholder && /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      "aria-hidden": "true",
+                      className: "text-muted-foreground pointer-events-none absolute start-0 top-0 p-4",
+                      children: placeholder
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      ref: editorRef,
+                      role: "textbox",
+                      "aria-multiline": "true",
+                      "aria-label": ariaLabel ?? placeholder,
+                      contentEditable: !disabled,
+                      tabIndex: disabled ? -1 : 0,
+                      onInput: updateContent,
+                      onPaste: handlePaste,
+                      onDrop: handleDrop,
+                      onBlur: hasMacros ? saveSelection : void 0,
+                      onKeyDown: hasMacros ? expandTypedShortcut : void 0,
+                      onKeyUp: hasMacros ? saveSelection : void 0,
+                      onMouseUp: hasMacros ? saveSelection : void 0,
+                      className: chunkS5RVSXDV_cjs.cn(
+                        "min-h-[250px] overflow-y-auto p-4 focus:outline-none",
+                        "prose prose-sm max-w-none",
+                        hasMacros && macrosOpen && "md:min-h-[400px]",
+                        disabled && "bg-muted/20 cursor-not-allowed text-neutral-700 dark:text-neutral-300"
+                      ),
+                      suppressContentEditableWarning: true
+                    }
+                  )
+                ]
+              }
+            ),
+            hasMacros && macrosOpen && /* @__PURE__ */ jsxRuntime.jsx(
+              MacroLibrary,
+              {
+                id: macroPanelId,
+                groups: macros,
+                onSelect: insertMacro,
+                targetLabel: ariaLabel ?? placeholder,
+                onClose: () => {
+                  setMacrosOpen(false);
+                  focusRestoringSelection();
+                },
+                onCreateMacro,
+                labels: macroLabels,
+                className: "border-border max-h-72 border-t md:absolute md:inset-y-0 md:end-0 md:max-h-none md:w-72 md:border-s md:border-t-0"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+RichTextEditor.displayName = "RichTextEditor";
+
+exports.MacroLibrary = MacroLibrary;
+exports.RichTextEditor = RichTextEditor;
+exports.convertAngleBracketsToMustache = convertAngleBracketsToMustache;
+exports.processDictation = processDictation;
+//# sourceMappingURL=chunk-7BA7ENN5.cjs.map
+//# sourceMappingURL=chunk-7BA7ENN5.cjs.map