@haklex/rich-compose 0.23.0 → 0.25.0

package/README.md

@@ -23,7 +23,7 @@ pnpm add @haklex/rich-compose
 | Package                      | Version   |
 | ---------------------------- | --------- |
 | `react` / `react-dom`        | `>=19`    |
-| `lexical` / `@lexical/react` | `^0.44.0` |
+| `lexical` / `@lexical/react` | `^0.45.0` |
 | `@haklex/rich-editor`        | workspace |
 
 Per-module upstream packages (`@haklex/rich-ext-*`, `@haklex/rich-renderer-*`) are optional peers — install only those you compose.

package/dist/editor.d.ts

@@ -3,6 +3,7 @@ import { bannerEditModule } from './modules/banner/edit';
 import { chatEditModule } from './modules/chat/edit';
 import { codeBlockEditModule } from './modules/code-block/edit';
 import { codeSnippetEditModule } from './modules/code-snippet/edit';
+import { dynamicEditModule } from './modules/dynamic/edit';
 import { embedEditModule } from './modules/embed/edit';
 import { excalidrawEditModule } from './modules/excalidraw/edit';
 import { galleryEditModule } from './modules/gallery/edit';
@@ -15,6 +16,6 @@ import { nestedDocEditModule } from './modules/nested-doc/edit';
 import { pollEditModule } from './modules/poll/edit';
 import { rubyEditModule } from './modules/ruby/edit';
 import { videoEditModule } from './modules/video/edit';
-export { alertEditModule, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, embedEditModule, excalidrawEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, videoEditModule, };
+export { alertEditModule, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, videoEditModule, };
 export declare const allEditorModules: import('./core').RichEditorModule[];
 //# sourceMappingURL=editor.d.ts.map

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qCAkB5B,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qCAmB5B,CAAC"}

package/dist/editor.mjs

@@ -3,6 +3,7 @@ import { bannerEditModule } from "./modules/banner/edit.mjs";
 import { chatEditModule } from "./modules/chat/edit.mjs";
 import { codeBlockEditModule } from "./modules/code-block/edit.mjs";
 import { codeSnippetEditModule } from "./modules/code-snippet/edit.mjs";
+import { dynamicEditModule } from "./modules/dynamic/edit.mjs";
 import { embedEditModule } from "./modules/embed/edit.mjs";
 import { excalidrawEditModule } from "./modules/excalidraw/edit.mjs";
 import { galleryEditModule } from "./modules/gallery/edit.mjs";
@@ -22,6 +23,7 @@ var allEditorModules = [
 	chatEditModule,
 	codeBlockEditModule,
 	codeSnippetEditModule,
+	dynamicEditModule,
 	embedEditModule,
 	excalidrawEditModule,
 	galleryEditModule,
@@ -36,4 +38,4 @@ var allEditorModules = [
 	videoEditModule
 ];
 //#endregion
-export { alertEditModule, allEditorModules, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, embedEditModule, excalidrawEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, videoEditModule };
+export { alertEditModule, allEditorModules, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, videoEditModule };

package/dist/litexml-html-preview-client.css

@@ -4641,6 +4641,7 @@ figure.rich-image[data-layout="float-right"] {
   overflow: hidden;
   border: 1px solid color-mix(in srgb, var(--rc-border) 60%, transparent);
   background: var(--rc-code-bg);
+  font-family: var(--rc-font-family-sans);
   font-size: var(--rc-font-size-md);
 }
 ._1v9rg4b1 {
@@ -5367,6 +5368,7 @@ figure.rich-image[data-layout="float-right"] {
   justify-content: space-between;
   padding: var(--rc-space-sm) var(--rc-space-md);
   border-bottom: 1px solid var(--rc-border);
+  font-family: var(--rc-font-family-sans);
   font-size: var(--rc-font-size-md);
   color: var(--rc-text-secondary);
   user-select: none;
@@ -5418,6 +5420,7 @@ figure.rich-image[data-layout="float-right"] {
   justify-content: space-between;
   padding: var(--rc-space-sm) var(--rc-space-md);
   border-bottom: 1px solid var(--rc-border);
+  font-family: var(--rc-font-family-sans);
   font-size: var(--rc-font-size-md);
   color: var(--rc-text-secondary);
   user-select: none;
@@ -5558,6 +5561,7 @@ figure.rich-image[data-layout="float-right"] {
   display: flex;
   align-items: center;
   justify-content: center;
+  font-family: var(--rc-font-family-sans);
   padding: 0.75rem 1rem;
   margin: 1rem 0;
   border-radius: 0.5rem;
@@ -5863,7 +5867,7 @@ figure.rich-image[data-layout="float-right"] {
   border-bottom: 1px solid var(--rc-hr-border);
   padding: var(--rc-space-lg) 0;
   margin: var(--rc-space-lg) 0;
-  font-family: inherit;
+  font-family: var(--rc-font-family-sans);
 }
 ._1cvhw6k1 {
   font-size: 0.7rem;
@@ -6003,6 +6007,7 @@ figure.rich-image[data-layout="float-right"] {
   display: flex;
   align-items: center;
   gap: 8px;
+  font-family: var(--rc-font-family-sans);
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.02em;
@@ -6081,6 +6086,7 @@ figure.rich-image[data-layout="float-right"] {
   display: flex;
   align-items: center;
   gap: var(--rc-space-sm);
+  font-family: var(--rc-font-family-sans);
   font-weight: 600;
   margin-bottom: var(--rc-space-xs);
   font-size: var(--rc-font-size-md);
@@ -6306,6 +6312,128 @@ figure.rich-image[data-layout="float-right"] {
 .rich-banner-caution {
   background-color: color-mix(in srgb, var(--rc-alert-caution) 8%, transparent);
   border-color: color-mix(in srgb, var(--rc-alert-caution) 30%, transparent);
+}._17z9n250 {
+  position: relative;
+  margin: 1.25rem 0;
+}
+._17z9n251 {
+  width: 100%;
+}
+._17z9n252 {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border-radius: var(--rc-radius-md);
+  border: 1px dashed var(--rc-border);
+  background-color: var(--rc-bg-secondary);
+  color: var(--rc-text-tertiary);
+  font-family: var(--rc-font-family-sans);
+  font-size: var(--rc-font-size-sm);
+}
+._17z9n253 {
+  appearance: none;
+  border: 1px solid var(--rc-border);
+  border-radius: var(--rc-radius-sm);
+  background-color: var(--rc-bg);
+  color: var(--rc-text-secondary);
+  font-size: var(--rc-font-size-sm);
+  padding: 4px 12px;
+  cursor: pointer;
+}
+._17z9n253:hover {
+  background-color: var(--rc-fill-secondary);
+}
+._17z9n254 {
+  max-width: 80%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: var(--rc-font-mono);
+  font-size: var(--rc-font-size-xs);
+  color: var(--rc-text-quaternary);
+}
+._17z9n255 {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 1;
+  appearance: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: 1px solid var(--rc-border);
+  border-radius: var(--rc-radius-sm);
+  background-color: var(--rc-bg);
+  color: var(--rc-text-secondary);
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.15s ease;
+}
+._17z9n250:hover ._17z9n255, ._17z9n255:focus-visible, ._17z9n255[data-popup-open] {
+  opacity: 1;
+}
+._17z9n256 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  width: 340px;
+  padding: 12px;
+  font-family: var(--rc-font-family-sans);
+}
+._17z9n257 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  background-color: var(--rc-bg-secondary);
+  border-radius: 6px;
+  min-width: 0;
+}
+._17z9n258 {
+  flex-shrink: 0;
+  color: var(--rc-text-secondary);
+}
+._17z9n259 {
+  flex: 1;
+  appearance: none;
+  border: none;
+  background-color: transparent;
+  color: inherit;
+  font-size: var(--rc-font-size-sm);
+  padding: 0;
+  outline: none;
+  min-width: 0;
+}
+._17z9n259::placeholder {
+  color: var(--rc-text-secondary);
+}
+._17z9n25a {
+  width: 100%;
+  min-height: 72px;
+  resize: vertical;
+  appearance: none;
+  border: none;
+  background-color: var(--rc-bg-secondary);
+  border-radius: 6px;
+  color: inherit;
+  font-family: var(--rc-font-mono);
+  font-size: var(--rc-font-size-xs);
+  padding: 6px 10px;
+  outline: none;
+}
+._17z9n25a::placeholder {
+  color: var(--rc-text-secondary);
+  font-family: var(--rc-font-family-sans);
+}
+._17z9n25b {
+  color: var(--rc-alert-caution);
+  font-size: var(--rc-font-size-sm);
 }._1pymbyu1 {
   margin: 8px 0;
 }
@@ -6319,7 +6447,7 @@ figure.rich-image[data-layout="float-right"] {
   border: 1px solid color-mix(in srgb, rgb(var(--_1pymbyu0)) 25%, transparent);
   border-radius: 12px;
   background-color: color-mix(in srgb, rgb(var(--_1pymbyu0)) 12%, transparent);
-  font-family: var(--rc-font-family);
+  font-family: var(--rc-font-family-sans);
   font-size: var(--rc-font-size-md);
   transition: border-color 0.15s ease, background-color 0.15s ease;
 }
@@ -6509,7 +6637,7 @@ figure.rich-image[data-layout="float-right"] {
   border: 1px solid color-mix(in srgb, rgb(var(--_1kngc4r0)) 25%, transparent);
   border-radius: 12px;
   background-color: color-mix(in srgb, rgb(var(--_1kngc4r0)) 8%, transparent);
-  font-family: var(--rc-font-family);
+  font-family: var(--rc-font-family-sans);
   font-size: var(--rc-font-size-md);
   margin: 8px 0;
 }
@@ -8131,7 +8259,73 @@ figure.rich-image[data-layout="float-right"] {
   font-family: var(--rc-font-family);
   z-index: 30;
 }
+.yvdzu12.yvdzu12 {
+  width: fit-content;
+}
 .yvdzu13 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 132px;
+  height: 24px;
+}
+.yvdzu14 {
+  appearance: none;
+  width: 100%;
+  height: 24px;
+  margin: 0;
+  background: transparent;
+  cursor: pointer;
+}
+.yvdzu14::-webkit-slider-runnable-track {
+  height: 3px;
+  border-radius: 9999px;
+  background: linear-gradient(to right, var(--rc-text-secondary) var(--fill), var(--rc-fill) var(--fill));
+}
+.yvdzu14::-webkit-slider-thumb {
+  appearance: none;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background-color: var(--rc-bg);
+  border: 1px solid var(--rc-border);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  cursor: ew-resize;
+  margin-top: -4.5px;
+}
+.yvdzu14::-moz-range-track {
+  height: 3px;
+  border-radius: 9999px;
+  background: linear-gradient(to right, var(--rc-text-secondary) var(--fill), var(--rc-fill) var(--fill));
+}
+.yvdzu14::-moz-range-thumb {
+  appearance: none;
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background-color: var(--rc-bg);
+  border: 1px solid var(--rc-border);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  cursor: ew-resize;
+}
+.yvdzu15 {
+  position: absolute;
+  top: 50%;
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background-color: var(--rc-bg);
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+}
+.yvdzu16 {
+  min-width: 34px;
+  text-align: right;
+  font-size: var(--rc-font-size-xs);
+  font-variant-numeric: tabular-nums;
+  color: var(--rc-text-secondary);
+}
+.yvdzu17 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -8146,11 +8340,11 @@ figure.rich-image[data-layout="float-right"] {
   cursor: pointer;
   transition: background-color 0.15s ease, color 0.15s ease;
 }
-.yvdzu13:hover {
+.yvdzu17:hover {
   color: var(--rc-text);
   background-color: var(--rc-fill-secondary);
 }
-.yvdzu14 {
+.yvdzu18 {
   color: var(--rc-text);
   background-color: var(--rc-fill-secondary);
 }
@@ -8827,6 +9021,7 @@ figure.rich-image[data-layout="float-right"] {
   animation: _1fjmgdr3 0.5s ease forwards;
 }
 ._1fjmgdr5 {
+  font-family: var(--rc-font-family-sans);
   position: absolute;
   left: 2rem;
   right: 2rem;