@forgedevstack/bear 1.2.9 → 1.3.1

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;