ct-rich-text-editor 1.2.6 → 1.2.7

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;
 }
@@ -668,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;
 }
@@ -724,6 +740,10 @@ video {
   margin-bottom: 1rem;
 }
 
+.cteditor-ml-1{
+  margin-left: 0.25rem;
+}
+
 .cteditor-ml-2{
   margin-left: 0.5rem;
 }
@@ -772,6 +792,10 @@ video {
   margin-top: 1.5rem;
 }
 
+.cteditor-box-border{
+  box-sizing: border-box;
+}
+
 .\!cteditor-block{
   display: block !important;
 }
@@ -819,6 +843,11 @@ video {
   height: 18px !important;
 }
 
+.cteditor-size-9{
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
 .cteditor-size-\[18px\]{
   width: 18px;
   height: 18px;
@@ -916,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);
 }
@@ -1060,6 +1085,10 @@ video {
   min-width: 0px;
 }
 
+.cteditor-min-w-56{
+  min-width: 14rem;
+}
+
 .cteditor-min-w-\[180px\]{
   min-width: 180px;
 }
@@ -1120,6 +1149,11 @@ 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));
@@ -1135,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;
 }
@@ -1383,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));
@@ -1406,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));
@@ -1704,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;
@@ -1876,6 +1940,10 @@ video {
   font-weight: 600;
 }
 
+.cteditor-uppercase{
+  text-transform: uppercase;
+}
+
 .cteditor-capitalize{
   text-transform: capitalize;
 }
@@ -1896,6 +1964,10 @@ video {
   letter-spacing: -0.025em;
 }
 
+.cteditor-tracking-wide{
+  letter-spacing: 0.025em;
+}
+
 .cteditor-tracking-widest{
   letter-spacing: 0.1em;
 }
@@ -2163,6 +2235,10 @@ video {
   transition-duration: 150ms;
 }
 
+.cteditor-duration-150{
+  transition-duration: 150ms;
+}
+
 .cteditor-duration-200{
   transition-duration: 200ms;
 }
@@ -2205,6 +2281,10 @@ video {
   --tw-enter-scale: .95;
 }
 
+.cteditor-duration-150{
+  animation-duration: 150ms;
+}
+
 .cteditor-duration-200{
   animation-duration: 200ms;
 }
@@ -2402,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);
@@ -2424,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));
 }
@@ -2468,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));
@@ -2536,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);
 }
@@ -2620,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;
 }
@@ -2982,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;
 }
@@ -2997,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;
@@ -3017,22 +3168,6 @@ body .ai-chat-popup .ai-chat-input {
   height: 1.25rem;
 }
 
-.\[\&\>svg\]\:cteditor-h-4>svg{
-  height: 1rem;
-}
-
-.\[\&\>svg\]\:cteditor-w-4>svg{
-  width: 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;
 }
@@ -3254,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;
   }
 
@@ -3288,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;
   }
 
@@ -3977,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;
   }
 
@@ -4011,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;
   }
 

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/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/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 {};