@forgedevstack/bear 1.0.2 → 1.0.4-alpha

package/dist/components/RichEditor/RichEditor.const.js

@@ -0,0 +1,279 @@
+import { jsx as e } from "react/jsx-runtime";
+const a = 150, o = [
+  "headingDropdown",
+  "divider",
+  "bold",
+  "italic",
+  "underline",
+  "strikethrough",
+  "divider",
+  "textColor",
+  "highlightColor",
+  "divider",
+  "alignLeft",
+  "alignCenter",
+  "alignRight",
+  "alignJustify",
+  "divider",
+  "bulletList",
+  "orderedList",
+  "divider",
+  "indent",
+  "outdent",
+  "divider",
+  "blockquote",
+  "code",
+  "link",
+  "image",
+  "divider",
+  "clearFormat"
+], r = "Bear-RichEditor rounded-lg border border-gray-200 dark:border-zinc-700 overflow-hidden bg-white dark:bg-zinc-900 shadow-sm", i = "flex flex-wrap items-center gap-0.5 p-2 border-b border-gray-200 dark:border-zinc-700 bg-gray-50 dark:bg-zinc-800", n = "p-4 outline-none max-w-none text-gray-900 dark:text-gray-100 bg-white dark:bg-zinc-900 min-h-[100px]", d = "w-px h-5 bg-gray-300 dark:bg-zinc-600 mx-1", l = "p-1.5 rounded transition-colors", c = "bg-pink-500 text-white", m = "text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-zinc-700", g = "opacity-50 cursor-not-allowed", s = [
+  { value: "p", label: "Paragraph", preview: /* @__PURE__ */ e("span", { className: "bear-text-sm bear-font-normal", children: "Normal text" }) },
+  { value: "h1", label: "Heading 1", preview: /* @__PURE__ */ e("span", { className: "bear-text-2xl bear-font-bold", children: "Heading 1" }) },
+  { value: "h2", label: "Heading 2", preview: /* @__PURE__ */ e("span", { className: "bear-text-xl bear-font-bold", children: "Heading 2" }) },
+  { value: "h3", label: "Heading 3", preview: /* @__PURE__ */ e("span", { className: "bear-text-lg bear-font-semibold", children: "Heading 3" }) },
+  { value: "h4", label: "Heading 4", preview: /* @__PURE__ */ e("span", { className: "bear-text-base bear-font-semibold", children: "Heading 4" }) },
+  { value: "h5", label: "Heading 5", preview: /* @__PURE__ */ e("span", { className: "bear-text-sm bear-font-semibold", children: "Heading 5" }) },
+  { value: "h6", label: "Heading 6", preview: /* @__PURE__ */ e("span", { className: "bear-text-xs bear-font-semibold bear-uppercase", children: "Heading 6" }) }
+], h = {
+  bold: { title: "Bold (Ctrl+B)", command: "bold" },
+  italic: { title: "Italic (Ctrl+I)", command: "italic" },
+  underline: { title: "Underline (Ctrl+U)", command: "underline" },
+  strikethrough: { title: "Strikethrough", command: "strikeThrough" },
+  heading1: { title: "Heading 1", command: "formatBlock", value: "h1" },
+  heading2: { title: "Heading 2", command: "formatBlock", value: "h2" },
+  heading3: { title: "Heading 3", command: "formatBlock", value: "h3" },
+  heading4: { title: "Heading 4", command: "formatBlock", value: "h4" },
+  heading5: { title: "Heading 5", command: "formatBlock", value: "h5" },
+  heading6: { title: "Heading 6", command: "formatBlock", value: "h6" },
+  paragraph: { title: "Paragraph", command: "formatBlock", value: "p" },
+  bulletList: { title: "Bullet List", command: "insertUnorderedList" },
+  orderedList: { title: "Numbered List", command: "insertOrderedList" },
+  blockquote: { title: "Quote", command: "formatBlock", value: "blockquote" },
+  code: { title: "Code Block", command: "formatBlock", value: "pre" },
+  link: { title: "Insert Link", command: "createLink" },
+  image: { title: "Insert Image", command: "insertImage" },
+  textColor: { title: "Text Color", command: "foreColor" },
+  highlightColor: { title: "Highlight Color", command: "hiliteColor" },
+  alignLeft: { title: "Align Left", command: "justifyLeft" },
+  alignCenter: { title: "Align Center", command: "justifyCenter" },
+  alignRight: { title: "Align Right", command: "justifyRight" },
+  alignJustify: { title: "Justify", command: "justifyFull" },
+  indent: { title: "Increase Indent", command: "indent" },
+  outdent: { title: "Decrease Indent", command: "outdent" },
+  clearFormat: { title: "Clear Formatting", command: "removeFormat" },
+  table: { title: "Insert Table", command: "insertTable" }
+}, b = [
+  // Row 1: Grayscale
+  "#000000",
+  "#374151",
+  "#6b7280",
+  "#9ca3af",
+  "#d1d5db",
+  "#ffffff",
+  // Row 2: Reds
+  "#991b1b",
+  "#dc2626",
+  "#ef4444",
+  "#f87171",
+  "#fca5a5",
+  "#fee2e2",
+  // Row 3: Oranges
+  "#9a3412",
+  "#ea580c",
+  "#f97316",
+  "#fb923c",
+  "#fdba74",
+  "#fed7aa",
+  // Row 4: Yellows
+  "#854d0e",
+  "#ca8a04",
+  "#eab308",
+  "#facc15",
+  "#fde047",
+  "#fef08a",
+  // Row 5: Greens
+  "#166534",
+  "#16a34a",
+  "#22c55e",
+  "#4ade80",
+  "#86efac",
+  "#bbf7d0",
+  // Row 6: Blues
+  "#1e40af",
+  "#2563eb",
+  "#3b82f6",
+  "#60a5fa",
+  "#93c5fd",
+  "#bfdbfe",
+  // Row 7: Purples
+  "#6b21a8",
+  "#9333ea",
+  "#a855f7",
+  "#c084fc",
+  "#d8b4fe",
+  "#e9d5ff",
+  // Row 8: Pinks
+  "#9d174d",
+  "#db2777",
+  "#ec4899",
+  "#f472b6",
+  "#f9a8d4",
+  "#fbcfe8"
+], f = `
+  .Bear-RichEditor__content {
+    line-height: 1.6;
+  }
+  .Bear-RichEditor__content h1 { 
+    font-size: 2rem; 
+    font-weight: bold; 
+    margin: 0.67em 0; 
+    line-height: 1.2;
+  }
+  .Bear-RichEditor__content h2 { 
+    font-size: 1.5rem; 
+    font-weight: bold; 
+    margin: 0.83em 0; 
+    line-height: 1.3;
+  }
+  .Bear-RichEditor__content h3 { 
+    font-size: 1.25rem; 
+    font-weight: 600; 
+    margin: 1em 0; 
+    line-height: 1.4;
+  }
+  .Bear-RichEditor__content h4 { 
+    font-size: 1.125rem; 
+    font-weight: 600; 
+    margin: 1.33em 0;
+  }
+  .Bear-RichEditor__content h5 { 
+    font-size: 1rem; 
+    font-weight: 600; 
+    margin: 1.67em 0;
+  }
+  .Bear-RichEditor__content h6 { 
+    font-size: 0.875rem; 
+    font-weight: 600; 
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    margin: 2em 0;
+  }
+  .Bear-RichEditor__content p { 
+    margin: 0.5em 0; 
+  }
+  .Bear-RichEditor__content ul { 
+    list-style-type: disc !important; 
+    padding-left: 1.5em !important; 
+    margin: 0.5em 0 !important; 
+    display: block !important;
+  }
+  .Bear-RichEditor__content ol { 
+    list-style-type: decimal !important; 
+    padding-left: 1.5em !important; 
+    margin: 0.5em 0 !important;
+    display: block !important;
+  }
+  .Bear-RichEditor__content li { 
+    margin: 0.25em 0 !important;
+    display: list-item !important;
+  }
+  .Bear-RichEditor__content blockquote { 
+    border-left: 4px solid #ec4899; 
+    padding-left: 1em; 
+    margin: 1em 0; 
+    color: #6b7280; 
+    font-style: italic;
+    background: rgba(236, 72, 153, 0.05);
+    padding: 0.5em 1em;
+    border-radius: 0 0.375rem 0.375rem 0;
+  }
+  .Bear-RichEditor__content pre { 
+    background: #f3f4f6; 
+    color: #374151;
+    padding: 1em; 
+    border-radius: 0.5rem; 
+    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace; 
+    font-size: 0.875em;
+    overflow-x: auto; 
+    margin: 1em 0;
+    white-space: pre-wrap;
+    word-break: break-word;
+    border: 1px solid #e5e7eb;
+  }
+  .Bear-RichEditor__content code {
+    background: #f3f4f6;
+    color: #374151;
+    padding: 0.125em 0.25em;
+    border-radius: 0.25rem;
+    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+    font-size: 0.875em;
+  }
+  .Bear-RichEditor__content a { 
+    color: #ec4899; 
+    text-decoration: underline;
+    cursor: pointer;
+  }
+  .Bear-RichEditor__content a:hover {
+    color: #db2777;
+  }
+  .Bear-RichEditor__content img { 
+    max-width: 100%; 
+    height: auto; 
+    border-radius: 0.5rem; 
+    margin: 1em 0;
+    display: block;
+  }
+  .Bear-RichEditor__content table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 1em 0;
+  }
+  .Bear-RichEditor__content th,
+  .Bear-RichEditor__content td {
+    border: 1px solid #d1d5db;
+    padding: 0.5em;
+    text-align: left;
+  }
+  .Bear-RichEditor__content th {
+    background: #f3f4f6;
+    font-weight: 600;
+  }
+  /* Dark mode styles */
+  .dark .Bear-RichEditor__content pre {
+    background: #1f2937;
+    color: #e5e7eb;
+    border-color: #374151;
+  }
+  .dark .Bear-RichEditor__content code {
+    background: #374151;
+    color: #e5e7eb;
+  }
+  .dark .Bear-RichEditor__content blockquote {
+    color: #9ca3af;
+    background: rgba(236, 72, 153, 0.1);
+  }
+  .dark .Bear-RichEditor__content th {
+    background: #374151;
+  }
+  .dark .Bear-RichEditor__content th,
+  .dark .Bear-RichEditor__content td {
+    border-color: #4b5563;
+  }
+`;
+export {
+  c as RICH_EDITOR_BUTTON_ACTIVE_CLASSES,
+  l as RICH_EDITOR_BUTTON_BASE_CLASSES,
+  h as RICH_EDITOR_BUTTON_CONFIG,
+  g as RICH_EDITOR_BUTTON_DISABLED_CLASSES,
+  m as RICH_EDITOR_BUTTON_INACTIVE_CLASSES,
+  b as RICH_EDITOR_COLORS,
+  n as RICH_EDITOR_CONTENT_CLASSES,
+  f as RICH_EDITOR_CONTENT_STYLES,
+  o as RICH_EDITOR_DEFAULT_TOOLBAR,
+  d as RICH_EDITOR_DIVIDER_CLASSES,
+  s as RICH_EDITOR_HEADING_OPTIONS,
+  a as RICH_EDITOR_MIN_HEIGHT,
+  r as RICH_EDITOR_ROOT_CLASSES,
+  i as RICH_EDITOR_TOOLBAR_CLASSES
+};

package/dist/components/RichEditor/RichEditor.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { RichEditorProps } from './RichEditor.types';
+/**
+ * RichEditor - WYSIWYG rich text editor with formatting toolbar
+ *
+ * @example
+ * ```tsx
+ * const [value, setValue] = useState('<p>Start editing...</p>');
+ *
+ * <RichEditor
+ *   value={value}
+ *   onChange={setValue}
+ *   placeholder="Start typing..."
+ * />
+ * ```
+ */
+export declare const RichEditor: FC<RichEditorProps>;
+export default RichEditor;

package/dist/components/RichEditor/RichEditor.js

@@ -0,0 +1,363 @@
+import { jsxs as me, jsx as t } from "react/jsx-runtime";
+import { useRef as pe, useState as C, useEffect as _, useCallback as d } from "react";
+import { cn as b } from "../../utils/cn.js";
+import { getActiveFormats as be, queryCommandValue as Re, execCommand as u, insertLink as Te, setTextColor as x, setHighlightColor as S, fileToDataUrl as v, insertImage as A } from "./helpers/formatHelpers.js";
+import { RICH_EDITOR_MIN_HEIGHT as ye, RICH_EDITOR_DEFAULT_TOOLBAR as _e, RICH_EDITOR_CONTENT_STYLES as Ee, RICH_EDITOR_BUTTON_CONFIG as O, RICH_EDITOR_TOOLBAR_CLASSES as Le, RICH_EDITOR_CONTENT_CLASSES as ze, RICH_EDITOR_ROOT_CLASSES as He, RICH_EDITOR_DIVIDER_CLASSES as ke, RICH_EDITOR_HEADING_OPTIONS as xe } from "./RichEditor.const.js";
+import { ToolbarButton as f } from "./components/ToolbarButton/ToolbarButton.js";
+import { ToolbarDropdown as Se } from "./components/ToolbarDropdown/ToolbarDropdown.js";
+import { ToolbarColorPicker as D } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
+import { ToolbarMore as ve } from "./components/ToolbarMore/ToolbarMore.js";
+import { TextIcon as Ae, InsertLinkIcon as B, InsertPhotoIcon as F, AlignLeftIcon as N, AlignCenterIcon as w, AlignRightIcon as U, AlignJustifyIcon as M, IndentIncreaseIcon as V, IndentDecreaseIcon as j, FormatClearIcon as J, TableIcon as Oe, CodeIcon as De, QuoteIcon as Be, ListNumberedIcon as Fe, ListBulletIcon as Ne, Heading3Icon as we, Heading2Icon as Ue, Heading1Icon as Me, StrikethroughIcon as Ve, UnderlineIcon as je, ItalicIcon as Je, BoldIcon as Pe } from "../Icon/icons/editor.js";
+const qe = 6, nt = (P) => {
+  const {
+    value: I,
+    defaultValue: E = "",
+    onChange: R,
+    placeholder: q = "Start typing...",
+    disabled: i = !1,
+    readOnly: o = !1,
+    minHeight: T = ye,
+    maxHeight: m,
+    toolbar: L = _e,
+    className: G = "",
+    testId: $,
+    id: Y,
+    allowImagePaste: z = !0,
+    ...K
+  } = P, a = pe(null), [Q, W] = C(/* @__PURE__ */ new Set()), [X, H] = C("p"), [Z, ee] = C("#000000"), [te, ne] = C("#fef08a"), [ie, oe] = C([]), [re, le] = C([]);
+  _(() => {
+    const e = "bear-rich-editor-styles";
+    if (!document.getElementById(e)) {
+      const n = document.createElement("style");
+      n.id = e, n.textContent = Ee, document.head.appendChild(n);
+    }
+  }, []), _(() => {
+    a.current && I !== void 0 && a.current.innerHTML !== I && (a.current.innerHTML = I);
+  }, [I]), _(() => {
+    a.current && E && !I && (a.current.innerHTML = E);
+  }, []);
+  const h = d(() => {
+    W(be());
+    const e = Re("formatBlock");
+    e && H(e.toLowerCase().replace(/[<>]/g, ""));
+  }, []), l = d(() => {
+    a.current && R && R(a.current.innerHTML), h();
+  }, [R, h]), ae = d((e) => {
+    var s;
+    if (i || o) return;
+    (s = a.current) == null || s.focus();
+    const n = O[e];
+    if (!n) return;
+    const c = "value" in n ? n.value : void 0;
+    c ? u(n.command, c) : u(n.command), h(), l();
+  }, [i, o, h, l]), se = d((e) => {
+    var n;
+    i || o || ((n = a.current) == null || n.focus(), u("formatBlock", e), H(e), l());
+  }, [i, o, l]), ce = d(() => {
+    var s;
+    if (i || o) return;
+    const e = window.getSelection(), n = e && e.toString().length > 0, c = prompt("Enter URL:", n ? "" : "https://");
+    c && ((s = a.current) == null || s.focus(), Te(c), l());
+  }, [i, o, l]), p = d((e, n) => {
+    if (!e) return;
+    (n === "text" ? oe : le)((s) => {
+      const r = s.filter((g) => g !== e);
+      return [e, ...r].slice(0, qe);
+    });
+  }, []), de = d((e) => {
+    var n;
+    i || o || ((n = a.current) == null || n.focus(), x(e), ee(e), p(e, "text"), l());
+  }, [i, o, l, p]), ue = d((e) => {
+    var n;
+    i || o || ((n = a.current) == null || n.focus(), S(e), ne(e), p(e, "highlight"), l());
+  }, [i, o, l, p]), fe = d((e) => {
+    var n;
+    i || o || ((n = a.current) == null || n.focus(), x(e), l());
+  }, [i, o, l]), ge = d((e) => {
+    var n;
+    i || o || ((n = a.current) == null || n.focus(), S(e), l());
+  }, [i, o, l]), he = d(async (e) => {
+    var c;
+    if (!z) return;
+    const n = (c = e.clipboardData) == null ? void 0 : c.items;
+    if (n)
+      for (let s = 0; s < n.length; s++) {
+        const r = n[s];
+        if (r.type.startsWith("image/")) {
+          e.preventDefault();
+          const g = r.getAsFile();
+          if (g) {
+            const y = await v(g);
+            A(y), l();
+          }
+          return;
+        }
+      }
+  }, [z, l]), Ce = d(() => {
+    if (i || o) return;
+    const e = document.createElement("input");
+    e.type = "file", e.accept = "image/*", e.onchange = async (n) => {
+      var s, r;
+      const c = (s = n.target.files) == null ? void 0 : s[0];
+      if (c) {
+        const g = await v(c);
+        (r = a.current) == null || r.focus(), A(g), l();
+      }
+    }, e.click();
+  }, [i, o, l]), Ie = {
+    bold: /* @__PURE__ */ t(Pe, { size: 16 }),
+    italic: /* @__PURE__ */ t(Je, { size: 16 }),
+    underline: /* @__PURE__ */ t(je, { size: 16 }),
+    strikethrough: /* @__PURE__ */ t(Ve, { size: 16 }),
+    heading1: /* @__PURE__ */ t(Me, { size: 16 }),
+    heading2: /* @__PURE__ */ t(Ue, { size: 16 }),
+    heading3: /* @__PURE__ */ t(we, { size: 16 }),
+    bulletList: /* @__PURE__ */ t(Ne, { size: 16 }),
+    orderedList: /* @__PURE__ */ t(Fe, { size: 16 }),
+    blockquote: /* @__PURE__ */ t(Be, { size: 16 }),
+    code: /* @__PURE__ */ t(De, { size: 16 }),
+    link: /* @__PURE__ */ t(B, { size: 16 }),
+    alignLeft: /* @__PURE__ */ t(N, { size: 16 }),
+    alignCenter: /* @__PURE__ */ t(w, { size: 16 }),
+    alignRight: /* @__PURE__ */ t(U, { size: 16 }),
+    alignJustify: /* @__PURE__ */ t(M, { size: 16 }),
+    image: /* @__PURE__ */ t(F, { size: 16 }),
+    indent: /* @__PURE__ */ t(V, { size: 16 }),
+    outdent: /* @__PURE__ */ t(j, { size: 16 }),
+    clearFormat: /* @__PURE__ */ t(J, { size: 16 }),
+    table: /* @__PURE__ */ t(Oe, { size: 16 })
+  }, k = (e, n) => {
+    if (e === "divider")
+      return /* @__PURE__ */ t("div", { className: b("Bear-RichEditor__divider", ke) }, `divider-${n}`);
+    if (e === "headingDropdown")
+      return /* @__PURE__ */ t(
+        Se,
+        {
+          options: xe,
+          value: X,
+          onChange: se,
+          title: "Text Style",
+          disabled: i || o,
+          icon: /* @__PURE__ */ t(Ae, { size: 16 })
+        },
+        "heading-dropdown"
+      );
+    if (e === "textColor")
+      return /* @__PURE__ */ t(
+        D,
+        {
+          value: Z,
+          onChange: de,
+          title: "Text Color",
+          disabled: i || o,
+          type: "text",
+          recentColors: ie,
+          onApplyLast: fe
+        },
+        "text-color"
+      );
+    if (e === "highlightColor")
+      return /* @__PURE__ */ t(
+        D,
+        {
+          value: te,
+          onChange: ue,
+          title: "Highlight Color",
+          disabled: i || o,
+          type: "highlight",
+          recentColors: re,
+          onApplyLast: ge
+        },
+        "highlight-color"
+      );
+    if (e === "link")
+      return /* @__PURE__ */ t(
+        f,
+        {
+          icon: /* @__PURE__ */ t(B, { size: 16 }),
+          title: "Insert Link",
+          onClick: ce,
+          disabled: i || o
+        },
+        "link"
+      );
+    if (e === "image")
+      return /* @__PURE__ */ t(
+        f,
+        {
+          icon: /* @__PURE__ */ t(F, { size: 16 }),
+          title: "Insert Image",
+          onClick: Ce,
+          disabled: i || o
+        },
+        "image"
+      );
+    if (e === "alignLeft")
+      return /* @__PURE__ */ t(
+        f,
+        {
+          icon: /* @__PURE__ */ t(N, { size: 16 }),
+          title: "Align Left",
+          onClick: () => {
+            var r;
+            (r = a.current) == null || r.focus(), u("justifyLeft"), l();
+          },
+          disabled: i || o
+        },
+        "alignLeft"
+      );
+    if (e === "alignCenter")
+      return /* @__PURE__ */ t(
+        f,
+        {
+          icon: /* @__PURE__ */ t(w, { size: 16 }),
+          title: "Align Center",
+          onClick: () => {
+            var r;
+            (r = a.current) == null || r.focus(), u("justifyCenter"), l();
+          },
+          disabled: i || o
+        },
+        "alignCenter"
+      );
+    if (e === "alignRight")
+      return /* @__PURE__ */ t(
+        f,
+        {
+          icon: /* @__PURE__ */ t(U, { size: 16 }),
+          title: "Align Right",
+          onClick: () => {
+            var r;
+            (r = a.current) == null || r.focus(), u("justifyRight"), l();
+          },
+          disabled: i || o
+        },
+        "alignRight"
+      );
+    if (e === "alignJustify")
+      return /* @__PURE__ */ t(
+        f,
+        {
+          icon: /* @__PURE__ */ t(M, { size: 16 }),
+          title: "Justify",
+          onClick: () => {
+            var r;
+            (r = a.current) == null || r.focus(), u("justifyFull"), l();
+          },
+          disabled: i || o
+        },
+        "alignJustify"
+      );
+    if (e === "indent")
+      return /* @__PURE__ */ t(
+        f,
+        {
+          icon: /* @__PURE__ */ t(V, { size: 16 }),
+          title: "Increase Indent",
+          onClick: () => {
+            var r;
+            (r = a.current) == null || r.focus(), u("indent"), l();
+          },
+          disabled: i || o
+        },
+        "indent"
+      );
+    if (e === "outdent")
+      return /* @__PURE__ */ t(
+        f,
+        {
+          icon: /* @__PURE__ */ t(j, { size: 16 }),
+          title: "Decrease Indent",
+          onClick: () => {
+            var r;
+            (r = a.current) == null || r.focus(), u("outdent"), l();
+          },
+          disabled: i || o
+        },
+        "outdent"
+      );
+    if (e === "clearFormat")
+      return /* @__PURE__ */ t(
+        f,
+        {
+          icon: /* @__PURE__ */ t(J, { size: 16 }),
+          title: "Clear Formatting",
+          onClick: () => {
+            var r;
+            (r = a.current) == null || r.focus(), u("removeFormat"), l();
+          },
+          disabled: i || o
+        },
+        "clearFormat"
+      );
+    if (e === "more")
+      return /* @__PURE__ */ t(ve, { disabled: i || o, children: [
+        "alignLeft",
+        "alignCenter",
+        "alignRight",
+        "alignJustify",
+        "indent",
+        "outdent",
+        "blockquote",
+        "code",
+        "clearFormat"
+      ].map((g, y) => k(g, y + 1e3)) }, "more");
+    const c = O[e], s = Ie[e];
+    return !c || !s ? null : /* @__PURE__ */ t(
+      f,
+      {
+        icon: s,
+        title: c.title,
+        active: Q.has(e),
+        onClick: () => ae(e),
+        disabled: i || o
+      },
+      e
+    );
+  };
+  return /* @__PURE__ */ me(
+    "div",
+    {
+      id: Y,
+      "data-testid": $,
+      className: b(
+        "Bear-RichEditor",
+        He,
+        i && "Bear-RichEditor--disabled",
+        o && "Bear-RichEditor--readonly",
+        G
+      ),
+      ...K,
+      children: [
+        L.length > 0 && /* @__PURE__ */ t("div", { className: b("Bear-RichEditor__toolbar", Le), children: L.map((e, n) => k(e, n)) }),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            ref: a,
+            contentEditable: !i && !o,
+            onInput: l,
+            onSelect: h,
+            onKeyUp: h,
+            onMouseUp: h,
+            onPaste: he,
+            "data-placeholder": q,
+            className: b(
+              "Bear-RichEditor__content",
+              ze,
+              "[&:empty]:before:bear-content-[attr(data-placeholder)] [&:empty]:before:bear-text-gray-400 [&:empty]:before:bear-pointer-events-none",
+              i && "Bear-RichEditor__content--disabled bear-opacity-50 bear-cursor-not-allowed"
+            ),
+            style: {
+              minHeight: typeof T == "number" ? `${T}px` : T,
+              maxHeight: m ? typeof m == "number" ? `${m}px` : m : void 0,
+              overflowY: m ? "auto" : void 0
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  nt as RichEditor
+};