ct-rich-text-editor 1.3.7 → 1.3.8

package/dist/api/featureSuggestion.d.ts

@@ -0,0 +1,21 @@
+export interface FeatureSuggestion {
+    id: string;
+    title: string;
+    description: string;
+    status: string;
+    createdAt: string;
+    upvotes: number;
+    adminResponse?: string;
+    isImplemented: boolean;
+    reviewedAt?: string;
+    reviewedBy?: string;
+    tags?: string[];
+}
+export interface CreateSuggestionData {
+    title: string;
+    description: string;
+    tags?: string[];
+}
+export declare class FeatureSuggestionAPI {
+    static createSuggestion(data: CreateSuggestionData, apiKey?: string): Promise<FeatureSuggestion>;
+}

package/dist/assets/style.css

@@ -624,6 +624,10 @@ video {
   bottom: 0px;
 }
 
+.cteditor-bottom-2{
+  bottom: 0.5rem;
+}
+
 .cteditor-bottom-3\/4{
   bottom: 75%;
 }
@@ -917,11 +921,6 @@ video {
   height: 1.5rem;
 }
 
-.cteditor-size-9{
-  width: 2.25rem;
-  height: 2.25rem;
-}
-
 .cteditor-size-\[18px\]{
   width: 18px;
   height: 18px;
@@ -1307,12 +1306,6 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.cteditor-scale-150{
-  --tw-scale-x: 1.5;
-  --tw-scale-y: 1.5;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 @keyframes cteditor-pulse{
 
   50%{
@@ -1683,10 +1676,6 @@ video {
   border-color: hsl(var(--cteditorf47ac10b-background) / 0.1);
 }
 
-.cteditor-border-background\/20{
-  border-color: hsl(var(--cteditorf47ac10b-background) / 0.2);
-}
-
 .cteditor-border-blue-200{
   --tw-border-opacity: 1;
   border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
@@ -1701,10 +1690,6 @@ video {
   border-color: hsl(var(--cteditorf47ac10b-border));
 }
 
-.cteditor-border-border\/30{
-  border-color: hsl(var(--cteditorf47ac10b-border) / 0.3);
-}
-
 .cteditor-border-destructive{
   border-color: hsl(var(--cteditorf47ac10b-destructive));
 }
@@ -1829,6 +1814,10 @@ video {
   border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
 }
 
+.cteditor-border-t-transparent{
+  border-top-color: transparent;
+}
+
 .\!cteditor-bg-accent{
   background-color: hsl(var(--cteditorf47ac10b-accent)) !important;
 }
@@ -2019,6 +2008,11 @@ video {
   background-color: rgb(168 85 247 / 0.1);
 }
 
+.cteditor-bg-red-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+}
+
 .cteditor-bg-red-50{
   --tw-bg-opacity: 1;
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
@@ -2517,6 +2511,11 @@ video {
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
 
+.cteditor-text-blue-700{
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
+}
+
 .cteditor-text-blue-800{
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity, 1));
@@ -2792,10 +2791,6 @@ video {
   outline-width: 0px;
 }
 
-.cteditor-outline-background\/30{
-  outline-color: hsl(var(--cteditorf47ac10b-background) / 0.3);
-}
-
 .cteditor-ring-1{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2988,23 +2983,32 @@ body {
 
 ::-webkit-scrollbar {
     width: 8px;
+    height: 8px;
   }
 
 ::-webkit-scrollbar-track {
-    background: rgb(240, 240, 240);
+    background: #f0f0f0;
   }
 
 ::-webkit-scrollbar-thumb {
-    background: rgb(180, 180, 180);
-    border-radius: 10px;
+    background: #aaa;
+    border-radius: 4px;
+  }
+
+::-webkit-scrollbar-thumb:hover {
+    background: #888;
   }
 
 body.dark ::-webkit-scrollbar-track {
-    background: rgb(30, 30, 35);
+    background: #2a2a2a;
   }
 
 body.dark ::-webkit-scrollbar-thumb {
-    background: rgb(80, 80, 90);
+    background: #777;
+  }
+
+body.dark ::-webkit-scrollbar-thumb:hover {
+    background: #999;
   }
 
 /* Color Picker Style */
@@ -3055,8 +3059,6 @@ body.dark ::-webkit-scrollbar-thumb {
   .PlaygroundEditorTheme__table td.PlaygroundEditorTheme__tableCellHeader {
     white-space: nowrap !important;
     overflow: hidden !important;
-    max-height: 40px !important;
-    line-height: 1.2 !important;
   }
 
 /* Prevent wrapping in all nested elements inside table headers */
@@ -3065,10 +3067,6 @@ body.dark ::-webkit-scrollbar-thumb {
   .PlaygroundEditorTheme__table th *,
   .PlaygroundEditorTheme__table td.PlaygroundEditorTheme__tableCellHeader * {
     white-space: nowrap !important;
-    display: inline !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    line-height: 1.2 !important;
   }
 
 /* Force br tags to not create new lines in headers */
@@ -3094,6 +3092,26 @@ body.dark ::-webkit-scrollbar-thumb {
     height: auto;
   }
 
+/* Table Insert Dot Indicators */
+
+.table-insert-dot {
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    opacity: 0.6;
+    transition: all 0.2s ease;
+  }
+
+.table-insert-dot:hover,
+  .table-insert-dot.hovered {
+    opacity: 1;
+    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
+    transform: scale(1.1);
+  }
+
+.table-insert-dot:focus {
+    outline: 2px solid #3b82f6;
+    outline-offset: 2px;
+  }
+
 .PlaygroundEditorTheme__hr {
     background-color: transparent;
   }
@@ -3221,12 +3239,14 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-foreground));
 }
 
-.placeholder\:cteditor-text-background::-moz-placeholder{
-  color: hsl(var(--cteditorf47ac10b-background));
+.placeholder\:cteditor-text-gray-500::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 
-.placeholder\:cteditor-text-background::placeholder{
-  color: hsl(var(--cteditorf47ac10b-background));
+.placeholder\:cteditor-text-gray-500::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 
 .placeholder\:cteditor-text-muted-foreground::-moz-placeholder{
@@ -3237,16 +3257,6 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-muted-foreground));
 }
 
-.checked\:cteditor-border-blue-600:checked{
-  --tw-border-opacity: 1;
-  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
-}
-
-.checked\:cteditor-bg-blue-600:checked{
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-
 .empty\:before\:cteditor-text-muted-foreground\/60:empty::before{
   content: var(--tw-content);
   color: hsl(var(--cteditorf47ac10b-muted-foreground) / 0.6);
@@ -3280,11 +3290,6 @@ body .ai-chat-popup .ai-chat-input {
   border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
 }
 
-.hover\:cteditor-border-blue-500:hover{
-  --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
-}
-
 .hover\:cteditor-border-gray-500:hover{
   --tw-border-opacity: 1;
   border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
@@ -3398,6 +3403,11 @@ body .ai-chat-popup .ai-chat-input {
   background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:cteditor-bg-red-600:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:cteditor-bg-rose-100:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
@@ -3426,6 +3436,11 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-accent-foreground));
 }
 
+.hover\:cteditor-text-blue-800:hover{
+  --tw-text-opacity: 1;
+  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
+
 .hover\:cteditor-text-destructive-foreground:hover{
   color: hsl(var(--cteditorf47ac10b-destructive-foreground));
 }
@@ -3451,8 +3466,9 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-primary-foreground));
 }
 
-.hover\:cteditor-text-primary\/80:hover{
-  color: hsl(var(--cteditorf47ac10b-primary) / 0.8);
+.hover\:cteditor-text-white:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
 .hover\:cteditor-underline:hover{
@@ -3517,6 +3533,11 @@ body .ai-chat-popup .ai-chat-input {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:cteditor-ring-blue-500:focus{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+
 .focus\:cteditor-ring-primary\/20:focus{
   --tw-ring-color: hsl(var(--cteditorf47ac10b-primary) / 0.2);
 }
@@ -3556,6 +3577,11 @@ body .ai-chat-popup .ai-chat-input {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus-visible\:cteditor-ring-red-500:focus-visible{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
+}
+
 .focus-visible\:cteditor-ring-ring:focus-visible{
   --tw-ring-color: hsl(var(--cteditorf47ac10b-ring));
 }
@@ -3586,16 +3612,14 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-primary));
 }
 
-.cteditor-group:hover .group-hover\:cteditor-text-foreground{
-  color: hsl(var(--cteditorf47ac10b-foreground));
-}
-
-.cteditor-group:hover .group-hover\:cteditor-text-primary{
-  color: hsl(var(--cteditorf47ac10b-primary));
+.cteditor-group:hover .group-hover\:cteditor-text-blue-600{
+  --tw-text-opacity: 1;
+  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
 
-.cteditor-peer:checked ~ .peer-checked\:cteditor-opacity-100{
-  opacity: 1;
+.cteditor-group:hover .group-hover\:cteditor-text-gray-700{
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
 
 .cteditor-peer:disabled ~ .peer-disabled\:cteditor-cursor-not-allowed{
@@ -4263,10 +4287,6 @@ body .ai-chat-popup .ai-chat-input {
   -webkit-line-clamp: 1;
 }
 
-.\[\&\>span\]\:checked\:cteditor-opacity-100:checked>span{
-  opacity: 1;
-}
-
 .\[\&\>span\]\:hover\:cteditor-bottom-full:hover>span{
   bottom: 100%;
 }
@@ -4359,12 +4379,21 @@ body .ai-chat-popup .ai-chat-input {
     height: auto;
   }
 
-  /* Ensure tables are responsive */
+  /* Table wrapper for hover menu space */
+  .PlaygroundEditorTheme__table {
+    position: relative;
+    margin-left: 24px !important; /* Space for left hover dots */
+    margin-top: 24px !important; /* Space for top hover dots */
+    margin-bottom: 24px !important; /* Space for bottom hover dots */
+  }
+
+  /* Ensure tables span full width within wrapper */
   .PlaygroundEditorTheme__table,
   .table {
-    max-width: 100%;
+    width: calc(100% - 24px) !important;
+    table-layout: fixed !important;
     overflow-x: auto;
-    display: block;
+    display: table;
   }
 
   /* Prevent table header text wrapping */
@@ -4373,8 +4402,6 @@ body .ai-chat-popup .ai-chat-input {
   .PlaygroundEditorTheme__table td.PlaygroundEditorTheme__tableCellHeader {
     white-space: nowrap !important;
     overflow: hidden !important;
-    max-height: 40px !important;
-    line-height: 1.2 !important;
   }
 
   /* Prevent wrapping in all nested elements inside table headers */
@@ -4382,10 +4409,6 @@ body .ai-chat-popup .ai-chat-input {
   .PlaygroundEditorTheme__table th *,
   .PlaygroundEditorTheme__table td.PlaygroundEditorTheme__tableCellHeader * {
     white-space: nowrap !important;
-    display: inline !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    line-height: 1.2 !important;
   }
 
   /* Force br tags to not create new lines in headers */
@@ -5189,11 +5212,14 @@ body .ai-chat-popup .ai-chat-input {
     border-collapse: collapse;
     border-spacing: 0;
     overflow-y: visible;
-    overflow-x: visible;
+    overflow-x: auto;
     table-layout: fixed;
-    /* Remove width constraint - let inline styles control it */
+    width: 100% !important; /* Full editor width like TinyMCE */
     margin-top: 25px;
     margin-bottom: 30px;
+    margin-left: 0;
+    margin-right: 0;
+    display: block;
   }
 
   .PlaygroundEditorTheme__tableRowStriping tr:nth-child(even) {
@@ -5218,10 +5244,10 @@ body .ai-chat-popup .ai-chat-input {
 
   .PlaygroundEditorTheme__tableCell {
     border: 1px solid #bbb;
-    width: 75px;
+    /* width removed - controlled by colgroup */
     vertical-align: top;
     text-align: start;
-    padding: 6px 8px;
+    padding: 12px 12px 12px 16px;
     position: relative;
     outline: none;
     overflow: auto;
@@ -5249,11 +5275,61 @@ body .ai-chat-popup .ai-chat-input {
     text-align: start;
     white-space: nowrap;
     overflow: hidden;
+    font-weight: 600;
+    background-color: #323131;
+    position: relative;
+  }
+  
+  /* Visual indicator for resizable columns - right bar on current cell */
+  .PlaygroundEditorTheme__tableCellHeader::before {
+    content: '';
+    position: absolute;
+    right: 0px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 2px;
+    height: 70%;
+    background: linear-gradient(to bottom, transparent 0%, #475569 10%, #475569 90%, transparent 100%);
+    opacity: 0.7;
+    border-radius: 2px;
+    pointer-events: none;
+    transition: opacity 0.2s ease, height 0.2s ease;
+  }
+  
+  /* Visual indicator for resizable columns - left bar on next cell */
+  .PlaygroundEditorTheme__tableCellHeader::after {
+    content: '';
+    position: absolute;
+    left: 0px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 2px;
+    height: 70%;
+    background: linear-gradient(to bottom, transparent 0%, #475569 10%, #475569 90%, transparent 100%);
+    opacity: 0.7;
+    border-radius: 2px;
+    pointer-events: none;
+    transition: opacity 0.2s ease, height 0.2s ease;
+  }
+  
+  /* Show indicator more prominently on hover */
+  .PlaygroundEditorTheme__tableCellHeader:hover::before,
+  .PlaygroundEditorTheme__tableCellHeader:hover::after {
+    opacity: 1;
+    height: 85%;
+    background: linear-gradient(to bottom, transparent 0%, #334155 10%, #334155 90%, transparent 100%);
+  }
+  
+  /* Show indicator more prominently on hover */
+  .PlaygroundEditorTheme__tableCellHeader:hover::before,
+  .PlaygroundEditorTheme__tableCellHeader:hover::after {
+    opacity: 1;
+    height: 85%;
+    background: linear-gradient(to bottom, transparent 0%, #334155 10%, #334155 90%, transparent 100%);
   }
 
   .PlaygroundEditorTheme__tableCellHeader * {
     white-space: nowrap;
-    display: inline;
     margin: 0;
   }
 
@@ -6913,6 +6989,8 @@ body .ai-chat-popup .ai-chat-input {
   min-height: 40px;
   min-width: 200px;
   padding: 6px;
+  overflow-y: auto;
+  overflow-x: hidden;
   
   /* Liquid glass effect */
   background: hsl(var(--cteditorf47ac10b-popover) / 0.85);
@@ -6932,6 +7010,33 @@ body .ai-chat-popup .ai-chat-input {
   animation: dropdownFadeIn 0.2s ease-out;
 }
 
+/* Custom scrollbar styling */
+.dropdown.table-drop::-webkit-scrollbar {
+  width: 8px;
+}
+
+.dropdown.table-drop::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 4px;
+}
+
+.dropdown.table-drop::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  -webkit-transition: background 0.2s;
+  transition: background 0.2s;
+}
+
+.dropdown.table-drop::-webkit-scrollbar-thumb:hover {
+  background: rgba(0, 0, 0, 0.3);
+}
+
+/* Firefox scrollbar */
+.dropdown.table-drop {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+}
+
 @keyframes dropdownFadeIn {
   from {
     opacity: 0;

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

@@ -0,0 +1,6 @@
+interface FeatureSuggestionDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function FeatureSuggestionDialog({ open, onOpenChange, }: FeatureSuggestionDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ImageComparisonDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    oldImageUrl: string;
+    newImageUrl: string;
+    onReplace: () => void;
+    onCancel: () => void;
+}
+export declare const ImageComparisonDialog: React.FC<ImageComparisonDialogProps>;
+export {};

package/dist/components/ImageGenerationDialog/ImageGenerationManager.d.ts

@@ -4,7 +4,8 @@ export interface ImageGenerationManagerRef {
     setGenerating: (generating: boolean) => void;
 }
 interface ImageGenerationManagerProps {
-    onGenerate: (prompt: string) => Promise<void>;
+    onGenerate: (prompt: string) => Promise<string>;
+    onInsertImage: (imageUrl: string, prompt: string) => void;
 }
 export declare const ImageGenerationManager: React.ForwardRefExoticComponent<ImageGenerationManagerProps & React.RefAttributes<ImageGenerationManagerRef>>;
 export {};

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

@@ -2,7 +2,8 @@ import { default as React } from 'react';
 interface ImageGenerationDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    onGenerate: (prompt: string) => Promise<void>;
+    onGenerate: (prompt: string) => Promise<string>;
+    onInsertImage: (imageUrl: string, prompt: string) => void;
     isGenerating: boolean;
     initialText?: string;
 }

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

@@ -1,6 +1,6 @@
 import { LexicalCommand, LexicalEditor, NodeKey } from '../../../node_modules/lexical';
 export declare const RIGHT_CLICK_IMAGE_COMMAND: LexicalCommand<MouseEvent>;
-export default function ImageComponent({ src, altText, nodeKey, width, height, maxWidth, resizable, showCaption, caption, captionsEnabled, }: {
+export default function ImageComponent({ src, altText, nodeKey, width, height, maxWidth, resizable, showCaption, caption, captionsEnabled, originalPrompt, }: {
     altText: string;
     caption: LexicalEditor;
     height: "inherit" | number;
@@ -11,4 +11,5 @@ export default function ImageComponent({ src, altText, nodeKey, width, height, m
     src: string;
     width: "inherit" | number;
     captionsEnabled: boolean;
+    originalPrompt?: string;
 }): JSX.Element;

package/dist/{html2pdf.bundle-40cc5697.js → html2pdf.bundle-6d32d085.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-a8476eee.js";
+import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-158a9bd4.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];
@@ -46125,4 +46125,4 @@ const html2pdf_bundle$1 = /* @__PURE__ */ _mergeNamespaces({
 export {
   html2pdf_bundle$1 as h
 };
-//# sourceMappingURL=html2pdf.bundle-40cc5697.js.map
+//# sourceMappingURL=html2pdf.bundle-6d32d085.js.map