@forgedevstack/bear 1.3.0 → 1.3.1

package/dist/components/RichEditor/RichEditor.const.cjs

@@ -1,141 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=150,i=["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"],o=["headingDropdown","divider","bold","italic","strikethrough","divider","more"],r=["underline","textColor","highlightColor","divider","alignLeft","alignCenter","alignRight","alignJustify","divider","bulletList","orderedList","divider","indent","outdent","divider","blockquote","code","link","image","divider","clearFormat"],a=640,n="Bear-RichEditor rounded-lg border border-gray-200 dark:border-zinc-700 overflow-hidden bg-white dark:bg-zinc-900 shadow-sm",d="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 overflow-x-auto overflow-y-hidden",l="p-4 outline-none max-w-none text-gray-900 dark:text-gray-100 bg-white dark:bg-zinc-900 min-h-[100px]",c="w-px h-5 bg-gray-300 dark:bg-zinc-600 mx-1",m="p-1.5 rounded transition-colors",_="bg-primary-500 text-white",g="text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-zinc-700",s="opacity-50 cursor-not-allowed",h=[{value:"p",label:"Paragraph",preview:e.jsx("span",{className:"bear-text-sm bear-font-normal",children:"Normal text"})},{value:"h1",label:"Heading 1",preview:e.jsx("span",{className:"bear-text-2xl bear-font-bold",children:"Heading 1"})},{value:"h2",label:"Heading 2",preview:e.jsx("span",{className:"bear-text-xl bear-font-bold",children:"Heading 2"})},{value:"h3",label:"Heading 3",preview:e.jsx("span",{className:"bear-text-lg bear-font-semibold",children:"Heading 3"})},{value:"h4",label:"Heading 4",preview:e.jsx("span",{className:"bear-text-base bear-font-semibold",children:"Heading 4"})},{value:"h5",label:"Heading 5",preview:e.jsx("span",{className:"bear-text-sm bear-font-semibold",children:"Heading 5"})},{value:"h6",label:"Heading 6",preview:e.jsx("span",{className:"bear-text-xs bear-font-semibold bear-uppercase",children:"Heading 6"})}],R={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=["#000000","#374151","#6b7280","#9ca3af","#d1d5db","#ffffff","#991b1b","#dc2626","#ef4444","#f87171","#fca5a5","#fee2e2","#9a3412","#ea580c","#f97316","#fb923c","#fdba74","#fed7aa","#854d0e","#ca8a04","#eab308","#facc15","#fde047","#fef08a","#166534","#16a34a","#22c55e","#4ade80","#86efac","#bbf7d0","#1e40af","#2563eb","#3b82f6","#60a5fa","#93c5fd","#bfdbfe","#6b21a8","#9333ea","#a855f7","#c084fc","#d8b4fe","#e9d5ff","#9d174d","#db2777","#ec4899","#f472b6","#f9a8d4","#fbcfe8"],E=`
-  .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;
-  }
-`;exports.RICH_EDITOR_BUTTON_ACTIVE_CLASSES=_;exports.RICH_EDITOR_BUTTON_BASE_CLASSES=m;exports.RICH_EDITOR_BUTTON_CONFIG=R;exports.RICH_EDITOR_BUTTON_DISABLED_CLASSES=s;exports.RICH_EDITOR_BUTTON_INACTIVE_CLASSES=g;exports.RICH_EDITOR_COLORS=b;exports.RICH_EDITOR_CONTENT_CLASSES=l;exports.RICH_EDITOR_CONTENT_STYLES=E;exports.RICH_EDITOR_DEFAULT_TOOLBAR=i;exports.RICH_EDITOR_DIVIDER_CLASSES=c;exports.RICH_EDITOR_HEADING_OPTIONS=h;exports.RICH_EDITOR_MIN_HEIGHT=t;exports.RICH_EDITOR_MOBILE_BREAKPOINT=a;exports.RICH_EDITOR_MOBILE_MORE_ITEMS=r;exports.RICH_EDITOR_MOBILE_TOOLBAR=o;exports.RICH_EDITOR_ROOT_CLASSES=n;exports.RICH_EDITOR_TOOLBAR_CLASSES=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),T=require("../Typography/Typography.cjs"),i=require("../../constants/numbers.const.cjs"),e=require("../../constants/generals.const.cjs"),_=["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","signature","divider","clearFormat"],n=["headingDropdown","divider","bold","italic","strikethrough","divider","more"],a=["underline","textColor","highlightColor","divider","alignLeft","alignCenter","alignRight","alignJustify","divider","bulletList","orderedList","divider","indent","outdent","divider","blockquote","code","link","image","signature","divider","clearFormat"],I=i.SIX_HUNDRED_FORTY,E=[{value:e.BLOCK_PARAGRAPH,label:"Paragraph",preview:t.jsx(T.Typography,{variant:"body2",children:"Normal text"})},{value:e.BLOCK_H1,label:"Heading 1",preview:t.jsx(T.Typography,{variant:"h1",children:"Heading 1"})},{value:e.BLOCK_H2,label:"Heading 2",preview:t.jsx(T.Typography,{variant:"h2",children:"Heading 2"})},{value:e.BLOCK_H3,label:"Heading 3",preview:t.jsx(T.Typography,{variant:"h3",children:"Heading 3"})},{value:e.BLOCK_H4,label:"Heading 4",preview:t.jsx(T.Typography,{variant:"h4",children:"Heading 4"})},{value:e.BLOCK_H5,label:"Heading 5",preview:t.jsx(T.Typography,{variant:"h5",children:"Heading 5"})},{value:e.BLOCK_H6,label:"Heading 6",preview:t.jsx(T.Typography,{variant:"h6",children:"Heading 6"})}],l={bold:{title:"Bold (Ctrl+B)",command:e.COMMAND_BOLD},italic:{title:"Italic (Ctrl+I)",command:e.COMMAND_ITALIC},underline:{title:"Underline (Ctrl+U)",command:e.COMMAND_UNDERLINE},strikethrough:{title:"Strikethrough",command:e.COMMAND_STRIKE_THROUGH},heading1:{title:"Heading 1",command:e.COMMAND_FORMAT_BLOCK,value:e.BLOCK_H1},heading2:{title:"Heading 2",command:e.COMMAND_FORMAT_BLOCK,value:e.BLOCK_H2},heading3:{title:"Heading 3",command:e.COMMAND_FORMAT_BLOCK,value:e.BLOCK_H3},heading4:{title:"Heading 4",command:e.COMMAND_FORMAT_BLOCK,value:e.BLOCK_H4},heading5:{title:"Heading 5",command:e.COMMAND_FORMAT_BLOCK,value:e.BLOCK_H5},heading6:{title:"Heading 6",command:e.COMMAND_FORMAT_BLOCK,value:e.BLOCK_H6},paragraph:{title:"Paragraph",command:e.COMMAND_FORMAT_BLOCK,value:e.BLOCK_PARAGRAPH},bulletList:{title:"Bullet List",command:e.COMMAND_INSERT_UNORDERED_LIST},orderedList:{title:"Numbered List",command:e.COMMAND_INSERT_ORDERED_LIST},blockquote:{title:"Quote",command:e.COMMAND_FORMAT_BLOCK,value:e.BLOCK_BLOCKQUOTE},code:{title:"Code Block",command:e.COMMAND_FORMAT_BLOCK,value:e.BLOCK_PRE},link:{title:"Insert Link",command:e.COMMAND_CREATE_LINK},image:{title:"Insert Image",command:"insertImage"},textColor:{title:"Text Color",command:e.COMMAND_FORE_COLOR},highlightColor:{title:"Highlight Color",command:e.COMMAND_HILITE_COLOR},alignLeft:{title:"Align Left",command:e.COMMAND_JUSTIFY_LEFT},alignCenter:{title:"Align Center",command:e.COMMAND_JUSTIFY_CENTER},alignRight:{title:"Align Right",command:e.COMMAND_JUSTIFY_RIGHT},alignJustify:{title:"Justify",command:e.COMMAND_JUSTIFY_FULL},indent:{title:"Increase Indent",command:e.COMMAND_INDENT},outdent:{title:"Decrease Indent",command:e.COMMAND_OUTDENT},clearFormat:{title:"Clear Formatting",command:e.COMMAND_REMOVE_FORMAT},table:{title:"Insert Table",command:"insertTable"}},d=["alignLeft","alignCenter","alignRight","alignJustify","indent","outdent","blockquote","code","clearFormat"],O="Text Style",o="Text Color",r="Highlight Color",L="Insert Link",R="Insert Image",C="Insert signature",c="More options",g="Cancel",M="Insert",N="Align Left",A="Align Center",s="Align Right",m="Justify",D="Increase Indent",H="Decrease Indent",h="Clear Formatting",u="Enter URL:",f="https://",S="file",v="image/*",B="image/",b=["#000000","#374151","#6b7280","#9ca3af","#d1d5db","#ffffff","#991b1b","#dc2626","#ef4444","#f87171","#fca5a5","#fee2e2","#9a3412","#ea580c","#f97316","#fb923c","#fdba74","#fed7aa","#854d0e","#ca8a04","#eab308","#facc15","#fde047","#fef08a","#166534","#16a34a","#22c55e","#4ade80","#86efac","#bbf7d0","#1e40af","#2563eb","#3b82f6","#60a5fa","#93c5fd","#bfdbfe","#6b21a8","#9333ea","#a855f7","#c084fc","#d8b4fe","#e9d5ff","#9d174d","#db2777","#ec4899","#f472b6","#f9a8d4","#fbcfe8"];exports.IMAGE_MIME_PREFIX=B;exports.INPUT_ACCEPT_IMAGE=v;exports.INPUT_TYPE_FILE=S;exports.PROMPT_ENTER_URL=u;exports.RICH_EDITOR_BUTTON_CONFIG=l;exports.RICH_EDITOR_COLORS=b;exports.RICH_EDITOR_DEFAULT_TOOLBAR=_;exports.RICH_EDITOR_DESKTOP_MORE_ITEMS=d;exports.RICH_EDITOR_HEADING_OPTIONS=E;exports.RICH_EDITOR_MOBILE_BREAKPOINT=I;exports.RICH_EDITOR_MOBILE_MORE_ITEMS=a;exports.RICH_EDITOR_MOBILE_TOOLBAR=n;exports.TITLE_ALIGN_CENTER=A;exports.TITLE_ALIGN_LEFT=N;exports.TITLE_ALIGN_RIGHT=s;exports.TITLE_CANCEL=g;exports.TITLE_CLEAR_FORMATTING=h;exports.TITLE_DECREASE_INDENT=H;exports.TITLE_HIGHLIGHT_COLOR=r;exports.TITLE_INCREASE_INDENT=D;exports.TITLE_INSERT=M;exports.TITLE_INSERT_IMAGE=R;exports.TITLE_INSERT_LINK=L;exports.TITLE_INSERT_SIGNATURE=C;exports.TITLE_JUSTIFY=m;exports.TITLE_MORE_OPTIONS=c;exports.TITLE_TEXT_COLOR=o;exports.TITLE_TEXT_STYLE=O;exports.URL_HTTPS_PREFIX=f;

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

@@ -1,20 +1,10 @@
 import { ToolbarOption, DropdownOption } from './RichEditor.types';
-export declare const RICH_EDITOR_MIN_HEIGHT = 150;
 export declare const RICH_EDITOR_DEFAULT_TOOLBAR: ToolbarOption[];
 export declare const RICH_EDITOR_COMPACT_TOOLBAR: ToolbarOption[];
 export declare const RICH_EDITOR_MOBILE_TOOLBAR: ToolbarOption[];
 export declare const RICH_EDITOR_MOBILE_MORE_ITEMS: ToolbarOption[];
 export declare const RICH_EDITOR_MOBILE_BREAKPOINT = 640;
 export declare const RICH_EDITOR_SIMPLE_TOOLBAR: ToolbarOption[];
-export declare const RICH_EDITOR_ROOT_CLASSES = "Bear-RichEditor rounded-lg border border-gray-200 dark:border-zinc-700 overflow-hidden bg-white dark:bg-zinc-900 shadow-sm";
-export declare const RICH_EDITOR_TOOLBAR_CLASSES = "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 overflow-x-auto overflow-y-hidden";
-export declare const RICH_EDITOR_CONTENT_CLASSES = "p-4 outline-none max-w-none text-gray-900 dark:text-gray-100 bg-white dark:bg-zinc-900 min-h-[100px]";
-export declare const RICH_EDITOR_DIVIDER_CLASSES = "w-px h-5 bg-gray-300 dark:bg-zinc-600 mx-1";
-export declare const RICH_EDITOR_BUTTON_BASE_CLASSES = "p-1.5 rounded transition-colors";
-export declare const RICH_EDITOR_BUTTON_ACTIVE_CLASSES = "bg-primary-500 text-white";
-export declare const RICH_EDITOR_BUTTON_INACTIVE_CLASSES = "text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-zinc-700";
-export declare const RICH_EDITOR_BUTTON_DISABLED_CLASSES = "opacity-50 cursor-not-allowed";
-export declare const RICH_EDITOR_COLOR_PICKER_Z_INDEX = 9999;
 export declare const RICH_EDITOR_HEADING_OPTIONS: DropdownOption[];
 export declare const RICH_EDITOR_BUTTON_CONFIG: {
     readonly bold: {
@@ -136,5 +126,26 @@ export declare const RICH_EDITOR_BUTTON_CONFIG: {
     };
 };
 export declare const FORMAT_BLOCK_MAP: Record<string, string>;
+export declare const RICH_EDITOR_DESKTOP_MORE_ITEMS: ToolbarOption[];
+export declare const TITLE_TEXT_STYLE = "Text Style";
+export declare const TITLE_TEXT_COLOR = "Text Color";
+export declare const TITLE_HIGHLIGHT_COLOR = "Highlight Color";
+export declare const TITLE_INSERT_LINK = "Insert Link";
+export declare const TITLE_INSERT_IMAGE = "Insert Image";
+export declare const TITLE_INSERT_SIGNATURE = "Insert signature";
+export declare const TITLE_MORE_OPTIONS = "More options";
+export declare const TITLE_CANCEL = "Cancel";
+export declare const TITLE_INSERT = "Insert";
+export declare const TITLE_ALIGN_LEFT = "Align Left";
+export declare const TITLE_ALIGN_CENTER = "Align Center";
+export declare const TITLE_ALIGN_RIGHT = "Align Right";
+export declare const TITLE_JUSTIFY = "Justify";
+export declare const TITLE_INCREASE_INDENT = "Increase Indent";
+export declare const TITLE_DECREASE_INDENT = "Decrease Indent";
+export declare const TITLE_CLEAR_FORMATTING = "Clear Formatting";
+export declare const PROMPT_ENTER_URL = "Enter URL:";
+export declare const URL_HTTPS_PREFIX = "https://";
+export declare const INPUT_TYPE_FILE = "file";
+export declare const INPUT_ACCEPT_IMAGE = "image/*";
+export declare const IMAGE_MIME_PREFIX = "image/";
 export declare const RICH_EDITOR_COLORS: string[];
-export declare const RICH_EDITOR_CONTENT_STYLES = "\n  .Bear-RichEditor__content {\n    line-height: 1.6;\n  }\n  .Bear-RichEditor__content h1 { \n    font-size: 2rem; \n    font-weight: bold; \n    margin: 0.67em 0; \n    line-height: 1.2;\n  }\n  .Bear-RichEditor__content h2 { \n    font-size: 1.5rem; \n    font-weight: bold; \n    margin: 0.83em 0; \n    line-height: 1.3;\n  }\n  .Bear-RichEditor__content h3 { \n    font-size: 1.25rem; \n    font-weight: 600; \n    margin: 1em 0; \n    line-height: 1.4;\n  }\n  .Bear-RichEditor__content h4 { \n    font-size: 1.125rem; \n    font-weight: 600; \n    margin: 1.33em 0;\n  }\n  .Bear-RichEditor__content h5 { \n    font-size: 1rem; \n    font-weight: 600; \n    margin: 1.67em 0;\n  }\n  .Bear-RichEditor__content h6 { \n    font-size: 0.875rem; \n    font-weight: 600; \n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin: 2em 0;\n  }\n  .Bear-RichEditor__content p { \n    margin: 0.5em 0; \n  }\n  .Bear-RichEditor__content ul { \n    list-style-type: disc !important; \n    padding-left: 1.5em !important; \n    margin: 0.5em 0 !important; \n    display: block !important;\n  }\n  .Bear-RichEditor__content ol { \n    list-style-type: decimal !important; \n    padding-left: 1.5em !important; \n    margin: 0.5em 0 !important;\n    display: block !important;\n  }\n  .Bear-RichEditor__content li { \n    margin: 0.25em 0 !important;\n    display: list-item !important;\n  }\n  .Bear-RichEditor__content blockquote { \n    border-left: 4px solid #ec4899; \n    padding-left: 1em; \n    margin: 1em 0; \n    color: #6b7280; \n    font-style: italic;\n    background: rgba(236, 72, 153, 0.05);\n    padding: 0.5em 1em;\n    border-radius: 0 0.375rem 0.375rem 0;\n  }\n  .Bear-RichEditor__content pre { \n    background: #f3f4f6; \n    color: #374151;\n    padding: 1em; \n    border-radius: 0.5rem; \n    font-family: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace; \n    font-size: 0.875em;\n    overflow-x: auto; \n    margin: 1em 0;\n    white-space: pre-wrap;\n    word-break: break-word;\n    border: 1px solid #e5e7eb;\n  }\n  .Bear-RichEditor__content code {\n    background: #f3f4f6;\n    color: #374151;\n    padding: 0.125em 0.25em;\n    border-radius: 0.25rem;\n    font-family: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace;\n    font-size: 0.875em;\n  }\n  .Bear-RichEditor__content a { \n    color: #ec4899; \n    text-decoration: underline;\n    cursor: pointer;\n  }\n  .Bear-RichEditor__content a:hover {\n    color: #db2777;\n  }\n  .Bear-RichEditor__content img { \n    max-width: 100%; \n    height: auto; \n    border-radius: 0.5rem; \n    margin: 1em 0;\n    display: block;\n  }\n  .Bear-RichEditor__content table {\n    border-collapse: collapse;\n    width: 100%;\n    margin: 1em 0;\n  }\n  .Bear-RichEditor__content th,\n  .Bear-RichEditor__content td {\n    border: 1px solid #d1d5db;\n    padding: 0.5em;\n    text-align: left;\n  }\n  .Bear-RichEditor__content th {\n    background: #f3f4f6;\n    font-weight: 600;\n  }\n  /* Dark mode styles */\n  .dark .Bear-RichEditor__content pre {\n    background: #1f2937;\n    color: #e5e7eb;\n    border-color: #374151;\n  }\n  .dark .Bear-RichEditor__content code {\n    background: #374151;\n    color: #e5e7eb;\n  }\n  .dark .Bear-RichEditor__content blockquote {\n    color: #9ca3af;\n    background: rgba(236, 72, 153, 0.1);\n  }\n  .dark .Bear-RichEditor__content th {\n    background: #374151;\n  }\n  .dark .Bear-RichEditor__content th,\n  .dark .Bear-RichEditor__content td {\n    border-color: #4b5563;\n  }\n";

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

@@ -1,5 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-const i = 150, o = [
+import { jsx as t } from "react/jsx-runtime";
+import { Typography as i } from "../Typography/Typography.js";
+import { SIX_HUNDRED_FORTY as _ } from "../../constants/numbers.const.js";
+import { COMMAND_REMOVE_FORMAT as I, COMMAND_OUTDENT as c, COMMAND_INDENT as E, COMMAND_JUSTIFY_FULL as g, COMMAND_JUSTIFY_RIGHT as m, COMMAND_JUSTIFY_CENTER as L, COMMAND_JUSTIFY_LEFT as O, COMMAND_HILITE_COLOR as C, COMMAND_FORE_COLOR as R, COMMAND_CREATE_LINK as s, BLOCK_PRE as N, COMMAND_FORMAT_BLOCK as e, BLOCK_BLOCKQUOTE as f, COMMAND_INSERT_ORDERED_LIST as h, COMMAND_INSERT_UNORDERED_LIST as M, BLOCK_PARAGRAPH as n, BLOCK_H6 as a, BLOCK_H5 as l, BLOCK_H4 as d, BLOCK_H3 as o, BLOCK_H2 as r, BLOCK_H1 as T, COMMAND_STRIKE_THROUGH as A, COMMAND_UNDERLINE as u, COMMAND_ITALIC as H, COMMAND_BOLD as D } from "../../constants/generals.const.js";
+const B = [
   "headingDropdown",
   "divider",
   "bold",
@@ -25,9 +28,10 @@ const i = 150, o = [
   "code",
   "link",
   "image",
+  "signature",
   "divider",
   "clearFormat"
-], r = [
+], p = [
   "headingDropdown",
   "divider",
   "bold",
@@ -35,7 +39,7 @@ const i = 150, o = [
   "strikethrough",
   "divider",
   "more"
-], a = [
+], U = [
   "underline",
   "textColor",
   "highlightColor",
@@ -55,45 +59,56 @@ const i = 150, o = [
   "code",
   "link",
   "image",
+  "signature",
   "divider",
   "clearFormat"
-], n = 640, d = "Bear-RichEditor rounded-lg border border-gray-200 dark:border-zinc-700 overflow-hidden bg-white dark:bg-zinc-900 shadow-sm", l = "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 overflow-x-auto overflow-y-hidden", c = "p-4 outline-none max-w-none text-gray-900 dark:text-gray-100 bg-white dark:bg-zinc-900 min-h-[100px]", m = "w-px h-5 bg-gray-300 dark:bg-zinc-600 mx-1", g = "p-1.5 rounded transition-colors", s = "bg-primary-500 text-white", h = "text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-zinc-700", b = "opacity-50 cursor-not-allowed", f = [
-  { 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" }) }
-], _ = {
-  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" },
+], P = _, G = [
+  { value: n, label: "Paragraph", preview: /* @__PURE__ */ t(i, { variant: "body2", children: "Normal text" }) },
+  { value: T, label: "Heading 1", preview: /* @__PURE__ */ t(i, { variant: "h1", children: "Heading 1" }) },
+  { value: r, label: "Heading 2", preview: /* @__PURE__ */ t(i, { variant: "h2", children: "Heading 2" }) },
+  { value: o, label: "Heading 3", preview: /* @__PURE__ */ t(i, { variant: "h3", children: "Heading 3" }) },
+  { value: d, label: "Heading 4", preview: /* @__PURE__ */ t(i, { variant: "h4", children: "Heading 4" }) },
+  { value: l, label: "Heading 5", preview: /* @__PURE__ */ t(i, { variant: "h5", children: "Heading 5" }) },
+  { value: a, label: "Heading 6", preview: /* @__PURE__ */ t(i, { variant: "h6", children: "Heading 6" }) }
+], K = {
+  bold: { title: "Bold (Ctrl+B)", command: D },
+  italic: { title: "Italic (Ctrl+I)", command: H },
+  underline: { title: "Underline (Ctrl+U)", command: u },
+  strikethrough: { title: "Strikethrough", command: A },
+  heading1: { title: "Heading 1", command: e, value: T },
+  heading2: { title: "Heading 2", command: e, value: r },
+  heading3: { title: "Heading 3", command: e, value: o },
+  heading4: { title: "Heading 4", command: e, value: d },
+  heading5: { title: "Heading 5", command: e, value: l },
+  heading6: { title: "Heading 6", command: e, value: a },
+  paragraph: { title: "Paragraph", command: e, value: n },
+  bulletList: { title: "Bullet List", command: M },
+  orderedList: { title: "Numbered List", command: h },
+  blockquote: { title: "Quote", command: e, value: f },
+  code: { title: "Code Block", command: e, value: N },
+  link: { title: "Insert Link", command: s },
   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" },
+  textColor: { title: "Text Color", command: R },
+  highlightColor: { title: "Highlight Color", command: C },
+  alignLeft: { title: "Align Left", command: O },
+  alignCenter: { title: "Align Center", command: L },
+  alignRight: { title: "Align Right", command: m },
+  alignJustify: { title: "Justify", command: g },
+  indent: { title: "Increase Indent", command: E },
+  outdent: { title: "Decrease Indent", command: c },
+  clearFormat: { title: "Clear Formatting", command: I },
   table: { title: "Insert Table", command: "insertTable" }
-}, p = [
+}, k = [
+  "alignLeft",
+  "alignCenter",
+  "alignRight",
+  "alignJustify",
+  "indent",
+  "outdent",
+  "blockquote",
+  "code",
+  "clearFormat"
+], J = "Text Style", y = "Text Color", w = "Highlight Color", x = "Insert Link", Y = "Insert Image", X = "Insert signature", q = "More options", Q = "Cancel", j = "Insert", V = "Align Left", z = "Align Center", W = "Align Right", Z = "Justify", $ = "Increase Indent", ee = "Decrease Indent", te = "Clear Formatting", ie = "Enter URL:", ne = "https://", ae = "file", le = "image/*", de = "image/", oe = [
   // Row 1: Grayscale
   "#000000",
   "#374151",
@@ -150,163 +165,35 @@ const i = 150, o = [
   "#f472b6",
   "#f9a8d4",
   "#fbcfe8"
-], u = `
-  .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 {
-  s as RICH_EDITOR_BUTTON_ACTIVE_CLASSES,
-  g as RICH_EDITOR_BUTTON_BASE_CLASSES,
-  _ as RICH_EDITOR_BUTTON_CONFIG,
-  b as RICH_EDITOR_BUTTON_DISABLED_CLASSES,
-  h as RICH_EDITOR_BUTTON_INACTIVE_CLASSES,
-  p as RICH_EDITOR_COLORS,
-  c as RICH_EDITOR_CONTENT_CLASSES,
-  u as RICH_EDITOR_CONTENT_STYLES,
-  o as RICH_EDITOR_DEFAULT_TOOLBAR,
-  m as RICH_EDITOR_DIVIDER_CLASSES,
-  f as RICH_EDITOR_HEADING_OPTIONS,
-  i as RICH_EDITOR_MIN_HEIGHT,
-  n as RICH_EDITOR_MOBILE_BREAKPOINT,
-  a as RICH_EDITOR_MOBILE_MORE_ITEMS,
-  r as RICH_EDITOR_MOBILE_TOOLBAR,
-  d as RICH_EDITOR_ROOT_CLASSES,
-  l as RICH_EDITOR_TOOLBAR_CLASSES
+  de as IMAGE_MIME_PREFIX,
+  le as INPUT_ACCEPT_IMAGE,
+  ae as INPUT_TYPE_FILE,
+  ie as PROMPT_ENTER_URL,
+  K as RICH_EDITOR_BUTTON_CONFIG,
+  oe as RICH_EDITOR_COLORS,
+  B as RICH_EDITOR_DEFAULT_TOOLBAR,
+  k as RICH_EDITOR_DESKTOP_MORE_ITEMS,
+  G as RICH_EDITOR_HEADING_OPTIONS,
+  P as RICH_EDITOR_MOBILE_BREAKPOINT,
+  U as RICH_EDITOR_MOBILE_MORE_ITEMS,
+  p as RICH_EDITOR_MOBILE_TOOLBAR,
+  z as TITLE_ALIGN_CENTER,
+  V as TITLE_ALIGN_LEFT,
+  W as TITLE_ALIGN_RIGHT,
+  Q as TITLE_CANCEL,
+  te as TITLE_CLEAR_FORMATTING,
+  ee as TITLE_DECREASE_INDENT,
+  w as TITLE_HIGHLIGHT_COLOR,
+  $ as TITLE_INCREASE_INDENT,
+  j as TITLE_INSERT,
+  Y as TITLE_INSERT_IMAGE,
+  x as TITLE_INSERT_LINK,
+  X as TITLE_INSERT_SIGNATURE,
+  Z as TITLE_JUSTIFY,
+  q as TITLE_MORE_OPTIONS,
+  y as TITLE_TEXT_COLOR,
+  J as TITLE_TEXT_STYLE,
+  ne as URL_HTTPS_PREFIX
 };

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

@@ -1,18 +1,2 @@
-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;
+export declare const RichEditor: (props: RichEditorProps) => import("react/jsx-runtime").JSX.Element;