@haklex/rich-compose 0.48.1 → 0.49.0

package/README.md

@@ -219,6 +219,7 @@ Decorator slots (`rendererConfig` / module `renderers`) accept any React compone
 | -------------- | ----------------- | --------------------- | ------------------------------- | ------------------------- |
 | `alert`        | builtin           | —                     | sync                            | `rich-renderer-alert`     |
 | `banner`       | builtin           | —                     | sync                            | `rich-renderer-banner`    |
+| `chart`        | `ChartNode`       | `ChartEditNode`       | sync                            | `rich-ext-chart`          |
 | `chat`         | `ChatNode`        | `ChatEditNode`        | sync                            | `rich-ext-chat`           |
 | `code-block`   | builtin           | —                     | lazy + ssr fallback             | `rich-renderer-codeblock` |
 | `code-snippet` | `CodeSnippetNode` | `CodeSnippetEditNode` | sync                            | `rich-ext-code-snippet`   |

package/dist/cli/litexml-html-preview-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"litexml-html-preview-client.d.ts","sourceRoot":"","sources":["../../src/cli/litexml-html-preview-client.tsx"],"names":[],"mappings":"AAsCA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,gCAAgC,CAAC,EAAE,MAAM,CAAC;QAC1C,gCAAgC,CAAC,EAAE,OAAO,CAAC;KAC5C;CACF"}
+{"version":3,"file":"litexml-html-preview-client.d.ts","sourceRoot":"","sources":["../../src/cli/litexml-html-preview-client.tsx"],"names":[],"mappings":"AAuCA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,gCAAgC,CAAC,EAAE,MAAM,CAAC;QAC1C,gCAAgC,CAAC,EAAE,OAAO,CAAC;KAC5C;CACF"}

package/dist/editor.d.ts

@@ -1,5 +1,6 @@
 import { alertEditModule } from './modules/alert/edit';
 import { bannerEditModule } from './modules/banner/edit';
+import { chartEditModule } from './modules/chart/edit';
 import { chatEditModule } from './modules/chat/edit';
 import { codeBlockEditModule } from './modules/code-block/edit';
 import { codeSnippetEditModule } from './modules/code-snippet/edit';
@@ -18,6 +19,6 @@ import { pollEditModule } from './modules/poll/edit';
 import { rubyEditModule } from './modules/ruby/edit';
 import { slashMenuEditModule } from './modules/slash-menu/edit';
 import { videoEditModule } from './modules/video/edit';
-export { alertEditModule, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, fileEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, videoEditModule, };
+export { alertEditModule, bannerEditModule, chartEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, fileEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, 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,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,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,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,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,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qCAqB5B,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,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,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,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,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,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qCAsB5B,CAAC"}

package/dist/editor.mjs

@@ -1,5 +1,6 @@
 import { alertEditModule } from "./modules/alert/edit.mjs";
 import { bannerEditModule } from "./modules/banner/edit.mjs";
+import { chartEditModule } from "./modules/chart/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";
@@ -22,6 +23,7 @@ import { videoEditModule } from "./modules/video/edit.mjs";
 var allEditorModules = [
 	alertEditModule,
 	bannerEditModule,
+	chartEditModule,
 	chatEditModule,
 	codeBlockEditModule,
 	codeSnippetEditModule,
@@ -42,4 +44,4 @@ var allEditorModules = [
 	videoEditModule
 ];
 //#endregion
-export { alertEditModule, allEditorModules, bannerEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, fileEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, videoEditModule };
+export { alertEditModule, allEditorModules, bannerEditModule, chartEditModule, chatEditModule, codeBlockEditModule, codeSnippetEditModule, dynamicEditModule, embedEditModule, excalidrawEditModule, fileEditModule, galleryEditModule, imageEditModule, katexEditModule, linkCardEditModule, mentionEditModule, mermaidEditModule, nestedDocEditModule, pollEditModule, rubyEditModule, slashMenuEditModule, videoEditModule };

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

@@ -5080,6 +5080,334 @@ figure.rich-image[data-display="fixed-height"] img {
 .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);
+}:root {
+  --rc-chart-1: #2a78d6;
+  --rc-chart-2: #eb6834;
+  --rc-chart-3: #1baf7a;
+  --rc-chart-4: #eda100;
+  --rc-chart-5: #e87ba4;
+  --rc-chart-6: #008300;
+  --rc-chart-muted: #d4d4d4;
+  --rc-chart-grid: #f0f0f0;
+  --rc-chart-axis: #d4d4d4;
+  --rc-chart-reference: #a3a3a3;
+  --rc-chart-crosshair: #a3a3a3;
+  --rc-chart-area-opacity: 0.16;
+  --rc-chart-hover-wash: rgba(0, 0, 0, 0.04);
+}
+:root.dark, [data-theme="dark"], .dark {
+  --rc-chart-1: #3987e5;
+  --rc-chart-2: #d95926;
+  --rc-chart-3: #199e70;
+  --rc-chart-4: #c98500;
+  --rc-chart-5: #d55181;
+  --rc-chart-6: #008300;
+  --rc-chart-muted: #3a3a3a;
+  --rc-chart-grid: #1c1c1c;
+  --rc-chart-axis: #404040;
+  --rc-chart-reference: #737373;
+  --rc-chart-crosshair: #525252;
+  --rc-chart-area-opacity: 0.2;
+  --rc-chart-hover-wash: rgba(255, 255, 255, 0.05);
+}
+[data-theme="light"] {
+  --rc-chart-1: #2a78d6;
+  --rc-chart-2: #eb6834;
+  --rc-chart-3: #1baf7a;
+  --rc-chart-4: #eda100;
+  --rc-chart-5: #e87ba4;
+  --rc-chart-6: #008300;
+  --rc-chart-muted: #d4d4d4;
+  --rc-chart-grid: #f0f0f0;
+  --rc-chart-axis: #d4d4d4;
+  --rc-chart-reference: #a3a3a3;
+  --rc-chart-crosshair: #a3a3a3;
+  --rc-chart-area-opacity: 0.16;
+  --rc-chart-hover-wash: rgba(0, 0, 0, 0.04);
+}._16ic4w0 {
+  margin: 1.5em 0;
+  container-type: inline-size;
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--rc-text);
+}
+._16ic4w1 {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+._16ic4w2 {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: var(--rc-text);
+}
+._16ic4w3 {
+  margin-top: 2px;
+  font-size: 13px;
+  color: var(--rc-text-tertiary);
+}
+._16ic4w4 {
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  height: 26px;
+  padding: 0 8px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--rc-text-tertiary);
+  font: inherit;
+  font-size: 12px;
+  cursor: pointer;
+}
+._16ic4w4:hover, ._16ic4w4[aria-pressed="true"] {
+  background: var(--rc-fill-secondary);
+  color: var(--rc-text);
+}
+._16ic4w4:focus-visible {
+  outline: 2px solid var(--rc-accent);
+  outline-offset: 1px;
+}
+._16ic4w5 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 14px;
+  margin: -2px 0 8px;
+  font-size: 12px;
+  color: var(--rc-text-secondary);
+}
+._16ic4w6 {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+._16ic4w7 {
+  width: 10px;
+  height: 10px;
+  border-radius: 2px;
+}
+._16ic4w8 {
+  width: 12px;
+  height: 2px;
+  border-radius: 1px;
+}
+._16ic4wa {
+  display: none;
+}
+._16ic4wb {
+  position: relative;
+}
+._16ic4wc {
+  display: block;
+  width: 100%;
+  height: auto;
+  overflow: visible;
+  font-family: inherit;
+  font-variant-numeric: tabular-nums;
+  user-select: none;
+}
+._16ic4wd {
+  font-size: 11px;
+  fill: var(--rc-text-tertiary);
+}
+._16ic4we {
+  font-size: 12px;
+  fill: var(--rc-text-tertiary);
+}
+._16ic4wf {
+  font-size: 11px;
+  fill: var(--rc-text-tertiary);
+}
+._16ic4wg {
+  font-size: 11px;
+  font-weight: 600;
+  fill: var(--rc-text);
+}
+._16ic4wh {
+  font-size: 12px;
+}
+._16ic4wi {
+  stroke: var(--rc-chart-grid);
+  stroke-width: 1;
+  shape-rendering: crispEdges;
+}
+._16ic4wj {
+  stroke: var(--rc-chart-axis);
+  stroke-width: 1;
+  shape-rendering: crispEdges;
+}
+._16ic4wk {
+  position: absolute;
+  z-index: 2;
+  min-width: 132px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  font-size: 12px;
+  line-height: 1.5;
+  pointer-events: none;
+  background: var(--rc-bg);
+  border: 1px solid var(--rc-hr-border);
+  box-shadow: var(--rc-shadow-menu);
+  white-space: nowrap;
+}
+._16ic4wl {
+  margin-bottom: 4px;
+  color: var(--rc-text-tertiary);
+}
+._16ic4wm {
+  display: grid;
+  grid-template-columns: 12px auto 1fr;
+  align-items: center;
+  gap: 8px;
+}
+._16ic4wn {
+  width: 12px;
+  height: 2px;
+  border-radius: 1px;
+}
+._16ic4wo {
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+  color: var(--rc-text);
+}
+._16ic4wp {
+  color: var(--rc-text-tertiary);
+}
+._16ic4wq {
+  margin-top: 10px;
+  font-size: 12px;
+  color: var(--rc-text-tertiary);
+}
+._16ic4wr {
+  font-weight: 500;
+  color: var(--rc-text-secondary);
+}
+._16ic4ws {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+  font-variant-numeric: tabular-nums;
+}
+._16ic4ws th, ._16ic4ws td {
+  padding: 7px 10px;
+  border-bottom: 1px solid var(--rc-hr-border);
+  text-align: right;
+}
+._16ic4ws th {
+  font-weight: 500;
+  font-size: 12px;
+  color: var(--rc-text-tertiary);
+}
+._16ic4ws th:first-child, ._16ic4ws td:first-child {
+  text-align: left;
+}
+._16ic4ws tbody tr:hover td {
+  background: var(--rc-bg-secondary);
+}
+._16ic4wt {
+  position: relative;
+  height: 220px;
+  display: grid;
+  place-items: center;
+}
+._16ic4wu {
+  position: absolute;
+  inset: 20px 0 30px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+._16ic4wv {
+  height: 1px;
+  background: var(--rc-chart-grid);
+}
+._16ic4ww {
+  position: relative;
+  padding: 6px 14px;
+  text-align: center;
+  background: var(--rc-bg);
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--rc-text-secondary);
+}
+._16ic4wx {
+  display: block;
+  font-family: var(--rc-font-mono);
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--rc-text-tertiary);
+}
+@container (max-width: 520px) {
+  ._16ic4w9 {
+    display: none;
+  }
+  ._16ic4wa {
+    display: block;
+  }
+}._1tf6ot70 {
+  margin: 1.5em 0;
+  padding: 16px 18px;
+  border-radius: 10px;
+  border: 1px solid var(--rc-hr-border);
+  background: var(--rc-bg-secondary);
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--rc-text);
+}
+._1tf6ot71 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+._1tf6ot72 {
+  flex: none;
+  width: 16px;
+  height: 16px;
+  color: var(--rc-alert-caution);
+}
+._1tf6ot73 {
+  font-size: 14px;
+  font-weight: 600;
+}
+._1tf6ot74 {
+  margin-left: auto;
+  font-family: var(--rc-font-mono);
+  font-size: 12px;
+  color: var(--rc-text-tertiary);
+}
+._1tf6ot75 {
+  margin: 2px 0 12px 24px;
+  color: var(--rc-text-tertiary);
+}
+._1tf6ot76 {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  border-top: 1px solid var(--rc-hr-border);
+}
+._1tf6ot77 {
+  padding: 10px 0 10px 24px;
+  border-bottom: 1px solid var(--rc-hr-border);
+}
+._1tf6ot77:last-child {
+  border-bottom: 0;
+  padding-bottom: 0;
+}
+._1tf6ot78 {
+  padding: 1px 6px;
+  border-radius: 4px;
+  font-family: var(--rc-font-mono);
+  font-size: 12px;
+  background: var(--rc-fill-secondary);
+}
+._1tf6ot79 {
+  display: block;
+  font-size: 12px;
+  color: var(--rc-text-tertiary);
 }._1wforzf0 {
   display: flex;
   flex-direction: column;