@haklex/rich-ext-gallery 0.0.31 → 0.0.33

package/dist/GalleryEditNode.d.ts

@@ -0,0 +1,14 @@
+import { SlashMenuItemConfig } from '@haklex/rich-editor';
+import { EditorConfig, LexicalEditor, LexicalNode, NodeKey } from 'lexical';
+import { ReactElement } from 'react';
+import { GalleryNode, GalleryNodePayload, SerializedGalleryNode } from './GalleryNode';
+export declare class GalleryEditNode extends GalleryNode {
+    static slashMenuItems: SlashMenuItemConfig[];
+    static clone(node: GalleryEditNode): GalleryEditNode;
+    constructor(payload: GalleryNodePayload, key?: NodeKey);
+    static importJSON(serializedNode: SerializedGalleryNode): GalleryEditNode;
+    decorate(editor: LexicalEditor, _config: EditorConfig): ReactElement;
+}
+export declare function $createGalleryEditNode(payload: GalleryNodePayload): GalleryEditNode;
+export declare function $isGalleryEditNode(node: LexicalNode | null | undefined): node is GalleryEditNode;
+//# sourceMappingURL=GalleryEditNode.d.ts.map

package/dist/GalleryEditNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditNode.d.ts","sourceRoot":"","sources":["../src/GalleryEditNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,mBAAmB,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAGhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EACL,WAAW,EACX,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC3B,MAAM,eAAe,CAAA;AAGtB,qBAAa,eAAgB,SAAQ,WAAW;IAC9C,MAAM,CAAC,cAAc,EAAE,mBAAmB,EAAE,CAa3C;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,eAAe,GAAG,eAAe;gBAUxC,OAAO,EAAE,kBAAkB,EAAE,GAAG,CAAC,EAAE,OAAO;IAItD,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,eAAe;IAOzE,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAoBrE;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,kBAAkB,GAC1B,eAAe,CAEjB;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,eAAe,CAEzB"}

package/dist/GalleryEditRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryEditRenderer.d.ts","sourceRoot":"","sources":["../src/GalleryEditRenderer.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAgB,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAY7E,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAA;AAmV9C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,oBAAoB,CAmExD,CAAA"}
+{"version":3,"file":"GalleryEditRenderer.d.ts","sourceRoot":"","sources":["../src/GalleryEditRenderer.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAgB,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAa7E,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAA;AAmV9C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,oBAAoB,CAqExD,CAAA"}

package/dist/GalleryNode.d.ts

@@ -1,4 +1,4 @@
-import { GalleryImage, SlashMenuItemConfig } from '@haklex/rich-editor';
+import { GalleryImage } from '@haklex/rich-editor';
 import { EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode, Spread, DecoratorNode } from 'lexical';
 import { ReactElement } from 'react';
 export type SerializedGalleryNode = Spread<{
@@ -12,7 +12,6 @@ export interface GalleryNodePayload {
 export declare class GalleryNode extends DecoratorNode<ReactElement> {
     __images: GalleryImage[];
     __layout: 'grid' | 'masonry' | 'carousel';
-    static slashMenuItems: SlashMenuItemConfig[];
     static getType(): string;
     static clone(node: GalleryNode): GalleryNode;
     constructor(payload: GalleryNodePayload, key?: NodeKey);
@@ -25,7 +24,7 @@ export declare class GalleryNode extends DecoratorNode<ReactElement> {
     setImages(images: GalleryImage[]): void;
     getLayout(): 'grid' | 'masonry' | 'carousel';
     setLayout(layout: 'grid' | 'masonry' | 'carousel'): void;
-    decorate(editor: LexicalEditor, _config: EditorConfig): ReactElement;
+    decorate(_editor: LexicalEditor, _config: EditorConfig): ReactElement;
 }
 export declare function $createGalleryNode(payload: GalleryNodePayload): GalleryNode;
 export declare function $isGalleryNode(node: LexicalNode | null | undefined): node is GalleryNode;

package/dist/GalleryNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryNode.d.ts","sourceRoot":"","sources":["../src/GalleryNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,mBAAmB,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAA+B,aAAa,EAAE,MAAM,SAAS,CAAA;AAEpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKzC,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC,EACD,qBAAqB,CACtB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC;AAED,qBAAa,WAAY,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC1D,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAEzC,MAAM,CAAC,cAAc,EAAE,mBAAmB,EAAE,CAa3C;IAED,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAUhC,OAAO,EAAE,kBAAkB,EAAE,GAAG,CAAC,EAAE,OAAO;IAMtD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IAM7C,SAAS,IAAI,OAAO;IAIpB,QAAQ,IAAI,OAAO;IAInB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAOrE,UAAU,IAAI,qBAAqB;IAUnC,SAAS,IAAI,YAAY,EAAE;IAI3B,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI;IAKvC,SAAS,IAAI,MAAM,GAAG,SAAS,GAAG,UAAU;IAI5C,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI;IAKxD,QAAQ,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAuBrE;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAE3E;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,WAAW,CAErB"}
+{"version":3,"file":"GalleryNode.d.ts","sourceRoot":"","sources":["../src/GalleryNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,qBAAqB,CAAA;AAE7E,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,OAAO,EACP,qBAAqB,EACrB,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAIzC,MAAM,MAAM,qBAAqB,GAAG,MAAM,CACxC;IACE,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC,EACD,qBAAqB,CACtB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;CACzC;AAED,qBAAa,WAAY,SAAQ,aAAa,CAAC,YAAY,CAAC;IAC1D,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAA;IAEzC,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAUhC,OAAO,EAAE,kBAAkB,EAAE,GAAG,CAAC,EAAE,OAAO;IAMtD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,WAAW;IAM7C,SAAS,IAAI,OAAO;IAIpB,QAAQ,IAAI,OAAO;IAInB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,qBAAqB,GAAG,WAAW;IAOrE,UAAU,IAAI,qBAAqB;IAUnC,SAAS,IAAI,YAAY,EAAE;IAI3B,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI;IAKvC,SAAS,IAAI,MAAM,GAAG,SAAS,GAAG,UAAU;IAI5C,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI;IAKxD,QAAQ,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY;CAOtE;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,WAAW,CAE3E;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,WAAW,CAErB"}

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 import { Klass, LexicalNode } from 'lexical';
+export { $createGalleryEditNode, $isGalleryEditNode, GalleryEditNode, } from './GalleryEditNode';
 export { GalleryEditRenderer } from './GalleryEditRenderer';
 export type { GalleryNodePayload, SerializedGalleryNode } from './GalleryNode';
 export { $createGalleryNode, $isGalleryNode, GalleryNode } from './GalleryNode';
 export { default, GalleryRenderer } from './GalleryRenderer';
 export declare const galleryNodes: Array<Klass<LexicalNode>>;
+export declare const galleryEditNodes: Array<Klass<LexicalNode>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAIjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAKjD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,GAChB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE5D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAiB,CAAA;AACpE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAqB,CAAA"}

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { decodeThumbHash, createRendererDecoration } from "@haklex/rich-editor";
+import { decodeThumbHash, createRendererDecoration, useColorScheme } from "@haklex/rich-editor";
 import { DecoratorNode, $insertNodes, $getNodeByKey } from "lexical";
 import { ChevronLeft, ChevronRight, Images, ImageIcon, Pencil, X, Plus, GripVertical, Trash2 } from "lucide-react";
 import { memo, useMemo, useState, useRef, useEffect, useCallback, createElement } from "react";
@@ -249,7 +249,7 @@ const GalleryFigure = memo(
   }
 );
 const GalleryRenderer_default = memo(GalleryRenderer);
-const _GalleryNode = class _GalleryNode extends DecoratorNode {
+class GalleryNode extends DecoratorNode {
   constructor(payload, key) {
     super(key);
     __publicField(this, "__images");
@@ -261,7 +261,7 @@ const _GalleryNode = class _GalleryNode extends DecoratorNode {
     return "gallery";
   }
   static clone(node) {
-    return new _GalleryNode(
+    return new GalleryNode(
       {
         images: node.__images.map((img) => ({ ...img })),
         layout: node.__layout
@@ -309,31 +309,61 @@ const _GalleryNode = class _GalleryNode extends DecoratorNode {
     const writable = this.getWritable();
     writable.__layout = layout;
   }
+  decorate(_editor, _config) {
+    const props = {
+      images: this.__images,
+      layout: this.__layout
+    };
+    return createRendererDecoration("Gallery", GalleryRenderer, props);
+  }
+}
+function $createGalleryNode(payload) {
+  return new GalleryNode(payload);
+}
+function $isGalleryNode(node) {
+  return node instanceof GalleryNode;
+}
+const _GalleryEditNode = class _GalleryEditNode extends GalleryNode {
+  static clone(node) {
+    return new _GalleryEditNode(
+      {
+        images: node.__images.map((img) => ({ ...img })),
+        layout: node.__layout
+      },
+      node.__key
+    );
+  }
+  constructor(payload, key) {
+    super(payload, key);
+  }
+  static importJSON(serializedNode) {
+    return new _GalleryEditNode({
+      images: serializedNode.images,
+      layout: serializedNode.layout
+    });
+  }
   decorate(editor, _config) {
     const nodeKey = this.__key;
-    const isEditable = editor.isEditable();
     const props = {
       images: this.__images,
       layout: this.__layout,
-      ...isEditable && {
-        onImagesChange: (images) => {
-          editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
-            if (node) node.setImages(images);
-          });
-        },
-        onLayoutChange: (layout) => {
-          editor.update(() => {
-            const node = $getNodeByKey(nodeKey);
-            if (node) node.setLayout(layout);
-          });
-        }
+      onImagesChange: (images) => {
+        editor.update(() => {
+          const node = $getNodeByKey(nodeKey);
+          if (node) node.setImages(images);
+        });
+      },
+      onLayoutChange: (layout) => {
+        editor.update(() => {
+          const node = $getNodeByKey(nodeKey);
+          if (node) node.setLayout(layout);
+        });
       }
     };
     return createRendererDecoration("Gallery", GalleryRenderer, props);
   }
 };
-__publicField(_GalleryNode, "slashMenuItems", [
+__publicField(_GalleryEditNode, "slashMenuItems", [
   {
     title: "Gallery",
     icon: createElement(Images, { size: 20 }),
@@ -342,17 +372,17 @@ __publicField(_GalleryNode, "slashMenuItems", [
     section: "MEDIA",
     onSelect: (editor) => {
       editor.update(() => {
-        $insertNodes([$createGalleryNode({ images: [] })]);
+        $insertNodes([$createGalleryEditNode({ images: [] })]);
       });
     }
   }
 ]);
-let GalleryNode = _GalleryNode;
-function $createGalleryNode(payload) {
-  return new GalleryNode(payload);
+let GalleryEditNode = _GalleryEditNode;
+function $createGalleryEditNode(payload) {
+  return new GalleryEditNode(payload);
 }
-function $isGalleryNode(node) {
-  return node instanceof GalleryNode;
+function $isGalleryEditNode(node) {
+  return node instanceof GalleryEditNode;
 }
 const layoutItems = [
   { value: "grid", label: "Grid" },
@@ -621,6 +651,7 @@ const GalleryEditRenderer = ({
   onLayoutChange
 }) => {
   const { className: portalClassName } = usePortalTheme();
+  const theme = useColorScheme();
   const handleOpenEditor = useCallback(() => {
     if (!onImagesChange || !onLayoutChange) return;
     presentDialog({
@@ -636,10 +667,11 @@ const GalleryEditRenderer = ({
       ),
       className: galleryDialogPopup,
       portalClassName,
+      theme,
       showCloseButton: false,
       clickOutsideToDismiss: false
     });
-  }, [images, layout, onImagesChange, onLayoutChange, portalClassName]);
+  }, [images, layout, onImagesChange, onLayoutChange, portalClassName, theme]);
   if (!onImagesChange) {
     return /* @__PURE__ */ jsx(GalleryRenderer, { images, layout });
   }
@@ -680,12 +712,17 @@ const GalleryEditRenderer = ({
   ] });
 };
 const galleryNodes = [GalleryNode];
+const galleryEditNodes = [GalleryEditNode];
 export {
+  $createGalleryEditNode,
   $createGalleryNode,
+  $isGalleryEditNode,
   $isGalleryNode,
+  GalleryEditNode,
   GalleryEditRenderer,
   GalleryNode,
   GalleryRenderer,
   GalleryRenderer_default as default,
+  galleryEditNodes,
   galleryNodes
 };

package/dist/rich-ext-gallery.css

@@ -1 +1 @@
-._10ydd1n0{position:relative;width:100%;margin:16px 0}._10ydd1n1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}._10ydd1n2{column-count:3;column-gap:12px}._10ydd1n2 figure{break-inside:avoid;margin-bottom:12px}._10ydd1n3{position:relative}._10ydd1n4{width:100%;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}._10ydd1n4::-webkit-scrollbar{display:none}._10ydd1n5{display:inline-block;margin:0;cursor:pointer;transition:transform .2s ease}._10ydd1n5:hover{transform:scale(1.02)}._10ydd1n5 img{display:block;border-radius:4px}._10ydd1n6{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--rc-border);background:var(--rc-bg-secondary);color:var(--rc-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(20px) saturate(180%);z-index:10}._10ydd1n7{left:8px}._10ydd1n8{right:8px}._10ydd1n9{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}._10ydd1na{width:6px;height:6px;border-radius:50%;background:var(--rc-text-secondary);opacity:.5;backdrop-filter:blur(20px) saturate(180%);cursor:pointer;transition:opacity .2s}._10ydd1na:hover,._10ydd1nb{opacity:1}._10ydd1nc{position:relative;width:100%;margin:16px 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--rc-border);min-height:120px}._10ydd1nd{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;transition:background .2s}._10ydd1nd:hover{background:color-mix(in srgb,currentColor 6%,transparent)}._10ydd1ne{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;opacity:0;transition:opacity .2s}._10ydd1nc:hover ._10ydd1ne{opacity:1}._10ydd1nf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);min-height:120px}._10ydd1ng._10ydd1ng{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(720px,85vh);border-radius:.5rem}._10ydd1ng._10ydd1ng[data-open],._10ydd1ng._10ydd1ng[data-closed]{animation:none}._10ydd1nh{display:flex;align-items:center;height:48px;flex-shrink:0;padding:0 12px 0 16px;border-bottom:1px solid var(--rc-border);gap:10px}._10ydd1ni{display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-md);font-weight:600;color:var(--rc-text);line-height:1}._10ydd1nj{margin-left:auto;display:flex;align-items:center;gap:2px}._10ydd1nk{margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nk:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1nl{flex:1;min-height:0;overflow-y:auto;padding:1rem}._10ydd1nm{display:flex;flex-direction:column;gap:.75rem}._10ydd1nn{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--rc-border);background:color-mix(in srgb,var(--rc-text) 2%,transparent)}._10ydd1no{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--rc-text-secondary);cursor:grab;margin-top:4px;border-radius:4px;transition:background .15s,color .15s}._10ydd1no:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1no:active{cursor:grabbing}._10ydd1np{width:64px;height:64px;border-radius:4px;overflow:hidden;flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 5%,transparent);display:flex;align-items:center;justify-content:center}._10ydd1np img{width:100%;height:100%;object-fit:cover}._10ydd1nq{color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._10ydd1nr{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}._10ydd1ns{width:100%;padding:4px 8px;border-radius:4px;border:1px solid var(--rc-border);background:var(--rc-bg);color:var(--rc-text);font-size:var(--rc-font-size-sm);outline:none;transition:border-color .15s}._10ydd1ns:focus{border-color:color-mix(in srgb,var(--rc-text) 30%,transparent)}._10ydd1ns::placeholder{color:color-mix(in srgb,var(--rc-text-secondary) 50%,transparent)}._10ydd1nt{display:flex;flex-direction:column;gap:2px;flex-shrink:0}._10ydd1nu{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nu:hover{background:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution)}._10ydd1nv{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.625rem;border-radius:.5rem;border:1px dashed var(--rc-border);background:transparent;color:var(--rc-text-secondary);font-size:var(--rc-font-size-sm);cursor:pointer;transition:border-color .15s,color .15s,background .15s}._10ydd1nv:hover{border-color:color-mix(in srgb,var(--rc-text) 20%,transparent);color:var(--rc-text);background:color-mix(in srgb,var(--rc-text) 2%,transparent)}._10ydd1nw{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:44px;border-top:1px solid var(--rc-border);flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 1.5%,transparent)}._10ydd1nx{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._10ydd1ny{display:flex;align-items:center;gap:.5rem}._10ydd1nz{padding:.25rem .75rem;border-radius:.375rem;font-size:var(--rc-font-size-xs);font-weight:500;cursor:pointer;height:28px;transition:background-color .15s,border-color .15s}._10ydd1n10{background-color:transparent;color:var(--rc-text-secondary);border:1px solid var(--rc-border)}._10ydd1n10:hover{background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._10ydd1n11{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid transparent}._10ydd1n11:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}._10ydd1n12{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);padding:2rem}@media(max-width:768px){._10ydd1n2{column-count:2}}@media(max-width:480px){._10ydd1n1{grid-template-columns:1fr}._10ydd1n2{column-count:1}}@media(min-width:640px){._10ydd1ng._10ydd1ng{max-width:56rem}}
+:root{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.yectnr0{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.yectnr1{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.yectnr2{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 8px}.dark .yectnr0,[data-theme=dark] .yectnr0,.dark.yectnr0,[data-theme=dark].yectnr0,.dark .yectnr1,[data-theme=dark] .yectnr1,.dark.yectnr1,[data-theme=dark].yectnr1,.dark .yectnr2,[data-theme=dark] .yectnr2,.dark.yectnr2,[data-theme=dark].yectnr2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0}._10ydd1n0{position:relative;width:100%;margin:16px 0}._10ydd1n1{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}._10ydd1n2{column-count:3;column-gap:12px}._10ydd1n2 figure{break-inside:avoid;margin-bottom:12px}._10ydd1n3{position:relative}._10ydd1n4{width:100%;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}._10ydd1n4::-webkit-scrollbar{display:none}._10ydd1n5{display:inline-block;margin:0;cursor:pointer;transition:transform .2s ease}._10ydd1n5:hover{transform:scale(1.02)}._10ydd1n5 img{display:block;border-radius:4px}._10ydd1n6{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--rc-border);background:var(--rc-bg-secondary);color:var(--rc-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(20px) saturate(180%);z-index:10}._10ydd1n7{left:8px}._10ydd1n8{right:8px}._10ydd1n9{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}._10ydd1na{width:6px;height:6px;border-radius:50%;background:var(--rc-text-secondary);opacity:.5;backdrop-filter:blur(20px) saturate(180%);cursor:pointer;transition:opacity .2s}._10ydd1na:hover,._10ydd1nb{opacity:1}._10ydd1nc{position:relative;width:100%;margin:16px 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--rc-border);min-height:120px}._10ydd1nd{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;transition:background .2s}._10ydd1nd:hover{background:color-mix(in srgb,currentColor 6%,transparent)}._10ydd1ne{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;opacity:0;transition:opacity .2s}._10ydd1nc:hover ._10ydd1ne{opacity:1}._10ydd1nf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);min-height:120px}._10ydd1ng._10ydd1ng{padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden;width:calc(100vw - 2rem);height:min(720px,85vh);border-radius:.5rem}._10ydd1ng._10ydd1ng[data-open],._10ydd1ng._10ydd1ng[data-closed]{animation:none}._10ydd1nh{display:flex;align-items:center;height:48px;flex-shrink:0;padding:0 12px 0 16px;border-bottom:1px solid var(--rc-border);gap:10px}._10ydd1ni{display:flex;align-items:center;gap:.5rem;font-size:var(--rc-font-size-md);font-weight:600;color:var(--rc-text);line-height:1}._10ydd1nj{margin-left:auto;display:flex;align-items:center;gap:2px}._10ydd1nk{margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nk:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1nl{flex:1;min-height:0;overflow-y:auto;padding:1rem}._10ydd1nm{display:flex;flex-direction:column;gap:.75rem}._10ydd1nn{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--rc-border);background:color-mix(in srgb,var(--rc-text) 2%,transparent)}._10ydd1no{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--rc-text-secondary);cursor:grab;margin-top:4px;border-radius:4px;transition:background .15s,color .15s}._10ydd1no:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._10ydd1no:active{cursor:grabbing}._10ydd1np{width:64px;height:64px;border-radius:4px;overflow:hidden;flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 5%,transparent);display:flex;align-items:center;justify-content:center}._10ydd1np img{width:100%;height:100%;object-fit:cover}._10ydd1nq{color:color-mix(in srgb,var(--rc-text-secondary) 40%,transparent)}._10ydd1nr{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}._10ydd1ns{width:100%;padding:4px 8px;border-radius:4px;border:1px solid var(--rc-border);background:var(--rc-bg);color:var(--rc-text);font-size:var(--rc-font-size-sm);outline:none;transition:border-color .15s}._10ydd1ns:focus{border-color:color-mix(in srgb,var(--rc-text) 30%,transparent)}._10ydd1ns::placeholder{color:color-mix(in srgb,var(--rc-text-secondary) 50%,transparent)}._10ydd1nt{display:flex;flex-direction:column;gap:2px;flex-shrink:0}._10ydd1nu{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._10ydd1nu:hover{background:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution)}._10ydd1nv{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.625rem;border-radius:.5rem;border:1px dashed var(--rc-border);background:transparent;color:var(--rc-text-secondary);font-size:var(--rc-font-size-sm);cursor:pointer;transition:border-color .15s,color .15s,background .15s}._10ydd1nv:hover{border-color:color-mix(in srgb,var(--rc-text) 20%,transparent);color:var(--rc-text);background:color-mix(in srgb,var(--rc-text) 2%,transparent)}._10ydd1nw{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:44px;border-top:1px solid var(--rc-border);flex-shrink:0;background-color:color-mix(in srgb,var(--rc-text) 1.5%,transparent)}._10ydd1nx{font-size:var(--rc-font-size-xs);color:var(--rc-text-secondary)}._10ydd1ny{display:flex;align-items:center;gap:.5rem}._10ydd1nz{padding:.25rem .75rem;border-radius:.375rem;font-size:var(--rc-font-size-xs);font-weight:500;cursor:pointer;height:28px;transition:background-color .15s,border-color .15s}._10ydd1n10{background-color:transparent;color:var(--rc-text-secondary);border:1px solid var(--rc-border)}._10ydd1n10:hover{background-color:color-mix(in srgb,var(--rc-text) 4%,transparent)}._10ydd1n11{background-color:var(--rc-text);color:var(--rc-bg);border:1px solid transparent}._10ydd1n11:hover{background-color:color-mix(in srgb,var(--rc-text) 85%,transparent)}._10ydd1n12{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);padding:2rem}@media(max-width:768px){._10ydd1n2{column-count:2}}@media(max-width:480px){._10ydd1n1{grid-template-columns:1fr}._10ydd1n2{column-count:1}}@media(min-width:640px){._10ydd1ng._10ydd1ng{max-width:56rem}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-ext-gallery",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "description": "Image gallery extension with drag-and-drop",
   "license": "MIT",
   "type": "module",
@@ -22,9 +22,9 @@
     "react-intersection-observer": "^9.16.0",
     "react-photo-view": "^1.2.7",
     "thumbhash": "^0.1.1",
-    "@haklex/rich-editor": "0.0.31",
-    "@haklex/rich-editor-ui": "0.0.31",
-    "@haklex/rich-style-token": "0.0.31"
+    "@haklex/rich-editor": "0.0.33",
+    "@haklex/rich-editor-ui": "0.0.33",
+    "@haklex/rich-style-token": "0.0.33"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",