@forgedevstack/bear 1.1.1 → 1.1.3

package/dist/components/RichEditor/RichEditor.js

@@ -1,173 +1,176 @@
-import { jsxs as Re, jsx as t } from "react/jsx-runtime";
-import { useRef as Te, useState as I, useEffect as y, useCallback as d } from "react";
-import { cn as R } from "../../utils/cn.js";
-import { getActiveFormats as be, queryCommandValue as _e, execCommand as u, insertLink as Ee, setTextColor as x, setHighlightColor as A, fileToDataUrl as S, insertImage as v } from "./helpers/formatHelpers.js";
-import { RICH_EDITOR_MIN_HEIGHT as ye, RICH_EDITOR_DEFAULT_TOOLBAR as Le, RICH_EDITOR_CONTENT_STYLES as He, RICH_EDITOR_BUTTON_CONFIG as B, RICH_EDITOR_MOBILE_TOOLBAR as Oe, RICH_EDITOR_TOOLBAR_CLASSES as ze, RICH_EDITOR_CONTENT_CLASSES as ke, RICH_EDITOR_ROOT_CLASSES as xe, RICH_EDITOR_DIVIDER_CLASSES as Ae, RICH_EDITOR_HEADING_OPTIONS as Se, RICH_EDITOR_MOBILE_MORE_ITEMS as ve, RICH_EDITOR_MOBILE_BREAKPOINT as Be } from "./RichEditor.const.js";
-import { useMediaQuery as De } from "../../hooks/useMediaQuery.js";
+import { jsxs as S, jsx as t } from "react/jsx-runtime";
+import { useRef as ye, useState as C, useEffect as x, useCallback as d } from "react";
+import { cn as p } from "../../utils/cn.js";
+import { getActiveFormats as Le, queryCommandValue as xe, execCommand as u, insertLink as He, setTextColor as B, setHighlightColor as D, fileToDataUrl as N, insertImage as F } from "./helpers/formatHelpers.js";
+import { RICH_EDITOR_MIN_HEIGHT as Oe, RICH_EDITOR_DEFAULT_TOOLBAR as ke, RICH_EDITOR_CONTENT_STYLES as ze, RICH_EDITOR_BUTTON_CONFIG as M, RICH_EDITOR_MOBILE_TOOLBAR as ve, RICH_EDITOR_TOOLBAR_CLASSES as Ae, RICH_EDITOR_CONTENT_CLASSES as Se, RICH_EDITOR_ROOT_CLASSES as Be, RICH_EDITOR_DIVIDER_CLASSES as De, RICH_EDITOR_HEADING_OPTIONS as Ne, RICH_EDITOR_MOBILE_MORE_ITEMS as Fe, RICH_EDITOR_MOBILE_BREAKPOINT as Me } from "./RichEditor.const.js";
+import { useMediaQuery as we } from "../../hooks/useMediaQuery.js";
 import { ToolbarButton as f } from "./components/ToolbarButton/ToolbarButton.js";
-import { ToolbarDropdown as Ne } from "./components/ToolbarDropdown/ToolbarDropdown.js";
-import { ToolbarColorPicker as D } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
-import { ToolbarMore as Fe } from "./components/ToolbarMore/ToolbarMore.js";
-import { TextIcon as Me, InsertLinkIcon as N, InsertPhotoIcon as F, AlignLeftIcon as M, AlignCenterIcon as w, AlignRightIcon as U, AlignJustifyIcon as V, IndentIncreaseIcon as P, IndentDecreaseIcon as j, FormatClearIcon as J, TableIcon as we, CodeIcon as Ue, QuoteIcon as Ve, ListNumberedIcon as Pe, ListBulletIcon as je, Heading3Icon as Je, Heading2Icon as $e, Heading1Icon as qe, StrikethroughIcon as Ge, UnderlineIcon as Ke, ItalicIcon as Qe, BoldIcon as Ye } from "../Icon/icons/editor.js";
-const We = 6, ct = ($) => {
+import { ToolbarDropdown as Ue } from "./components/ToolbarDropdown/ToolbarDropdown.js";
+import { ToolbarColorPicker as w } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
+import { ToolbarMore as Ve } from "./components/ToolbarMore/ToolbarMore.js";
+import { TextIcon as Pe, InsertLinkIcon as U, InsertPhotoIcon as V, AlignLeftIcon as P, AlignCenterIcon as j, AlignRightIcon as J, AlignJustifyIcon as $, IndentIncreaseIcon as q, IndentDecreaseIcon as G, FormatClearIcon as K, TableIcon as je, CodeIcon as Je, QuoteIcon as $e, ListNumberedIcon as qe, ListBulletIcon as Ge, Heading3Icon as Ke, Heading2Icon as Qe, Heading1Icon as Ye, StrikethroughIcon as We, UnderlineIcon as Xe, ItalicIcon as Ze, BoldIcon as et } from "../Icon/icons/editor.js";
+const tt = 6, gt = (Q) => {
   const {
-    value: C,
-    defaultValue: L = "",
-    onChange: T,
-    placeholder: q = "Start typing...",
-    disabled: i = !1,
+    value: I,
+    defaultValue: H = "",
+    onChange: R,
+    placeholder: Y = "Start typing...",
+    disabled: r = !1,
     readOnly: o = !1,
-    minHeight: b = ye,
+    minHeight: T = Oe,
     maxHeight: m,
-    toolbar: G = Le,
-    className: K = "",
-    testId: Q,
-    id: Y,
-    allowImagePaste: H = !0,
-    ...W
-  } = $, a = Te(null), _ = De(`(max-width: ${Be}px)`), O = _ ? Oe : G, [X, Z] = I(/* @__PURE__ */ new Set()), [ee, z] = I("p"), [te, ne] = I("#000000"), [ie, oe] = I("#fef08a"), [re, le] = I([]), [ae, se] = I([]);
-  y(() => {
+    toolbar: W = ke,
+    className: X = "",
+    testId: Z,
+    id: ee,
+    allowImagePaste: O = !0,
+    showCharCount: _ = !1,
+    charCountMax: E,
+    ...te
+  } = Q, l = ye(null), y = we(`(max-width: ${Me}px)`), k = y ? ve : W, [ne, re] = C(/* @__PURE__ */ new Set()), [oe, z] = C("p"), [v, ie] = C(0), [ae, le] = C("#000000"), [se, ce] = C("#fef08a"), [de, ue] = C([]), [fe, ge] = C([]);
+  x(() => {
     const e = "bear-rich-editor-styles";
     if (!document.getElementById(e)) {
       const n = document.createElement("style");
-      n.id = e, n.textContent = He, document.head.appendChild(n);
+      n.id = e, n.textContent = ze, document.head.appendChild(n);
     }
-  }, []), y(() => {
-    a.current && C !== void 0 && a.current.innerHTML !== C && (a.current.innerHTML = C);
-  }, [C]), y(() => {
-    a.current && L && !C && (a.current.innerHTML = L);
+  }, []), x(() => {
+    l.current && I !== void 0 && l.current.innerHTML !== I && (l.current.innerHTML = I);
+  }, [I]), x(() => {
+    l.current && H && !I && (l.current.innerHTML = H);
   }, []);
   const h = d(() => {
-    Z(be());
-    const e = _e("formatBlock");
+    re(Le());
+    const e = xe("formatBlock");
     e && z(e.toLowerCase().replace(/[<>]/g, ""));
-  }, []), l = d(() => {
-    a.current && T && T(a.current.innerHTML), h();
-  }, [T, h]), ce = d((e) => {
+  }, []), a = d(() => {
+    var e;
+    l.current && (R && R(l.current.innerHTML), _ && ie(((e = l.current.textContent) == null ? void 0 : e.length) ?? 0)), h();
+  }, [R, h, _]), he = d((e) => {
     var s;
-    if (i || o) return;
-    (s = a.current) == null || s.focus();
-    const n = B[e];
+    if (r || o) return;
+    (s = l.current) == null || s.focus();
+    const n = M[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]), de = d((e) => {
+    c ? u(n.command, c) : u(n.command), h(), a();
+  }, [r, o, h, a]), Ce = d((e) => {
     var n;
-    i || o || ((n = a.current) == null || n.focus(), u("formatBlock", e), z(e), l());
-  }, [i, o, l]), ue = d(() => {
+    r || o || ((n = l.current) == null || n.focus(), u("formatBlock", e), z(e), a());
+  }, [r, o, a]), Ie = d(() => {
     var s;
-    if (i || o) return;
+    if (r || 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(), Ee(c), l());
-  }, [i, o, l]), p = d((e, n) => {
+    c && ((s = l.current) == null || s.focus(), He(c), a());
+  }, [r, o, a]), b = d((e, n) => {
     if (!e) return;
-    (n === "text" ? le : se)((s) => {
-      const r = s.filter((g) => g !== e);
-      return [e, ...r].slice(0, We);
+    (n === "text" ? ue : ge)((s) => {
+      const i = s.filter((g) => g !== e);
+      return [e, ...i].slice(0, tt);
     });
-  }, []), fe = d((e) => {
+  }, []), me = d((e) => {
     var n;
-    i || o || ((n = a.current) == null || n.focus(), x(e), ne(e), p(e, "text"), l());
-  }, [i, o, l, p]), ge = d((e) => {
+    r || o || ((n = l.current) == null || n.focus(), B(e), le(e), b(e, "text"), a());
+  }, [r, o, a, b]), pe = d((e) => {
     var n;
-    i || o || ((n = a.current) == null || n.focus(), A(e), oe(e), p(e, "highlight"), l());
-  }, [i, o, l, p]), he = d((e) => {
+    r || o || ((n = l.current) == null || n.focus(), D(e), ce(e), b(e, "highlight"), a());
+  }, [r, o, a, b]), be = d((e) => {
     var n;
-    i || o || ((n = a.current) == null || n.focus(), x(e), l());
-  }, [i, o, l]), Ie = d((e) => {
+    r || o || ((n = l.current) == null || n.focus(), B(e), a());
+  }, [r, o, a]), Re = d((e) => {
     var n;
-    i || o || ((n = a.current) == null || n.focus(), A(e), l());
-  }, [i, o, l]), Ce = d(async (e) => {
+    r || o || ((n = l.current) == null || n.focus(), D(e), a());
+  }, [r, o, a]), Te = d(async (e) => {
     var c;
-    if (!H) return;
+    if (!O) 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/")) {
+        const i = n[s];
+        if (i.type.startsWith("image/")) {
           e.preventDefault();
-          const g = r.getAsFile();
+          const g = i.getAsFile();
           if (g) {
-            const E = await S(g);
-            v(E), l();
+            const L = await N(g);
+            F(L), a();
           }
           return;
         }
       }
-  }, [H, l]), me = d(() => {
-    if (i || o) return;
+  }, [O, a]), _e = d(() => {
+    if (r || o) return;
     const e = document.createElement("input");
     e.type = "file", e.accept = "image/*", e.onchange = async (n) => {
-      var s, r;
+      var s, i;
       const c = (s = n.target.files) == null ? void 0 : s[0];
       if (c) {
-        const g = await S(c);
-        (r = a.current) == null || r.focus(), v(g), l();
+        const g = await N(c);
+        (i = l.current) == null || i.focus(), F(g), a();
       }
     }, e.click();
-  }, [i, o, l]), pe = {
-    bold: /* @__PURE__ */ t(Ye, { size: 16 }),
-    italic: /* @__PURE__ */ t(Qe, { size: 16 }),
-    underline: /* @__PURE__ */ t(Ke, { size: 16 }),
-    strikethrough: /* @__PURE__ */ t(Ge, { size: 16 }),
-    heading1: /* @__PURE__ */ t(qe, { size: 16 }),
-    heading2: /* @__PURE__ */ t($e, { size: 16 }),
-    heading3: /* @__PURE__ */ t(Je, { size: 16 }),
-    bulletList: /* @__PURE__ */ t(je, { size: 16 }),
-    orderedList: /* @__PURE__ */ t(Pe, { size: 16 }),
-    blockquote: /* @__PURE__ */ t(Ve, { size: 16 }),
-    code: /* @__PURE__ */ t(Ue, { size: 16 }),
-    link: /* @__PURE__ */ t(N, { size: 16 }),
-    alignLeft: /* @__PURE__ */ t(M, { size: 16 }),
-    alignCenter: /* @__PURE__ */ t(w, { size: 16 }),
-    alignRight: /* @__PURE__ */ t(U, { size: 16 }),
-    alignJustify: /* @__PURE__ */ t(V, { size: 16 }),
-    image: /* @__PURE__ */ t(F, { size: 16 }),
-    indent: /* @__PURE__ */ t(P, { size: 16 }),
-    outdent: /* @__PURE__ */ t(j, { size: 16 }),
-    clearFormat: /* @__PURE__ */ t(J, { size: 16 }),
-    table: /* @__PURE__ */ t(we, { size: 16 })
-  }, k = (e, n) => {
+  }, [r, o, a]), Ee = {
+    bold: /* @__PURE__ */ t(et, { size: 16 }),
+    italic: /* @__PURE__ */ t(Ze, { size: 16 }),
+    underline: /* @__PURE__ */ t(Xe, { size: 16 }),
+    strikethrough: /* @__PURE__ */ t(We, { size: 16 }),
+    heading1: /* @__PURE__ */ t(Ye, { size: 16 }),
+    heading2: /* @__PURE__ */ t(Qe, { size: 16 }),
+    heading3: /* @__PURE__ */ t(Ke, { size: 16 }),
+    bulletList: /* @__PURE__ */ t(Ge, { size: 16 }),
+    orderedList: /* @__PURE__ */ t(qe, { size: 16 }),
+    blockquote: /* @__PURE__ */ t($e, { size: 16 }),
+    code: /* @__PURE__ */ t(Je, { size: 16 }),
+    link: /* @__PURE__ */ t(U, { size: 16 }),
+    alignLeft: /* @__PURE__ */ t(P, { size: 16 }),
+    alignCenter: /* @__PURE__ */ t(j, { size: 16 }),
+    alignRight: /* @__PURE__ */ t(J, { size: 16 }),
+    alignJustify: /* @__PURE__ */ t($, { size: 16 }),
+    image: /* @__PURE__ */ t(V, { size: 16 }),
+    indent: /* @__PURE__ */ t(q, { size: 16 }),
+    outdent: /* @__PURE__ */ t(G, { size: 16 }),
+    clearFormat: /* @__PURE__ */ t(K, { size: 16 }),
+    table: /* @__PURE__ */ t(je, { size: 16 })
+  }, A = (e, n) => {
     if (e === "divider")
-      return /* @__PURE__ */ t("div", { className: R("Bear-RichEditor__divider", Ae) }, `divider-${n}`);
+      return /* @__PURE__ */ t("div", { className: p("Bear-RichEditor__divider", De) }, `divider-${n}`);
     if (e === "headingDropdown")
       return /* @__PURE__ */ t(
-        Ne,
+        Ue,
         {
-          options: Se,
-          value: ee,
-          onChange: de,
+          options: Ne,
+          value: oe,
+          onChange: Ce,
           title: "Text Style",
-          disabled: i || o,
-          icon: /* @__PURE__ */ t(Me, { size: 16 })
+          disabled: r || o,
+          icon: /* @__PURE__ */ t(Pe, { size: 16 })
         },
         "heading-dropdown"
       );
     if (e === "textColor")
       return /* @__PURE__ */ t(
-        D,
+        w,
         {
-          value: te,
-          onChange: fe,
+          value: ae,
+          onChange: me,
           title: "Text Color",
-          disabled: i || o,
+          disabled: r || o,
           type: "text",
-          recentColors: re,
-          onApplyLast: he
+          recentColors: de,
+          onApplyLast: be
         },
         "text-color"
       );
     if (e === "highlightColor")
       return /* @__PURE__ */ t(
-        D,
+        w,
         {
-          value: ie,
-          onChange: ge,
+          value: se,
+          onChange: pe,
           title: "Highlight Color",
-          disabled: i || o,
+          disabled: r || o,
           type: "highlight",
-          recentColors: ae,
-          onApplyLast: Ie
+          recentColors: fe,
+          onApplyLast: Re
         },
         "highlight-color"
       );
@@ -175,10 +178,10 @@ const We = 6, ct = ($) => {
       return /* @__PURE__ */ t(
         f,
         {
-          icon: /* @__PURE__ */ t(N, { size: 16 }),
+          icon: /* @__PURE__ */ t(U, { size: 16 }),
           title: "Insert Link",
-          onClick: ue,
-          disabled: i || o
+          onClick: Ie,
+          disabled: r || o
         },
         "link"
       );
@@ -186,10 +189,10 @@ const We = 6, ct = ($) => {
       return /* @__PURE__ */ t(
         f,
         {
-          icon: /* @__PURE__ */ t(F, { size: 16 }),
+          icon: /* @__PURE__ */ t(V, { size: 16 }),
           title: "Insert Image",
-          onClick: me,
-          disabled: i || o
+          onClick: _e,
+          disabled: r || o
         },
         "image"
       );
@@ -197,13 +200,13 @@ const We = 6, ct = ($) => {
       return /* @__PURE__ */ t(
         f,
         {
-          icon: /* @__PURE__ */ t(M, { size: 16 }),
+          icon: /* @__PURE__ */ t(P, { size: 16 }),
           title: "Align Left",
           onClick: () => {
-            var r;
-            (r = a.current) == null || r.focus(), u("justifyLeft"), l();
+            var i;
+            (i = l.current) == null || i.focus(), u("justifyLeft"), a();
           },
-          disabled: i || o
+          disabled: r || o
         },
         "alignLeft"
       );
@@ -211,13 +214,13 @@ const We = 6, ct = ($) => {
       return /* @__PURE__ */ t(
         f,
         {
-          icon: /* @__PURE__ */ t(w, { size: 16 }),
+          icon: /* @__PURE__ */ t(j, { size: 16 }),
           title: "Align Center",
           onClick: () => {
-            var r;
-            (r = a.current) == null || r.focus(), u("justifyCenter"), l();
+            var i;
+            (i = l.current) == null || i.focus(), u("justifyCenter"), a();
           },
-          disabled: i || o
+          disabled: r || o
         },
         "alignCenter"
       );
@@ -225,13 +228,13 @@ const We = 6, ct = ($) => {
       return /* @__PURE__ */ t(
         f,
         {
-          icon: /* @__PURE__ */ t(U, { size: 16 }),
+          icon: /* @__PURE__ */ t(J, { size: 16 }),
           title: "Align Right",
           onClick: () => {
-            var r;
-            (r = a.current) == null || r.focus(), u("justifyRight"), l();
+            var i;
+            (i = l.current) == null || i.focus(), u("justifyRight"), a();
           },
-          disabled: i || o
+          disabled: r || o
         },
         "alignRight"
       );
@@ -239,13 +242,13 @@ const We = 6, ct = ($) => {
       return /* @__PURE__ */ t(
         f,
         {
-          icon: /* @__PURE__ */ t(V, { size: 16 }),
+          icon: /* @__PURE__ */ t($, { size: 16 }),
           title: "Justify",
           onClick: () => {
-            var r;
-            (r = a.current) == null || r.focus(), u("justifyFull"), l();
+            var i;
+            (i = l.current) == null || i.focus(), u("justifyFull"), a();
           },
-          disabled: i || o
+          disabled: r || o
         },
         "alignJustify"
       );
@@ -253,13 +256,13 @@ const We = 6, ct = ($) => {
       return /* @__PURE__ */ t(
         f,
         {
-          icon: /* @__PURE__ */ t(P, { size: 16 }),
+          icon: /* @__PURE__ */ t(q, { size: 16 }),
           title: "Increase Indent",
           onClick: () => {
-            var r;
-            (r = a.current) == null || r.focus(), u("indent"), l();
+            var i;
+            (i = l.current) == null || i.focus(), u("indent"), a();
           },
-          disabled: i || o
+          disabled: r || o
         },
         "indent"
       );
@@ -267,13 +270,13 @@ const We = 6, ct = ($) => {
       return /* @__PURE__ */ t(
         f,
         {
-          icon: /* @__PURE__ */ t(j, { size: 16 }),
+          icon: /* @__PURE__ */ t(G, { size: 16 }),
           title: "Decrease Indent",
           onClick: () => {
-            var r;
-            (r = a.current) == null || r.focus(), u("outdent"), l();
+            var i;
+            (i = l.current) == null || i.focus(), u("outdent"), a();
           },
-          disabled: i || o
+          disabled: r || o
         },
         "outdent"
       );
@@ -281,18 +284,18 @@ const We = 6, ct = ($) => {
       return /* @__PURE__ */ t(
         f,
         {
-          icon: /* @__PURE__ */ t(J, { size: 16 }),
+          icon: /* @__PURE__ */ t(K, { size: 16 }),
           title: "Clear Formatting",
           onClick: () => {
-            var r;
-            (r = a.current) == null || r.focus(), u("removeFormat"), l();
+            var i;
+            (i = l.current) == null || i.focus(), u("removeFormat"), a();
           },
-          disabled: i || o
+          disabled: r || o
         },
         "clearFormat"
       );
     if (e === "more")
-      return /* @__PURE__ */ t(Fe, { disabled: i || o, isMobile: _, children: (_ ? ve : [
+      return /* @__PURE__ */ t(Ve, { disabled: r || o, isMobile: y, children: (y ? Fe : [
         "alignLeft",
         "alignCenter",
         "alignRight",
@@ -302,63 +305,77 @@ const We = 6, ct = ($) => {
         "blockquote",
         "code",
         "clearFormat"
-      ]).map((g, E) => k(g, E + 1e3)) }, "more");
-    const c = B[e], s = pe[e];
+      ]).map((g, L) => A(g, L + 1e3)) }, "more");
+    const c = M[e], s = Ee[e];
     return !c || !s ? null : /* @__PURE__ */ t(
       f,
       {
         icon: s,
         title: c.title,
-        active: X.has(e),
-        onClick: () => ce(e),
-        disabled: i || o
+        active: ne.has(e),
+        onClick: () => he(e),
+        disabled: r || o
       },
       e
     );
   };
-  return /* @__PURE__ */ Re(
+  return /* @__PURE__ */ S(
     "div",
     {
-      id: Y,
-      "data-testid": Q,
-      className: R(
+      id: ee,
+      "data-testid": Z,
+      className: p(
         "Bear-RichEditor",
-        xe,
-        i && "Bear-RichEditor--disabled",
+        Be,
+        r && "Bear-RichEditor--disabled",
         o && "Bear-RichEditor--readonly",
-        K
+        X
       ),
-      ...W,
+      ...te,
       children: [
-        O.length > 0 && /* @__PURE__ */ t("div", { className: R("Bear-RichEditor__toolbar", ze), children: O.map((e, n) => k(e, n)) }),
+        k.length > 0 && /* @__PURE__ */ t("div", { className: p("Bear-RichEditor__toolbar", Ae), children: k.map((e, n) => A(e, n)) }),
         /* @__PURE__ */ t(
           "div",
           {
-            ref: a,
-            contentEditable: !i && !o,
-            onInput: l,
+            ref: l,
+            contentEditable: !r && !o,
+            onInput: a,
             onSelect: h,
             onKeyUp: h,
             onMouseUp: h,
-            onPaste: Ce,
-            "data-placeholder": q,
-            className: R(
+            onPaste: Te,
+            "data-placeholder": Y,
+            className: p(
               "Bear-RichEditor__content",
-              ke,
+              Se,
               "[&: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"
+              r && "Bear-RichEditor__content--disabled bear-opacity-50 bear-cursor-not-allowed"
             ),
             style: {
-              minHeight: typeof b == "number" ? `${b}px` : b,
+              minHeight: typeof T == "number" ? `${T}px` : T,
               maxHeight: m ? typeof m == "number" ? `${m}px` : m : void 0,
               overflowY: m ? "auto" : void 0
             }
           }
+        ),
+        _ && E != null && /* @__PURE__ */ S(
+          "div",
+          {
+            className: p(
+              "Bear-RichEditor__char-count bear-text-xs bear-tabular-nums bear-px-3 bear-py-1.5 bear-text-right bear-border-t bear-border-gray-200 dark:bear-border-gray-700",
+              v > E ? "bear-text-red-500" : "bear-text-gray-400 dark:bear-text-gray-500"
+            ),
+            children: [
+              v,
+              "/",
+              E
+            ]
+          }
         )
       ]
     }
   );
 };
 export {
-  ct as RichEditor
+  gt as RichEditor
 };

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

@@ -24,6 +24,10 @@ export interface RichEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'o
     id?: string;
     /** Enable image paste support */
     allowImagePaste?: boolean;
+    /** Show live character count (plain-text length, HTML tags excluded) */
+    showCharCount?: boolean;
+    /** Max chars for counter display */
+    charCountMax?: number;
 }
 export type ToolbarOption = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'paragraph' | 'headingDropdown' | 'bulletList' | 'orderedList' | 'blockquote' | 'code' | 'link' | 'image' | 'textColor' | 'highlightColor' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'indent' | 'outdent' | 'clearFormat' | 'table' | 'divider' | 'more';
 export interface ToolbarButtonProps {

package/dist/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("./Container/Container.cjs"),g=require("./Flex/Flex.cjs"),c=require("./Grid/Grid.cjs"),h=require("./Button/Button.cjs"),b=require("./ButtonGroup/ButtonGroup.cjs"),t=require("./Card/Card.cjs"),B=require("./Badge/Badge.cjs"),P=require("./Paper/Paper.cjs"),k=require("./Divider/Divider.cjs"),v=require("./Typography/Typography.cjs"),L=require("./Link/Link.cjs"),M=require("./Spinner/Spinner.cjs"),A=require("./Alert/Alert.cjs"),w=require("./Rating/Rating.cjs"),D=require("./Icon/index.cjs"),e=require("./Icon/icons/navigation.cjs"),o=require("./Icon/icons/action.cjs"),R=require("./Icon/icons/status.cjs"),E=require("./Icon/icons/misc.cjs"),x=require("./BearLogo/BearLogo.cjs"),y=require("./BearLogo/EmberLogo.cjs"),F=require("./Modal/Modal.cjs"),f=require("./Drawer/Drawer.cjs"),G=require("./Tooltip/Tooltip.cjs"),u=require("./Menu/Menu.cjs"),N=require("./Dropdown/Dropdown.cjs"),V=require("./SpeedDial/SpeedDial.cjs"),H=require("./Input/Input.cjs"),z=require("./Select/Select.cjs"),K=require("./Switch/Switch.cjs"),O=require("./Checkbox/Checkbox.cjs"),l=require("./Radio/Radio.cjs"),j=require("./MultiSelect/MultiSelect.cjs"),J=require("./NavigableSelect/NavigableSelect.cjs"),U=require("./Autocomplete/Autocomplete.cjs"),_=require("./TransferList/TransferList.cjs"),q=require("./DataTable/DataTable.cjs"),Q=require("./Carousel/Carousel.cjs"),d=require("./Accordion/Accordion.cjs"),i=require("./Tabs/Tabs.cjs"),C=require("./Avatar/Avatar.cjs"),W=require("./Progress/Progress.cjs"),r=require("./List/List.cjs"),X=require("./Fab/Fab.cjs"),s=require("./Toast/Toast.cjs"),n=require("./Skeleton/Skeleton.cjs"),Y=require("./Pagination/Pagination.cjs"),Z=require("./Slider/Slider.cjs"),$=require("./BearLoader/BearLoader.cjs"),ee=require("./Calendar/Calendar.cjs"),re=require("./DatePicker/DatePicker.cjs"),te=require("./TimePicker/TimePicker.cjs"),oe=require("./Breadcrumbs/Breadcrumbs.cjs"),p=require("./Stepper/Stepper.cjs"),ie=require("./BottomNavigation/BottomNavigation.cjs"),ne=require("./AppBar/AppBar.cjs"),ae=require("./Popover/Popover.cjs"),ce=require("./Chip/Chip.cjs"),ue=require("./TreeView/TreeView.cjs"),se=require("./FileTree/FileTree.cjs"),le=require("./Timeline/Timeline.cjs"),qe=require("./Statistic/Statistic.cjs"),de=require("./EmptyState/EmptyState.cjs"),Ce=require("./Image/Image.cjs"),pe=require("./FileUpload/FileUpload.cjs"),me=require("./NumberInput/NumberInput.cjs"),Se=require("./OTPInput/OTPInput.cjs"),Te=require("./ColorPicker/ColorPicker.cjs"),Ie=require("./ScrollArea/ScrollArea.cjs"),ge=require("./ResizablePanel/ResizablePanel.cjs"),he=require("./ResizableTextarea/ResizableTextarea.cjs"),be=require("./Collapsible/Collapsible.cjs"),Be=require("./Kbd/Kbd.cjs"),Pe=require("./CopyButton/CopyButton.cjs"),ke=require("./Sidebar/Sidebar.cjs"),ve=require("./Sidebar/components/SidebarGroup/SidebarGroup.cjs");require("react/jsx-runtime");require("react");const m=require("./Columns/Columns.cjs"),Le=require("./Box/Box.cjs"),Me=require("./Em/Em.cjs"),Ae=require("./Highlight/Highlight.cjs"),we=require("./Mark/Mark.cjs"),De=require("./Editable/Editable.cjs"),Re=require("./HoverCard/HoverCard.cjs"),Ee=require("./CodeBlock/CodeBlock.cjs"),xe=require("./ActiveBar/ActiveBar.cjs"),ye=require("./RichEditor/RichEditor.cjs"),Fe=require("./StatCard/StatCard.cjs"),fe=require("./ActivityItem/ActivityItem.cjs"),a=require("./Chart/Chart.cjs"),Ge=require("./Sparkline/Sparkline.cjs"),Ne=require("./Gauge/Gauge.cjs"),Ve=require("./SignPad/SignPad.cjs"),He=require("./Cascader/Cascader.cjs"),ze=require("./Form/Form.cjs"),S=require("./Form/Form.context.cjs"),Ke=require("./NotificationCenter/NotificationCenter.cjs"),Oe=require("./PhoneInput/PhoneInput.cjs"),je=require("./CreditInput/CreditInput.cjs"),Je=require("./CommandPalette/CommandPalette.cjs"),Ue=require("./SegmentedControl/SegmentedControl.cjs"),_e=require("./TagsInput/TagsInput.cjs"),Qe=require("./BottomSheet/BottomSheet.cjs"),We=require("./SliderRange/SliderRange.cjs"),Xe=require("./MentionsInput/MentionsInput.cjs"),Ye=require("./Kanban/Kanban.cjs"),Ze=require("./EmojiPicker/EmojiPicker.cjs"),$e=require("./EmojiPicker/EmojiPicker.const.cjs"),er=require("./VirtualList/VirtualList.cjs"),rr=require("./BackTop/BackTop.cjs"),tr=require("./Confetti/Confetti.cjs"),or=require("./Confetti/useConfetti.cjs"),ir=require("./Tour/Tour.cjs"),nr=require("./Tour/useTour.cjs"),ar=require("./QRCode/QRCode.cjs"),cr=require("./JsonViewer/JsonViewer.cjs"),ur=require("./DiffViewer/DiffViewer.cjs"),sr=require("./Chat/Chat.cjs"),lr=require("./FloatingChat/FloatingChat.cjs"),qr=require("./Terminal/Terminal.cjs"),dr=require("./Map/Map.cjs"),Cr=require("./CodeEditor/CodeEditor.cjs"),pr=require("./Cropper/Cropper.cjs"),T=require("./Transition/Transition.cjs"),mr=require("./Masonry/Masonry.cjs"),Sr=require("./Watermark/Watermark.cjs"),Tr=require("./Marquee/Marquee.cjs"),Ir=require("./CountdownTimer/CountdownTimer.cjs"),gr=require("./Spotlight/Spotlight.cjs"),hr=require("./Typewriter/Typewriter.cjs"),br=require("./Dock/Dock.cjs"),Br=require("./GradientText/GradientText.cjs"),Pr=require("./Icon/Icon.cjs");exports.Container=I.Container;exports.Flex=g.Flex;exports.Grid=c.Grid;exports.GridCompound=c.GridCompound;exports.GridItem=c.GridItem;exports.Button=h.Button;exports.ButtonGroup=b.ButtonGroup;exports.Card=t.Card;exports.CardBody=t.CardBody;exports.CardCompound=t.CardCompound;exports.CardFooter=t.CardFooter;exports.CardHeader=t.CardHeader;exports.Badge=B.Badge;exports.Paper=P.Paper;exports.Divider=k.Divider;exports.Typography=v.Typography;exports.Link=L.Link;exports.Spinner=M.Spinner;exports.Alert=A.Alert;exports.Rating=w.Rating;exports.BearIcons=D.BearIcons;exports.ChevronDownIcon=e.ChevronDownIcon;exports.ChevronLeftIcon=e.ChevronLeftIcon;exports.ChevronRightIcon=e.ChevronRightIcon;exports.ChevronUpIcon=e.ChevronUpIcon;exports.MenuIcon=e.MenuIcon;exports.XIcon=e.CloseIcon;exports.MinusIcon=o.RemoveIcon;exports.PlusIcon=o.AddIcon;exports.SearchIcon=o.SearchIcon;exports.SettingsIcon=o.SettingsIcon;exports.CheckIcon=R.CheckIcon;exports.BearPawIcon=E.BearPawIcon;exports.BearLogo=x.BearLogo;exports.EmberLogo=y.EmberLogo;exports.Modal=F.Modal;exports.Drawer=f.Drawer;exports.Tooltip=G.Tooltip;exports.Menu=u.Menu;exports.MenuDivider=u.MenuDivider;exports.MenuItem=u.MenuItem;exports.Dropdown=N.Dropdown;exports.SpeedDial=V.SpeedDial;exports.Input=H.Input;exports.Select=z.Select;exports.Switch=K.Switch;exports.Checkbox=O.Checkbox;exports.Radio=l.Radio;exports.RadioGroup=l.RadioGroup;exports.MultiSelect=j.MultiSelect;exports.NavigableSelect=J.NavigableSelect;exports.Autocomplete=U.Autocomplete;exports.TransferList=_.TransferList;exports.DataTable=q.DataTable;exports.createColumns=q.createColumns;exports.Carousel=Q.Carousel;exports.Accordion=d.Accordion;exports.AccordionItem=d.AccordionItem;exports.Tab=i.Tab;exports.TabList=i.TabList;exports.TabPanel=i.TabPanel;exports.Tabs=i.Tabs;exports.Avatar=C.Avatar;exports.AvatarGroup=C.AvatarGroup;exports.Progress=W.Progress;exports.List=r.List;exports.ListItem=r.ListItem;exports.ListItemButton=r.ListItemButton;exports.ListItemIcon=r.ListItemIcon;exports.ListItemText=r.ListItemText;exports.ListSubheader=r.ListSubheader;exports.Fab=X.Fab;exports.ToastContainer=s.ToastContainer;exports.ToastProvider=s.ToastProvider;exports.useToast=s.useToast;exports.Skeleton=n.Skeleton;exports.SkeletonAvatar=n.SkeletonAvatar;exports.SkeletonCard=n.SkeletonCard;exports.SkeletonText=n.SkeletonText;exports.Pagination=Y.Pagination;exports.Slider=Z.Slider;exports.BearLoader=$.BearLoader;exports.Calendar=ee.Calendar;exports.DatePicker=re.DatePicker;exports.TimePicker=te.TimePicker;exports.Breadcrumbs=oe.Breadcrumbs;exports.Stepper=p.Stepper;exports.StepperControls=p.StepperControls;exports.BottomNavigation=ie.BottomNavigation;exports.AppBar=ne.AppBar;exports.Popover=ae.Popover;exports.Chip=ce.Chip;exports.TreeView=ue.TreeView;exports.FileTree=se.FileTree;exports.Timeline=le.Timeline;exports.Statistic=qe.Statistic;exports.EmptyState=de.EmptyState;exports.Image=Ce.Image;exports.FileUpload=pe.FileUpload;exports.NumberInput=me.NumberInput;exports.OTPInput=Se.OTPInput;exports.ColorPicker=Te.ColorPicker;exports.ScrollArea=Ie.ScrollArea;exports.ResizablePanel=ge.ResizablePanel;exports.ResizableTextarea=he.ResizableTextarea;exports.Collapsible=be.Collapsible;exports.Kbd=Be.Kbd;exports.CopyButton=Pe.CopyButton;exports.Sidebar=ke.Sidebar;exports.SidebarGroup=ve.SidebarGroup;exports.Column=m.Column;exports.Columns=m.Columns;exports.Box=Le.Box;exports.Em=Me.Em;exports.Highlight=Ae.Highlight;exports.Mark=we.Mark;exports.Editable=De.Editable;exports.HoverCard=Re.HoverCard;exports.CodeBlock=Ee.CodeBlock;exports.ActiveBar=xe.ActiveBar;exports.RichEditor=ye.RichEditor;exports.StatCard=Fe.StatCard;exports.ActivityItem=fe.ActivityItem;exports.BarChart=a.BarChart;exports.Chart=a.Chart;exports.LineChart=a.LineChart;exports.PieChart=a.PieChart;exports.Sparkline=Ge.Sparkline;exports.Gauge=Ne.Gauge;exports.SignPad=Ve.SignPad;exports.Cascader=He.Cascader;exports.Form=ze.Form;exports.useFormContext=S.useFormContext;exports.useFormContextSafe=S.useFormContextSafe;exports.NotificationCenter=Ke.NotificationCenter;exports.PhoneInput=Oe.PhoneInput;exports.CreditInput=je.CreditInput;exports.CommandPalette=Je.CommandPalette;exports.SegmentedControl=Ue.SegmentedControl;exports.TagsInput=_e.TagsInput;exports.BottomSheet=Qe.BottomSheet;exports.SliderRange=We.SliderRange;exports.MentionsInput=Xe.MentionsInput;exports.Kanban=Ye.Kanban;exports.EmojiPicker=Ze.EmojiPicker;exports.BEAR_EMOJIS=$e.BEAR_EMOJIS;exports.VirtualList=er.VirtualList;exports.BackTop=rr.BackTop;exports.Confetti=tr.Confetti;exports.useConfetti=or.useConfetti;exports.Tour=ir.Tour;exports.useTour=nr.useTour;exports.QRCode=ar.QRCode;exports.JsonViewer=cr.JsonViewer;exports.DiffViewer=ur.DiffViewer;exports.Chat=sr.Chat;exports.FloatingChat=lr.FloatingChat;exports.Terminal=qr.Terminal;exports.Map=dr.Map;exports.CodeEditor=Cr.CodeEditor;exports.Cropper=pr.Cropper;exports.Motion=T.Motion;exports.Transition=T.Transition;exports.Masonry=mr.Masonry;exports.Watermark=Sr.Watermark;exports.Marquee=Tr.Marquee;exports.CountdownTimer=Ir.CountdownTimer;exports.Spotlight=gr.Spotlight;exports.Typewriter=hr.Typewriter;exports.Dock=br.Dock;exports.GradientText=Br.GradientText;exports.Icon=Pr.Icon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./Container/Container.cjs"),g=require("./Flex/Flex.cjs"),u=require("./Grid/Grid.cjs"),h=require("./Button/Button.cjs"),b=require("./ButtonGroup/ButtonGroup.cjs"),t=require("./Card/Card.cjs"),B=require("./Badge/Badge.cjs"),P=require("./Paper/Paper.cjs"),k=require("./Divider/Divider.cjs"),v=require("./Typography/Typography.cjs"),A=require("./Link/Link.cjs"),L=require("./Spinner/Spinner.cjs"),M=require("./Alert/Alert.cjs"),w=require("./Rating/Rating.cjs"),D=require("./Icon/index.cjs"),e=require("./Icon/icons/navigation.cjs"),o=require("./Icon/icons/action.cjs"),F=require("./Icon/icons/status.cjs"),R=require("./Icon/icons/misc.cjs"),E=require("./BearLogo/BearLogo.cjs"),G=require("./BearLogo/EmberLogo.cjs"),x=require("./Modal/Modal.cjs"),y=require("./Drawer/Drawer.cjs"),f=require("./Tooltip/Tooltip.cjs"),c=require("./Menu/Menu.cjs"),N=require("./Dropdown/Dropdown.cjs"),V=require("./SpeedDial/SpeedDial.cjs"),H=require("./Input/Input.cjs"),z=require("./Select/Select.cjs"),K=require("./Switch/Switch.cjs"),O=require("./Checkbox/Checkbox.cjs"),l=require("./Radio/Radio.cjs"),j=require("./MultiSelect/MultiSelect.cjs"),J=require("./NavigableSelect/NavigableSelect.cjs"),U=require("./Autocomplete/Autocomplete.cjs"),_=require("./TransferList/TransferList.cjs"),d=require("./DataTable/DataTable.cjs"),Q=require("./Carousel/Carousel.cjs"),q=require("./Accordion/Accordion.cjs"),i=require("./Tabs/Tabs.cjs"),p=require("./Avatar/Avatar.cjs"),W=require("./Progress/Progress.cjs"),r=require("./List/List.cjs"),X=require("./Fab/Fab.cjs"),s=require("./Toast/Toast.cjs"),n=require("./Skeleton/Skeleton.cjs"),Y=require("./Pagination/Pagination.cjs"),Z=require("./Slider/Slider.cjs"),$=require("./BearLoader/BearLoader.cjs"),ee=require("./Calendar/Calendar.cjs"),re=require("./DatePicker/DatePicker.cjs"),te=require("./TimePicker/TimePicker.cjs"),oe=require("./Breadcrumbs/Breadcrumbs.cjs"),C=require("./Stepper/Stepper.cjs"),ie=require("./BottomNavigation/BottomNavigation.cjs"),ne=require("./AppBar/AppBar.cjs"),ae=require("./Popover/Popover.cjs"),ue=require("./Chip/Chip.cjs"),ce=require("./TreeView/TreeView.cjs"),se=require("./FileTree/FileTree.cjs"),le=require("./Timeline/Timeline.cjs"),de=require("./Statistic/Statistic.cjs"),qe=require("./EmptyState/EmptyState.cjs"),pe=require("./Image/Image.cjs"),Ce=require("./FileUpload/FileUpload.cjs"),me=require("./NumberInput/NumberInput.cjs"),Se=require("./OTPInput/OTPInput.cjs"),Ie=require("./ColorPicker/ColorPicker.cjs"),Te=require("./ScrollArea/ScrollArea.cjs"),ge=require("./ResizablePanel/ResizablePanel.cjs"),he=require("./ResizableTextarea/ResizableTextarea.cjs"),be=require("./Collapsible/Collapsible.cjs"),Be=require("./Kbd/Kbd.cjs"),Pe=require("./CopyButton/CopyButton.cjs"),ke=require("./Sidebar/Sidebar.cjs"),ve=require("./Sidebar/components/SidebarGroup/SidebarGroup.cjs");require("react/jsx-runtime");require("react");const m=require("./Columns/Columns.cjs"),Ae=require("./Box/Box.cjs"),Le=require("./Em/Em.cjs"),Me=require("./Highlight/Highlight.cjs"),we=require("./Mark/Mark.cjs"),De=require("./Editable/Editable.cjs"),Fe=require("./HoverCard/HoverCard.cjs"),Re=require("./CodeBlock/CodeBlock.cjs"),Ee=require("./ActiveBar/ActiveBar.cjs"),Ge=require("./RichEditor/RichEditor.cjs"),xe=require("./StatCard/StatCard.cjs"),ye=require("./ActivityItem/ActivityItem.cjs"),a=require("./Chart/Chart.cjs"),fe=require("./Sparkline/Sparkline.cjs"),Ne=require("./Gauge/Gauge.cjs"),Ve=require("./SignPad/SignPad.cjs"),He=require("./Cascader/Cascader.cjs"),ze=require("./Form/Form.cjs"),S=require("./Form/Form.context.cjs"),Ke=require("./NotificationCenter/NotificationCenter.cjs"),Oe=require("./PhoneInput/PhoneInput.cjs"),je=require("./CreditInput/CreditInput.cjs"),Je=require("./CommandPalette/CommandPalette.cjs"),Ue=require("./SegmentedControl/SegmentedControl.cjs"),_e=require("./TagsInput/TagsInput.cjs"),Qe=require("./BottomSheet/BottomSheet.cjs"),We=require("./SliderRange/SliderRange.cjs"),Xe=require("./MentionsInput/MentionsInput.cjs"),Ye=require("./Kanban/Kanban.cjs"),Ze=require("./EmojiPicker/EmojiPicker.cjs"),$e=require("./EmojiPicker/EmojiPicker.const.cjs"),er=require("./VirtualList/VirtualList.cjs"),rr=require("./BackTop/BackTop.cjs"),tr=require("./Confetti/Confetti.cjs"),or=require("./Confetti/useConfetti.cjs"),ir=require("./Tour/Tour.cjs"),nr=require("./Tour/useTour.cjs"),ar=require("./QRCode/QRCode.cjs"),ur=require("./JsonViewer/JsonViewer.cjs"),cr=require("./DiffViewer/DiffViewer.cjs"),sr=require("./Chat/Chat.cjs"),lr=require("./FloatingChat/FloatingChat.cjs"),dr=require("./Terminal/Terminal.cjs"),qr=require("./Map/Map.cjs"),pr=require("./CodeEditor/CodeEditor.cjs"),Cr=require("./Cropper/Cropper.cjs"),I=require("./Transition/Transition.cjs"),mr=require("./Masonry/Masonry.cjs"),Sr=require("./Watermark/Watermark.cjs"),Ir=require("./Marquee/Marquee.cjs"),Tr=require("./CountdownTimer/CountdownTimer.cjs"),gr=require("./Spotlight/Spotlight.cjs"),hr=require("./Typewriter/Typewriter.cjs"),br=require("./Dock/Dock.cjs"),Br=require("./GradientText/GradientText.cjs"),Pr=require("./PasswordInput/PasswordInput.cjs"),kr=require("./AlertDialog/AlertDialog.cjs"),vr=require("./InputGroup/InputGroup.cjs"),Ar=require("./FormField/FormField.cjs"),Lr=require("./AspectRatio/AspectRatio.cjs"),Mr=require("./Icon/Icon.cjs");exports.Container=T.Container;exports.Flex=g.Flex;exports.Grid=u.Grid;exports.GridCompound=u.GridCompound;exports.GridItem=u.GridItem;exports.Button=h.Button;exports.ButtonGroup=b.ButtonGroup;exports.Card=t.Card;exports.CardBody=t.CardBody;exports.CardCompound=t.CardCompound;exports.CardFooter=t.CardFooter;exports.CardHeader=t.CardHeader;exports.Badge=B.Badge;exports.Paper=P.Paper;exports.Divider=k.Divider;exports.Typography=v.Typography;exports.Link=A.Link;exports.Spinner=L.Spinner;exports.Alert=M.Alert;exports.Rating=w.Rating;exports.BearIcons=D.BearIcons;exports.ChevronDownIcon=e.ChevronDownIcon;exports.ChevronLeftIcon=e.ChevronLeftIcon;exports.ChevronRightIcon=e.ChevronRightIcon;exports.ChevronUpIcon=e.ChevronUpIcon;exports.MenuIcon=e.MenuIcon;exports.XIcon=e.CloseIcon;exports.MinusIcon=o.RemoveIcon;exports.PlusIcon=o.AddIcon;exports.SearchIcon=o.SearchIcon;exports.SettingsIcon=o.SettingsIcon;exports.CheckIcon=F.CheckIcon;exports.BearPawIcon=R.BearPawIcon;exports.BearLogo=E.BearLogo;exports.EmberLogo=G.EmberLogo;exports.Modal=x.Modal;exports.Drawer=y.Drawer;exports.Tooltip=f.Tooltip;exports.Menu=c.Menu;exports.MenuDivider=c.MenuDivider;exports.MenuItem=c.MenuItem;exports.Dropdown=N.Dropdown;exports.SpeedDial=V.SpeedDial;exports.Input=H.Input;exports.Select=z.Select;exports.Switch=K.Switch;exports.Checkbox=O.Checkbox;exports.Radio=l.Radio;exports.RadioGroup=l.RadioGroup;exports.MultiSelect=j.MultiSelect;exports.NavigableSelect=J.NavigableSelect;exports.Autocomplete=U.Autocomplete;exports.TransferList=_.TransferList;exports.DataTable=d.DataTable;exports.createColumns=d.createColumns;exports.Carousel=Q.Carousel;exports.Accordion=q.Accordion;exports.AccordionItem=q.AccordionItem;exports.Tab=i.Tab;exports.TabList=i.TabList;exports.TabPanel=i.TabPanel;exports.Tabs=i.Tabs;exports.Avatar=p.Avatar;exports.AvatarGroup=p.AvatarGroup;exports.Progress=W.Progress;exports.List=r.List;exports.ListItem=r.ListItem;exports.ListItemButton=r.ListItemButton;exports.ListItemIcon=r.ListItemIcon;exports.ListItemText=r.ListItemText;exports.ListSubheader=r.ListSubheader;exports.Fab=X.Fab;exports.ToastContainer=s.ToastContainer;exports.ToastProvider=s.ToastProvider;exports.useToast=s.useToast;exports.Skeleton=n.Skeleton;exports.SkeletonAvatar=n.SkeletonAvatar;exports.SkeletonCard=n.SkeletonCard;exports.SkeletonText=n.SkeletonText;exports.Pagination=Y.Pagination;exports.Slider=Z.Slider;exports.BearLoader=$.BearLoader;exports.Calendar=ee.Calendar;exports.DatePicker=re.DatePicker;exports.TimePicker=te.TimePicker;exports.Breadcrumbs=oe.Breadcrumbs;exports.Stepper=C.Stepper;exports.StepperControls=C.StepperControls;exports.BottomNavigation=ie.BottomNavigation;exports.AppBar=ne.AppBar;exports.Popover=ae.Popover;exports.Chip=ue.Chip;exports.TreeView=ce.TreeView;exports.FileTree=se.FileTree;exports.Timeline=le.Timeline;exports.Statistic=de.Statistic;exports.EmptyState=qe.EmptyState;exports.Image=pe.Image;exports.FileUpload=Ce.FileUpload;exports.NumberInput=me.NumberInput;exports.OTPInput=Se.OTPInput;exports.ColorPicker=Ie.ColorPicker;exports.ScrollArea=Te.ScrollArea;exports.ResizablePanel=ge.ResizablePanel;exports.ResizableTextarea=he.ResizableTextarea;exports.Collapsible=be.Collapsible;exports.Kbd=Be.Kbd;exports.CopyButton=Pe.CopyButton;exports.Sidebar=ke.Sidebar;exports.SidebarGroup=ve.SidebarGroup;exports.Column=m.Column;exports.Columns=m.Columns;exports.Box=Ae.Box;exports.Em=Le.Em;exports.Highlight=Me.Highlight;exports.Mark=we.Mark;exports.Editable=De.Editable;exports.HoverCard=Fe.HoverCard;exports.CodeBlock=Re.CodeBlock;exports.ActiveBar=Ee.ActiveBar;exports.RichEditor=Ge.RichEditor;exports.StatCard=xe.StatCard;exports.ActivityItem=ye.ActivityItem;exports.BarChart=a.BarChart;exports.Chart=a.Chart;exports.LineChart=a.LineChart;exports.PieChart=a.PieChart;exports.Sparkline=fe.Sparkline;exports.Gauge=Ne.Gauge;exports.SignPad=Ve.SignPad;exports.Cascader=He.Cascader;exports.Form=ze.Form;exports.useFormContext=S.useFormContext;exports.useFormContextSafe=S.useFormContextSafe;exports.NotificationCenter=Ke.NotificationCenter;exports.PhoneInput=Oe.PhoneInput;exports.CreditInput=je.CreditInput;exports.CommandPalette=Je.CommandPalette;exports.SegmentedControl=Ue.SegmentedControl;exports.TagsInput=_e.TagsInput;exports.BottomSheet=Qe.BottomSheet;exports.SliderRange=We.SliderRange;exports.MentionsInput=Xe.MentionsInput;exports.Kanban=Ye.Kanban;exports.EmojiPicker=Ze.EmojiPicker;exports.BEAR_EMOJIS=$e.BEAR_EMOJIS;exports.VirtualList=er.VirtualList;exports.BackTop=rr.BackTop;exports.Confetti=tr.Confetti;exports.useConfetti=or.useConfetti;exports.Tour=ir.Tour;exports.useTour=nr.useTour;exports.QRCode=ar.QRCode;exports.JsonViewer=ur.JsonViewer;exports.DiffViewer=cr.DiffViewer;exports.Chat=sr.Chat;exports.FloatingChat=lr.FloatingChat;exports.Terminal=dr.Terminal;exports.Map=qr.Map;exports.CodeEditor=pr.CodeEditor;exports.Cropper=Cr.Cropper;exports.Motion=I.Motion;exports.Transition=I.Transition;exports.Masonry=mr.Masonry;exports.Watermark=Sr.Watermark;exports.Marquee=Ir.Marquee;exports.CountdownTimer=Tr.CountdownTimer;exports.Spotlight=gr.Spotlight;exports.Typewriter=hr.Typewriter;exports.Dock=br.Dock;exports.GradientText=Br.GradientText;exports.PasswordInput=Pr.PasswordInput;exports.AlertDialog=kr.AlertDialog;exports.InputGroup=vr.InputGroup;exports.FormField=Ar.FormField;exports.AspectRatio=Lr.AspectRatio;exports.Icon=Mr.Icon;

package/dist/components/index.d.ts

@@ -244,3 +244,13 @@ export { Dock } from './Dock';
 export type { DockProps, DockItem, DockPosition } from './Dock';
 export { GradientText } from './GradientText';
 export type { GradientTextProps, GradientPreset, GradientDirection } from './GradientText';
+export { PasswordInput } from './PasswordInput';
+export type { PasswordInputProps } from './PasswordInput';
+export { AlertDialog } from './AlertDialog';
+export type { AlertDialogProps } from './AlertDialog';
+export { InputGroup } from './InputGroup';
+export type { InputGroupProps } from './InputGroup';
+export { FormField } from './FormField';
+export type { FormFieldProps } from './FormField';
+export { AspectRatio } from './AspectRatio';
+export type { AspectRatioProps } from './AspectRatio';