@brevitaz/brv-text-editor 1.1.2 → 1.2.0

package/dist/brv-text-editor.umd.js

@@ -23918,9 +23918,9 @@ ${prefix}
     history: true
   };
   const RTE_THEMES = {
-    /** Default — UnleashTeams teal/cyan palette */
+    /** Default — Teal palette */
     unleashteams: {},
-    /** Warm Basecamp-inspired palette */
+    /** Warm earthy palette */
     classic: {
       "--rte-color-primary": "#1a6b3c",
       "--rte-color-primary-hover": "#f0fdf4",
@@ -24739,17 +24739,6 @@ ${prefix}
       )
     );
   }
-  function formatHtml(html) {
-    let indent = 0;
-    return html.replace(/></g, ">\n<").split("\n").map((line) => {
-      const closing = line.match(/^<\//);
-      const selfClose = line.match(/\/>$/) || line.match(/^<(br|hr|img|input)/);
-      if (closing) indent = Math.max(0, indent - 2);
-      const result = " ".repeat(indent) + line.trim();
-      if (!closing && !selfClose && line.match(/^<[^/]/)) indent += 2;
-      return result;
-    }).join("\n");
-  }
   function EmojiReaction({ emoji: emoji2 }) {
     const [count, setCount] = React$1.useState(0);
     const [active, setActive] = React$1.useState(false);
@@ -24784,30 +24773,13 @@ ${prefix}
   }
   function RichTextPreview({
     html = "",
-    author = { name: "Anonymous", initials: "A", avatarColor: "#065666" },
-    timestamp = "",
-    onDismiss,
     showReactions = true,
     reactions = ["👍", "❤️", "🎉", "🙌"],
     theme = "unleashteams",
     themeVars = {}
   }) {
-    const [tab, setTab] = React$1.useState("preview");
     const presetVars = RTE_THEMES[theme] ?? {};
     const resolvedVars = { ...presetVars, ...themeVars };
-    const tabStyle = (active) => ({
-      padding: "6px 14px",
-      border: "none",
-      borderBottom: active ? "2px solid var(--rte-color-primary)" : "2px solid transparent",
-      background: "none",
-      cursor: "pointer",
-      fontSize: 13,
-      fontFamily: "var(--rte-font-family)",
-      fontWeight: active ? 600 : 400,
-      color: active ? "var(--rte-color-primary)" : "var(--rte-text-muted)",
-      transition: "color 0.15s, border-color 0.15s",
-      marginBottom: -1
-    });
     return /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -24827,98 +24799,14 @@ ${prefix}
         }
       },
       /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            padding: "14px 18px 0",
-            display: "flex",
-            alignItems: "flex-start",
-            justifyContent: "space-between",
-            gap: 10
-          }
-        },
-        /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            style: {
-              width: 34,
-              height: 34,
-              borderRadius: "50%",
-              background: author.avatarColor ?? "var(--rte-color-primary)",
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              fontSize: 13,
-              fontWeight: 700,
-              color: "#fff",
-              flexShrink: 0,
-              fontFamily: "var(--rte-font-family)"
-            }
-          },
-          author.initials
-        ), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { fontSize: 14, fontWeight: 600, color: "var(--rte-text)", lineHeight: 1.3, fontFamily: "var(--rte-font-family)" } }, author.name), /* @__PURE__ */ React.createElement("div", { style: { fontSize: 11, color: "var(--rte-text-muted)", fontFamily: "var(--rte-font-family)" } }, timestamp))),
-        onDismiss && /* @__PURE__ */ React.createElement(
-          "button",
-          {
-            onClick: onDismiss,
-            title: "Dismiss",
-            style: {
-              border: "none",
-              background: "none",
-              cursor: "pointer",
-              color: "var(--rte-btn-disabled-color)",
-              fontSize: 20,
-              lineHeight: 1,
-              padding: "2px 4px",
-              borderRadius: "var(--rte-radius-sm)",
-              transition: "color 0.1s"
-            },
-            onMouseEnter: (e) => e.currentTarget.style.color = "var(--rte-text-muted)",
-            onMouseLeave: (e) => e.currentTarget.style.color = "var(--rte-btn-disabled-color)"
-          },
-          "×"
-        )
-      ),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            display: "flex",
-            gap: 0,
-            padding: "10px 18px 0",
-            borderBottom: "1px solid var(--rte-border-toolbar)"
-          }
-        },
-        /* @__PURE__ */ React.createElement("button", { style: tabStyle(tab === "preview"), onClick: () => setTab("preview") }, "Preview"),
-        /* @__PURE__ */ React.createElement("button", { style: tabStyle(tab === "source"), onClick: () => setTab("source") }, "HTML source")
-      ),
-      tab === "preview" ? /* @__PURE__ */ React.createElement(
         "div",
         {
           className: "rtp-content",
           dangerouslySetInnerHTML: { __html: html },
-          style: { padding: "18px 22px 20px" }
+          style: { padding: "14px 22px 20px" }
         }
-      ) : /* @__PURE__ */ React.createElement(
-        "pre",
-        {
-          style: {
-            margin: 0,
-            padding: "16px 18px",
-            fontSize: 12,
-            fontFamily: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace",
-            whiteSpace: "pre-wrap",
-            wordBreak: "break-all",
-            color: "var(--rte-text-muted)",
-            background: "var(--rte-surface-subtle)",
-            maxHeight: 320,
-            overflowY: "auto",
-            lineHeight: 1.6
-          }
-        },
-        formatHtml(html)
       ),
-      tab === "preview" && showReactions && reactions.length > 0 && /* @__PURE__ */ React.createElement(
+      showReactions && reactions.length > 0 && /* @__PURE__ */ React.createElement(
         "div",
         {
           style: {