ct-rich-text-editor 1.2.5 → 1.2.7

package/dist/api/ai/index.d.ts

@@ -9,7 +9,12 @@ export declare const AiJsonResponse: ({ content }: {
 export declare const AiImageResponse: ({ content }: {
     content: string;
 }) => Promise<any>;
-export declare const AiEditorAction: ({ content }: {
+export declare const AiEditorAction: ({ content, provider, apiKey, }: {
     content: string;
+    provider?: string | undefined;
+    apiKey?: string | undefined;
+}) => Promise<any>;
+export declare const GetCreditsInfo: ({ apiKey }: {
+    apiKey?: string | undefined;
 }) => Promise<any>;
 export {};

package/dist/api/auth.d.ts

@@ -34,6 +34,8 @@ export interface EditorConfig {
             code: boolean;
             link: boolean;
             aiChat: boolean;
+            comment: boolean;
+            improve: boolean;
         };
     };
     expiresAt: string;
@@ -79,6 +81,8 @@ export interface ProjectData {
             code: boolean;
             link: boolean;
             aiChat: boolean;
+            comment: boolean;
+            improve: boolean;
         };
     };
     expiresAt: string;

package/dist/api/config/endpoints.d.ts

@@ -4,6 +4,7 @@ export declare const apiEndpoints: {
         json: string;
         imageCreation: string;
         editorAction: string;
+        credits: string;
     };
     project: {
         fileUpload: string;

package/dist/assets/style.css

@@ -620,10 +620,18 @@ video {
   bottom: 0px;
 }
 
+.cteditor-bottom-3\/4{
+  bottom: 75%;
+}
+
 .cteditor-left-0{
   left: 0px;
 }
 
+.cteditor-left-1\/2{
+  left: 50%;
+}
+
 .cteditor-left-2{
   left: 0.5rem;
 }
@@ -652,6 +660,10 @@ video {
   top: 0px;
 }
 
+.cteditor-top-1\/2{
+  top: 50%;
+}
+
 .cteditor-top-2{
   top: 0.5rem;
 }
@@ -664,10 +676,18 @@ video {
   top: 50%;
 }
 
+.cteditor-top-full{
+  top: 100%;
+}
+
 .\!cteditor-z-\[99999\]{
   z-index: 99999 !important;
 }
 
+.cteditor-z-50{
+  z-index: 50;
+}
+
 .cteditor-z-\[9999\]{
   z-index: 9999;
 }
@@ -720,6 +740,10 @@ video {
   margin-bottom: 1rem;
 }
 
+.cteditor-ml-1{
+  margin-left: 0.25rem;
+}
+
 .cteditor-ml-2{
   margin-left: 0.5rem;
 }
@@ -768,6 +792,10 @@ video {
   margin-top: 1.5rem;
 }
 
+.cteditor-box-border{
+  box-sizing: border-box;
+}
+
 .\!cteditor-block{
   display: block !important;
 }
@@ -815,6 +843,11 @@ video {
   height: 18px !important;
 }
 
+.cteditor-size-9{
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
 .cteditor-size-\[18px\]{
   width: 18px;
   height: 18px;
@@ -912,10 +945,6 @@ video {
   max-height: 400px;
 }
 
-.cteditor-max-h-\[500px\]{
-  max-height: 500px;
-}
-
 .cteditor-max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
@@ -1056,6 +1085,14 @@ video {
   min-width: 0px;
 }
 
+.cteditor-min-w-56{
+  min-width: 14rem;
+}
+
+.cteditor-min-w-\[180px\]{
+  min-width: 180px;
+}
+
 .cteditor-min-w-\[8rem\]{
   min-width: 8rem;
 }
@@ -1112,6 +1149,16 @@ video {
   transform-origin: var(--radix-tooltip-content-transform-origin);
 }
 
+.-cteditor-translate-x-1\/2{
+  --tw-translate-x: -50%;
+  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-translate-y-1\/2{
+  --tw-translate-y: -50%;
+  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-translate-x-\[-50\%\]{
   --tw-translate-x: -50%;
   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));
@@ -1122,6 +1169,23 @@ 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-spin{
+
+  to{
+    transform: rotate(360deg);
+  }
+}
+
+.cteditor-animate-spin{
+  animation: cteditor-spin 1s linear infinite;
+}
+
 .cteditor-cursor-pointer{
   cursor: pointer;
 }
@@ -1136,6 +1200,12 @@ video {
   resize: none;
 }
 
+.cteditor-appearance-none{
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+
 .cteditor-grid-cols-2{
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -1364,6 +1434,10 @@ video {
   border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
 }
 
+.cteditor-border-accent{
+  border-color: hsl(var(--cteditorf47ac10b-accent));
+}
+
 .cteditor-border-amber-200{
   --tw-border-opacity: 1;
   border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
@@ -1387,6 +1461,10 @@ video {
   border-color: hsl(var(--cteditorf47ac10b-foreground) / 0.15);
 }
 
+.cteditor-border-foreground\/5{
+  border-color: hsl(var(--cteditorf47ac10b-foreground) / 0.05);
+}
+
 .cteditor-border-gray-200{
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1480,6 +1558,10 @@ video {
   background-color: hsl(var(--cteditorf47ac10b-secondary)) !important;
 }
 
+.cteditor-bg-accent{
+  background-color: hsl(var(--cteditorf47ac10b-accent));
+}
+
 .cteditor-bg-accent\/50{
   background-color: hsl(var(--cteditorf47ac10b-accent) / 0.5);
 }
@@ -1681,6 +1763,11 @@ video {
   padding-right: 0.25rem;
 }
 
+.cteditor-px-1\.5{
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+
 .cteditor-px-2{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1766,6 +1853,10 @@ video {
   padding-right: 2rem;
 }
 
+.cteditor-pt-1{
+  padding-top: 0.25rem;
+}
+
 .cteditor-pt-2{
   padding-top: 0.5rem;
 }
@@ -1786,6 +1877,11 @@ video {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
+.cteditor-text-2xl{
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
 .cteditor-text-6xl{
   font-size: 3.75rem;
   line-height: 1;
@@ -1844,6 +1940,10 @@ video {
   font-weight: 600;
 }
 
+.cteditor-uppercase{
+  text-transform: uppercase;
+}
+
 .cteditor-capitalize{
   text-transform: capitalize;
 }
@@ -1864,6 +1964,10 @@ video {
   letter-spacing: -0.025em;
 }
 
+.cteditor-tracking-wide{
+  letter-spacing: 0.025em;
+}
+
 .cteditor-tracking-widest{
   letter-spacing: 0.1em;
 }
@@ -2131,6 +2235,10 @@ video {
   transition-duration: 150ms;
 }
 
+.cteditor-duration-150{
+  transition-duration: 150ms;
+}
+
 .cteditor-duration-200{
   transition-duration: 200ms;
 }
@@ -2173,6 +2281,10 @@ video {
   --tw-enter-scale: .95;
 }
 
+.cteditor-duration-150{
+  animation-duration: 150ms;
+}
+
 .cteditor-duration-200{
   animation-duration: 200ms;
 }
@@ -2370,6 +2482,16 @@ 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);
@@ -2392,6 +2514,11 @@ body .ai-chat-popup .ai-chat-input {
   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));
 }
 
+.hover\:cteditor-border-blue-500:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
+
 .hover\:cteditor-border-primary:hover{
   border-color: hsl(var(--cteditorf47ac10b-primary));
 }
@@ -2436,6 +2563,10 @@ body .ai-chat-popup .ai-chat-input {
   background-color: hsl(var(--cteditorf47ac10b-destructive) / 0.9);
 }
 
+.hover\:cteditor-bg-foreground\/5:hover{
+  background-color: hsl(var(--cteditorf47ac10b-foreground) / 0.05);
+}
+
 .hover\:cteditor-bg-gray-300:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
@@ -2504,6 +2635,11 @@ body .ai-chat-popup .ai-chat-input {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.focus\:cteditor-border-blue-500:focus{
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+}
+
 .focus\:cteditor-border-primary\/60:focus{
   border-color: hsl(var(--cteditorf47ac10b-primary) / 0.6);
 }
@@ -2588,6 +2724,10 @@ body .ai-chat-popup .ai-chat-input {
   opacity: 0.5;
 }
 
+.cteditor-peer:checked ~ .peer-checked\:cteditor-opacity-100{
+  opacity: 1;
+}
+
 .cteditor-peer:disabled ~ .peer-disabled\:cteditor-cursor-not-allowed{
   cursor: not-allowed;
 }
@@ -2950,6 +3090,37 @@ body .ai-chat-popup .ai-chat-input {
   }
 }
 
+.\[\&\>button\:hover\>span\]\:cteditor-bottom-full>button:hover>span{
+  bottom: 100%;
+}
+
+.\[\&\>button\:hover\>span\]\:cteditor-opacity-100>button:hover>span{
+  opacity: 1;
+}
+
+.\[\&\>button\>span\]\:cteditor-border>button>span{
+  border-width: 1px;
+}
+
+.\[\&\>button\>span\]\:cteditor-border-black>button>span{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
+}
+
+.\[\&\>button\]\:cteditor-relative>button{
+  position: relative;
+}
+
+.\[\&\>button\]\:\!cteditor-size-6>button{
+  width: 1.5rem !important;
+  height: 1.5rem !important;
+}
+
+.\[\&\>button\]\:cteditor-outline-none>button{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
 .\[\&\>hr\]\:cteditor-h-\[2px\]>hr{
   height: 2px;
 }
@@ -2965,6 +3136,18 @@ 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%;
+}
+
+.\[\&\>span\]\:hover\:cteditor-opacity-100:hover>span{
+  opacity: 1;
+}
+
 .\[\&\>svg\]\:\!cteditor-size-4>svg{
   width: 1rem !important;
   height: 1rem !important;
@@ -2985,18 +3168,6 @@ body .ai-chat-popup .ai-chat-input {
   height: 1.25rem;
 }
 
-.\[\&\>svg\]\:cteditor-h-4>svg{
-  height: 1rem;
-}
-
-.\[\&\>svg\]\:cteditor-w-5>svg{
-  width: 1.25rem;
-}
-
-.\[\&\>svg\]\:cteditor-w-6>svg{
-  width: 1.5rem;
-}
-
 .\[\&\>svg\]\:cteditor-shrink-0>svg{
   flex-shrink: 0;
 }
@@ -3218,6 +3389,8 @@ body .ai-chat-popup .ai-chat-input {
   .ol1 {
     padding: 0;
     margin: 0;
+    /* Ensure numbers show even if global CSS resets them */
+    list-style-type: decimal;
     list-style-position: inside;
   }
 
@@ -3252,6 +3425,8 @@ body .ai-chat-popup .ai-chat-input {
   .ul {
     padding: 0;
     margin: 0;
+    /* Ensure bullets render despite resets */
+    list-style-type: disc;
     list-style-position: inside;
   }
 
@@ -3941,6 +4116,8 @@ body .ai-chat-popup .ai-chat-input {
   .PlaygroundEditorTheme__ol1 {
     padding: 0;
     margin: 0;
+    /* Ensure default numbering shows even if a global reset removes it */
+    list-style-type: decimal;
     list-style-position: outside;
   }
 
@@ -3975,6 +4152,8 @@ body .ai-chat-popup .ai-chat-input {
   .PlaygroundEditorTheme__ul {
     padding: 0;
     margin: 0;
+    /* Ensure bullets show even if a global reset sets list-style: none */
+    list-style-type: disc;
     list-style-position: outside;
   }
 
@@ -5000,6 +5179,45 @@ body .ai-chat-popup .ai-chat-input {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z'%3E%3C/path%3E%3C/svg%3E");
 }
 
+/* Improve dropdown menu styles */
+.floating-text-format-popup .improve-dropdown {
+  -webkit-backdrop-filter: blur(8px);
+          backdrop-filter: blur(8px);
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+
+.floating-text-format-popup .improve-dropdown .flex.flex-col {
+  display: flex !important;
+  flex-direction: column !important;
+}
+
+.floating-text-format-popup .improve-dropdown-item {
+  position: relative;
+  overflow: hidden;
+  display: flex !important;
+  flex-direction: row !important;
+  width: 100% !important;
+  margin: 0 !important;
+  clear: both !important;
+  float: none !important;
+}
+
+.floating-text-format-popup .improve-dropdown-item::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 3px;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  transform: scaleY(0);
+  transition: transform 0.2s ease;
+}
+
+.floating-text-format-popup .improve-dropdown-item:hover::before {
+  transform: scaleY(1);
+}
+
 @media (max-width: 1024px) {
   .floating-text-format-popup button.insert-comment {
     display: none;

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

@@ -1,4 +1,4 @@
 export declare const AI_REPHRASE_COMMAND: import('../../../node_modules/lexical').LexicalCommand<unknown>;
 export declare const AI_IMAGE_COMMAND: import('../../../node_modules/lexical').LexicalCommand<unknown>;
-declare const AIRephrasePlugin: () => null;
+declare const AIRephrasePlugin: () => import("react/jsx-runtime").JSX.Element;
 export default AIRephrasePlugin;

package/dist/components/AutoExpandingDemo.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+/**
+ * Demo component to showcase auto-expanding height functionality
+ */
+export declare const AutoExpandingDemo: React.FC;
+export default AutoExpandingDemo;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+export interface ImageGenerationManagerRef {
+    openDialog: () => void;
+    setGenerating: (generating: boolean) => void;
+}
+interface ImageGenerationManagerProps {
+    onGenerate: (prompt: string) => Promise<void>;
+}
+export declare const ImageGenerationManager: React.ForwardRefExoticComponent<ImageGenerationManagerProps & React.RefAttributes<ImageGenerationManagerRef>>;
+export {};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+interface ImageGenerationDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onGenerate: (prompt: string) => Promise<void>;
+    isGenerating: boolean;
+}
+export declare const ImageGenerationDialog: React.FC<ImageGenerationDialogProps>;
+export {};

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/editorConfig.d.ts

@@ -35,6 +35,7 @@ export declare const editorConfig: {
         link: boolean;
         aiChat: boolean;
         comment: boolean;
+        improve: boolean;
     };
     enableAutocomplete: boolean;
     autocompleteOptions: {

package/dist/hooks/useAutoExpandingHeight.d.ts

@@ -0,0 +1,15 @@
+interface UseAutoExpandingHeightOptions {
+    minHeight?: number;
+    maxHeight?: number;
+    transitionDuration?: number;
+}
+export declare const useAutoExpandingHeight: ({ minHeight, maxHeight, transitionDuration }?: UseAutoExpandingHeightOptions) => {
+    height: number;
+    contentRef: import('react').RefObject<HTMLElement>;
+    style: {
+        height: string;
+        transition: string;
+        overflow: string;
+    };
+};
+export {};