@forgedevstack/bear 1.3.0 → 1.3.2

package/dist/components/Result/Result.utils.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+import { ResultStatus } from './Result.types';
+export declare const isTextStatus: (status: ResultStatus) => boolean;
+export declare const getStatusIcon: (status: ResultStatus) => ReactNode;

package/dist/components/Result/Result.utils.js

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import { SIXTY_FOUR as t } from "../../constants/numbers.const.js";
+import { STATUS_NOT_FOUND as e, STATUS_FORBIDDEN as c, STATUS_SERVER_ERROR as T } from "../../constants/generals.const.js";
+import { WarningIcon as i, InfoIcon as S, ErrorIcon as s, CheckCircleIcon as m } from "@forgedevstack/bear-icons";
+import { Typography as a } from "../Typography/Typography.js";
+const I = {
+  success: m,
+  error: s,
+  info: S,
+  warning: i
+}, _ = [
+  e,
+  c,
+  T
+], l = (o) => _.includes(o), u = (o) => {
+  const r = I[o];
+  return r ? /* @__PURE__ */ n(r, { size: t }) : /* @__PURE__ */ n(a, { variant: "h2", className: "bear-font-bold bear-leading-none", children: o });
+};
+export {
+  u as getStatusIcon,
+  l as isTextStatus
+};

package/dist/components/Result/index.d.ts

@@ -1,2 +1,2 @@
-export { Result, default } from './Result';
+export { Result } from './Result';
 export type { ResultProps, ResultStatus } from './Result.types';

package/dist/components/RichEditor/RichEditor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),m=require("../../utils/cn.cjs"),u=require("./helpers/formatHelpers.cjs"),f=require("./RichEditor.const.cjs"),le=require("../../hooks/useMediaQuery.cjs"),C=require("./components/ToolbarButton/ToolbarButton.cjs"),ce=require("./components/ToolbarDropdown/ToolbarDropdown.cjs"),z=require("./components/ToolbarColorPicker/ToolbarColorPicker.cjs"),ue=require("./components/ToolbarMore/ToolbarMore.cjs"),i=require("../Icon/icons/editor.cjs"),de=6,ge=A=>{const{value:x,defaultValue:k="",onChange:R,placeholder:v="Start typing...",disabled:o=!1,readOnly:r=!1,minHeight:j=f.RICH_EDITOR_MIN_HEIGHT,maxHeight:b,toolbar:D=f.RICH_EDITOR_DEFAULT_TOOLBAR,className:N="",testId:M,allowImagePaste:L=!0,showCharCount:p=!1,charCountMax:_,...F}=A,l=c.useRef(null),E=le.useMediaQuery(`(max-width: ${f.RICH_EDITOR_MOBILE_BREAKPOINT}px)`),O=E?f.RICH_EDITOR_MOBILE_TOOLBAR:D,[w,q]=c.useState(new Set),[U,H]=c.useState("p"),[B,P]=c.useState(0),[V,J]=c.useState("#000000"),[G,$]=c.useState("#fef08a"),[Q,K]=c.useState([]),[Y,W]=c.useState([]);c.useEffect(()=>{const e="bear-rich-editor-styles";if(!document.getElementById(e)){const n=document.createElement("style");n.id=e,n.textContent=f.RICH_EDITOR_CONTENT_STYLES,document.head.appendChild(n)}},[]),c.useEffect(()=>{l.current&&x!==void 0&&l.current.innerHTML!==x&&(l.current.innerHTML=x)},[x]),c.useEffect(()=>{l.current&&k&&!x&&(l.current.innerHTML=k)},[]);const I=c.useCallback(()=>{q(u.getActiveFormats());const e=u.queryCommandValue("formatBlock");e&&H(e.toLowerCase().replace(/[<>]/g,""))},[]),a=c.useCallback(()=>{var e;l.current&&(R&&R(l.current.innerHTML),p&&P(((e=l.current.textContent)==null?void 0:e.length)??0)),I()},[R,I,p]),X=c.useCallback(e=>{var d;if(o||r)return;(d=l.current)==null||d.focus();const n=f.RICH_EDITOR_BUTTON_CONFIG[e];if(!n)return;const g="value"in n?n.value:void 0;g?u.execCommand(n.command,g):u.execCommand(n.command),I(),a()},[o,r,I,a]),Z=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.execCommand("formatBlock",e),H(e),a())},[o,r,a]),ee=c.useCallback(()=>{var d;if(o||r)return;const e=window.getSelection(),n=e&&e.toString().length>0,g=prompt("Enter URL:",n?"":"https://");g&&((d=l.current)==null||d.focus(),u.insertLink(g),a())},[o,r,a]),T=c.useCallback((e,n)=>{if(!e)return;(n==="text"?K:W)(d=>{const s=d.filter(h=>h!==e);return[e,...s].slice(0,de)})},[]),te=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setTextColor(e),J(e),T(e,"text"),a())},[o,r,a,T]),ne=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setHighlightColor(e),$(e),T(e,"highlight"),a())},[o,r,a,T]),oe=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setTextColor(e),a())},[o,r,a]),re=c.useCallback(e=>{var n;o||r||((n=l.current)==null||n.focus(),u.setHighlightColor(e),a())},[o,r,a]),ie=c.useCallback(async e=>{var g;if(!L)return;const n=(g=e.clipboardData)==null?void 0:g.items;if(n)for(let d=0;d<n.length;d++){const s=n[d];if(s.type.startsWith("image/")){e.preventDefault();const h=s.getAsFile();if(h){const y=await u.fileToDataUrl(h);u.insertImage(y),a()}return}}},[L,a]),se=c.useCallback(()=>{if(o||r)return;const e=document.createElement("input");e.type="file",e.accept="image/*",e.onchange=async n=>{var d,s;const g=(d=n.target.files)==null?void 0:d[0];if(g){const h=await u.fileToDataUrl(g);(s=l.current)==null||s.focus(),u.insertImage(h),a()}},e.click()},[o,r,a]),ae={bold:t.jsx(i.BoldIcon,{size:16}),italic:t.jsx(i.ItalicIcon,{size:16}),underline:t.jsx(i.UnderlineIcon,{size:16}),strikethrough:t.jsx(i.StrikethroughIcon,{size:16}),heading1:t.jsx(i.Heading1Icon,{size:16}),heading2:t.jsx(i.Heading2Icon,{size:16}),heading3:t.jsx(i.Heading3Icon,{size:16}),bulletList:t.jsx(i.ListBulletIcon,{size:16}),orderedList:t.jsx(i.ListNumberedIcon,{size:16}),blockquote:t.jsx(i.QuoteIcon,{size:16}),code:t.jsx(i.CodeIcon,{size:16}),link:t.jsx(i.InsertLinkIcon,{size:16}),alignLeft:t.jsx(i.AlignLeftIcon,{size:16}),alignCenter:t.jsx(i.AlignCenterIcon,{size:16}),alignRight:t.jsx(i.AlignRightIcon,{size:16}),alignJustify:t.jsx(i.AlignJustifyIcon,{size:16}),image:t.jsx(i.InsertPhotoIcon,{size:16}),indent:t.jsx(i.IndentIncreaseIcon,{size:16}),outdent:t.jsx(i.IndentDecreaseIcon,{size:16}),clearFormat:t.jsx(i.FormatClearIcon,{size:16}),table:t.jsx(i.TableIcon,{size:16})},S=(e,n)=>{if(e==="divider")return t.jsx("div",{className:m.cn("Bear-RichEditor__divider",f.RICH_EDITOR_DIVIDER_CLASSES)},`divider-${n}`);if(e==="headingDropdown")return t.jsx(ce.ToolbarDropdown,{options:f.RICH_EDITOR_HEADING_OPTIONS,value:U,onChange:Z,title:"Text Style",disabled:o||r,icon:t.jsx(i.TextIcon,{size:16})},"heading-dropdown");if(e==="textColor")return t.jsx(z.ToolbarColorPicker,{value:V,onChange:te,title:"Text Color",disabled:o||r,type:"text",recentColors:Q,onApplyLast:oe},"text-color");if(e==="highlightColor")return t.jsx(z.ToolbarColorPicker,{value:G,onChange:ne,title:"Highlight Color",disabled:o||r,type:"highlight",recentColors:Y,onApplyLast:re},"highlight-color");if(e==="link")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertLinkIcon,{size:16}),title:"Insert Link",onClick:ee,disabled:o||r},"link");if(e==="image")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.InsertPhotoIcon,{size:16}),title:"Insert Image",onClick:se,disabled:o||r},"image");if(e==="alignLeft")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignLeftIcon,{size:16}),title:"Align Left",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("justifyLeft"),a()},disabled:o||r},"alignLeft");if(e==="alignCenter")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignCenterIcon,{size:16}),title:"Align Center",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("justifyCenter"),a()},disabled:o||r},"alignCenter");if(e==="alignRight")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignRightIcon,{size:16}),title:"Align Right",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("justifyRight"),a()},disabled:o||r},"alignRight");if(e==="alignJustify")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.AlignJustifyIcon,{size:16}),title:"Justify",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("justifyFull"),a()},disabled:o||r},"alignJustify");if(e==="indent")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.IndentIncreaseIcon,{size:16}),title:"Increase Indent",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("indent"),a()},disabled:o||r},"indent");if(e==="outdent")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.IndentDecreaseIcon,{size:16}),title:"Decrease Indent",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("outdent"),a()},disabled:o||r},"outdent");if(e==="clearFormat")return t.jsx(C.ToolbarButton,{icon:t.jsx(i.FormatClearIcon,{size:16}),title:"Clear Formatting",onClick:()=>{var s;(s=l.current)==null||s.focus(),u.execCommand("removeFormat"),a()},disabled:o||r},"clearFormat");if(e==="more"){const s=E?f.RICH_EDITOR_MOBILE_MORE_ITEMS:["alignLeft","alignCenter","alignRight","alignJustify","indent","outdent","blockquote","code","clearFormat"];return t.jsx(ue.ToolbarMore,{disabled:o||r,isMobile:E,children:s.map((h,y)=>S(h,y+1e3))},"more")}const g=f.RICH_EDITOR_BUTTON_CONFIG[e],d=ae[e];return!g||!d?null:t.jsx(C.ToolbarButton,{icon:d,title:g.title,active:w.has(e),onClick:()=>X(e),disabled:o||r},e)};return t.jsxs("div",{"data-testid":M,className:m.cn("Bear-RichEditor",f.RICH_EDITOR_ROOT_CLASSES,o&&"Bear-RichEditor--disabled",r&&"Bear-RichEditor--readonly",N),...F,children:[O.length>0&&t.jsx("div",{className:m.cn("Bear-RichEditor__toolbar",f.RICH_EDITOR_TOOLBAR_CLASSES),children:O.map((e,n)=>S(e,n))}),t.jsx("div",{ref:l,contentEditable:!o&&!r,onInput:a,onSelect:I,onKeyUp:I,onMouseUp:I,onPaste:ie,"data-placeholder":v,className:m.cn("Bear-RichEditor__content",f.RICH_EDITOR_CONTENT_CLASSES,"[&:empty]:before:bear-content-[attr(data-placeholder)] [&:empty]:before:bear-text-gray-400 [&:empty]:before:bear-pointer-events-none",o&&"Bear-RichEditor__content--disabled bear-opacity-50 bear-cursor-not-allowed"),style:{minHeight:typeof j=="number"?`${j}px`:j,maxHeight:b?typeof b=="number"?`${b}px`:b:void 0,overflowY:b?"auto":void 0}}),p&&_!=null&&t.jsxs("div",{className:m.cn("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",B>_?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[B,"/",_]})]})};exports.RichEditor=ge;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("../../utils/cn.cjs");require("react");const c=require("../../constants/numbers.const.cjs"),r=require("../../constants/generals.const.cjs"),v=require("./RichEditor.const.cjs"),A=require("./useRichEditor/useRichEditor.cjs"),N=require("./helpers/toolbarItemRender.cjs"),I=s=>{const{value:l,defaultValue:b=r.EMPTY_STRING,onChange:u,placeholder:h=r.PLACEHOLDER_START_TYPING,disabled:t=r.BOOLEAN_FALSE,readOnly:a=r.BOOLEAN_FALSE,minHeight:E=c.ONE_HUNDRED_FIFTY,maxHeight:g,toolbar:m=v.RICH_EDITOR_DEFAULT_TOOLBAR,className:R=r.EMPTY_STRING,testId:p,allowImagePaste:_=r.BOOLEAN_TRUE,showCharCount:i=r.BOOLEAN_FALSE,charCountMax:n,...x}=s,e=A.useRichEditor({value:l,defaultValue:b,onChange:u,disabled:t,readOnly:a,toolbar:m,allowImagePaste:_,showCharCount:i,minHeight:E,maxHeight:g}),y=N.createToolbarItemRenderer({...e,disabled:t,readOnly:a});return o.jsxs("div",{"data-testid":p,className:d.cn("Bear-RichEditor rounded-lg border border-gray-200 dark:border-zinc-700 bg-white dark:bg-zinc-900 shadow-sm",t&&"Bear-RichEditor--disabled",a&&"Bear-RichEditor--readonly",R),...x,children:[e.activeToolbar.length>c.ZERO&&o.jsx("div",{className:"Bear-RichEditor__toolbar 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",children:e.activeToolbar.map((T,O)=>y(T,O))}),o.jsx("div",{ref:e.editorRef,contentEditable:!t&&!a,onInput:e.handleInput,onSelect:e.updateActiveFormats,onKeyUp:e.updateActiveFormats,onMouseUp:e.updateActiveFormats,onPaste:e.handlePaste,"data-placeholder":h,className:d.cn("Bear-RichEditor__content p-4 outline-none max-w-none text-gray-900 dark:text-gray-100 bg-white dark:bg-zinc-900 min-h-[100px]","[&:empty]:before:bear-content-[attr(data-placeholder)] [&:empty]:before:bear-text-gray-400 [&:empty]:before:bear-pointer-events-none",t&&"Bear-RichEditor__content--disabled bear-opacity-50 bear-cursor-not-allowed")}),i&&n!=null&&o.jsxs("div",{className:d.cn("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",e.charCount>n?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[e.charCount,"/",n]})]})};exports.RichEditor=I;

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;