@haklex/rich-renderer-image 0.0.65 → 0.0.67

package/README.md

@@ -1,77 +1,63 @@
 # @haklex/rich-renderer-image
 
-图片渲染器，支持 Thumbhash 模糊占位、灯箱预览和编辑器内图片管理。
+Image renderer with blurhash placeholder support and lightbox zoom for full-size viewing.
 
-## 安装
+## Installation
 
 ```bash
-pnpm add @haklex/rich-renderer-image @haklex/rich-editor
+pnpm add @haklex/rich-renderer-image
 ```
 
-## 导出
+## Peer Dependencies
 
-```ts
-export { ImageRenderer } from './ImageRenderer'
-export { ImageEditRenderer } from './ImageEditRenderer'
-```
-
-## 功能
-
-- Thumbhash 模糊占位 + 渐显加载动画
-- 图片灯箱（react-photo-view）
-- 图片说明（caption）
-- 加载 / 错误状态
-- 编辑模式：替换、元信息编辑、复制、删除、下载
-
-## 架构
-
-```
-ImageRenderer          — 静态渲染（灯箱 + thumbhash）
-ImageEditRenderer      — 编辑模式入口，mode !== 'editor' 时回退到 ImageRenderer
-├── ImageEditContext    — Jotai Provider，管理编辑状态 atoms
-├── ImageEditToolbar   — 悬浮工具栏（元信息 / 替换 / 打开 / 复制 / 下载 / 删除）
-├── EditMetaPopover    — 编辑 src / alt / caption
-├── ReplacePopover     — 替换图片（上传 / URL）
-├── ReplacePanel       — Upload / URL 切换面板
-├── useImageActions    — 所有编辑操作 hooks
-└── atoms              — Jotai atoms（src, loadState, hovering, replace 状态等）
-```
+| Package | Version |
+| --- | --- |
+| `lexical` | `^0.41.0` |
+| `@lexical/react` | `^0.41.0` |
+| `react` | `>=19` |
+| `react-dom` | `>=19` |
 
-## 使用
+## Usage
 
 ```tsx
-import { ImageRenderer } from '@haklex/rich-renderer-image'
-import type { RendererConfig } from '@haklex/rich-editor'
+import { ImageRenderer } from '@haklex/rich-renderer-image/static'
 
-// 静态渲染
-const config: RendererConfig = {
+// Register in a static RendererConfig
+const rendererConfig = {
+  // ...other renderers
   Image: ImageRenderer,
 }
+```
+
+For edit mode:
 
-// 编辑模式
+```tsx
 import { ImageEditRenderer } from '@haklex/rich-renderer-image'
 
-const editConfig: RendererConfig = {
+const editRendererConfig = {
+  // ...other renderers
   Image: ImageEditRenderer,
 }
 ```
 
-## 样式
+## Exports
+
+### Components
+
+- `ImageRenderer` — Static (read-only) renderer with blurhash placeholder and lightbox zoom
+- `ImageEditRenderer` — Edit (interactive) renderer with image controls
 
-Vanilla Extract CSS-in-TS。所有样式类通过 `semanticClassNames` 导出语义化 class 名，便于外部覆盖。
+### Sub-path Exports
 
-加载动画：img 初始 `opacity: 0`，加载完成后通过 `imageVisible` class 施加 `opacity: 1` + mask 渐显动画。
+| Path | Description |
+| --- | --- |
+| `@haklex/rich-renderer-image` | Full exports (edit + static) |
+| `@haklex/rich-renderer-image/static` | Static-only renderer |
+| `@haklex/rich-renderer-image/style.css` | Stylesheet |
 
-## 依赖
+## Part of Haklex
 
-| 包 | 用途 |
-|---|------|
-| `@haklex/rich-editor` | 核心类型、节点操作、上传上下文 |
-| `@haklex/rich-editor-ui` | Popover、SegmentedControl |
-| `jotai` | 编辑状态管理 |
-| `lucide-react` | 工具栏图标 |
-| `react-photo-view` | 灯箱 |
-| `thumbhash` | 模糊占位图解码 |
+This package is part of the [Haklex](../../README.md) rich editor ecosystem.
 
 ## License
 

package/dist/EditMetaPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditMetaPopover.d.ts","sourceRoot":"","sources":["../src/EditMetaPopover.tsx"],"names":[],"mappings":"AAYA,wBAAgB,eAAe,4CA6E9B"}
+{"version":3,"file":"EditMetaPopover.d.ts","sourceRoot":"","sources":["../src/EditMetaPopover.tsx"],"names":[],"mappings":"AAeA,wBAAgB,eAAe,4CAwE9B"}

package/dist/ImageEditContext.d.ts

@@ -1,4 +1,4 @@
-import { ImageRendererProps } from '@haklex/rich-editor';
+import { ImageRendererProps } from '@haklex/rich-editor/renderers';
 import { ReactNode } from 'react';
 export declare function ImageEditProvider({ props, children, }: {
     props: ImageRendererProps;

package/dist/ImageEditContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditContext.d.ts","sourceRoot":"","sources":["../src/ImageEditContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAoBtC,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAA;IACzB,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAsDA"}
+{"version":3,"file":"ImageEditContext.d.ts","sourceRoot":"","sources":["../src/ImageEditContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAsDA"}

package/dist/ImageEditRenderer.d.ts

@@ -1,3 +1,3 @@
-import { ImageRendererProps } from '@haklex/rich-editor';
+import { ImageRendererProps } from '@haklex/rich-editor/renderers';
 export declare function ImageEditRenderer(props: ImageRendererProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ImageEditRenderer.d.ts.map

package/dist/ImageEditRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditRenderer.d.ts","sourceRoot":"","sources":["../src/ImageEditRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAmB,MAAM,qBAAqB,CAAA;AA2B9E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,2CAQ1D"}
+{"version":3,"file":"ImageEditRenderer.d.ts","sourceRoot":"","sources":["../src/ImageEditRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AA+BxE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,2CAQ1D"}

package/dist/ImageEditToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEditToolbar.d.ts","sourceRoot":"","sources":["../src/ImageEditToolbar.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,gBAAgB,4CA0G/B"}
+{"version":3,"file":"ImageEditToolbar.d.ts","sourceRoot":"","sources":["../src/ImageEditToolbar.tsx"],"names":[],"mappings":"AAUA,wBAAgB,gBAAgB,4CAqG/B"}

package/dist/{ImageRenderer-BzOAp28v.js → ImageRenderer-gflWZhku.js}

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react-photo-view/dist/react-photo-view.css";
-import { decodeThumbHash, vars } from "@haklex/rich-editor";
+import { vars } from "@haklex/rich-editor";
+import { decodeThumbHash } from "@haklex/rich-editor/renderers";
 import { useState, useMemo } from "react";
 import { PhotoProvider, PhotoView } from "react-photo-view";
-var semanticClassNames = { root: "rr-image-root", frame: "rr-image-frame", frameLoading: "rr-image-loading", frameLoaded: "rr-image-loaded", frameError: "rr-image-error", image: "rr-image-img", loader: "rr-image-loader", errorBadge: "rr-image-error", caption: "rr-image-caption", editTrigger: "rr-image-edit-trigger", editPlaceholder: "rr-image-edit-placeholder", editToolbar: "rr-image-edit-toolbar", editToolbarVisible: "rr-image-edit-toolbar-visible", editToolbarButton: "rr-image-edit-toolbar-button", editToolbarButtonDanger: "rr-image-edit-toolbar-danger", editField: "rr-image-edit-field", editFieldIcon: "rr-image-edit-field-icon", editInput: "rr-image-edit-input", editActions: "rr-image-edit-actions", editActionButton: "rr-image-edit-action-btn", editActionButtonEnd: "rr-image-edit-action-btn--end", replaceUploadArea: "rr-image-replace-upload-area", replacePreview: "rr-image-replace-preview", panelHint: "rr-image-panel-hint" };
+var semanticClassNames = { root: "rr-image-root", frame: "rr-image-frame", frameLoading: "rr-image-loading", frameLoaded: "rr-image-loaded", frameError: "rr-image-error", image: "rr-image-img", loader: "rr-image-loader", errorBadge: "rr-image-error", caption: "rr-image-caption", editTrigger: "rr-image-edit-trigger", editPlaceholder: "rr-image-edit-placeholder", editToolbar: "rr-image-edit-toolbar", editToolbarVisible: "rr-image-edit-toolbar-visible", editToolbarButton: "rr-image-edit-toolbar-button", editToolbarButtonDanger: "rr-image-edit-toolbar-danger", editField: "rr-image-edit-field", editFieldIcon: "rr-image-edit-field-icon", editInput: "rr-image-edit-input", replaceUploadArea: "rr-image-replace-upload-area", replacePreview: "rr-image-replace-preview", panelHint: "rr-image-panel-hint" };
 var root = "_1n94osf0";
 var image = "_1n94osf2";
 var imageState = { loading: "_1n94osf3", loaded: "_1n94osf4", error: "_1n94osf5" };
@@ -23,12 +24,9 @@ var editPanel = "_1n94osfq";
 var editField = "_1n94osfr";
 var editFieldIcon = "_1n94osfs";
 var editInput = "_1n94osft";
-var editActions = "_1n94osfu";
-var editActionButton = "_1n94osfv";
-var editActionButtonEnd = "_1n94osfw";
-var replaceUploadArea = "_1n94osfx";
-var replacePreview = "_1n94osfy";
-var panelHint = "_1n94osfz";
+var replaceUploadArea = "_1n94osfu";
+var replacePreview = "_1n94osfv";
+var panelHint = "_1n94osfw";
 const frameStateSemanticClass = {
   loading: semanticClassNames.frameLoading,
   loaded: semanticClassNames.frameLoaded,
@@ -52,10 +50,7 @@ const ImageRenderer = ({
   accent
 }) => {
   const [state, setState] = useState("loading");
-  const captionText = useMemo(
-    () => getCaptionText(altText, caption$1),
-    [altText, caption$1]
-  );
+  const captionText = useMemo(() => getCaptionText(altText, caption$1), [altText, caption$1]);
   const placeholderUrl = useMemo(
     () => thumbhash ? decodeThumbHash(thumbhash) : void 0,
     [thumbhash]
@@ -73,11 +68,11 @@ const ImageRenderer = ({
     /* @__PURE__ */ jsx(PhotoProvider, { photoClosable: true, children: /* @__PURE__ */ jsx(PhotoView, { src, children: /* @__PURE__ */ jsxs(
       "div",
       {
+        "aria-label": `Open image: ${altText || "image"}`,
         className: `${frame} ${semanticClassNames.frame} ${imageState[state]} ${frameStateSemanticClass[state]}`.trim(),
-        style: frameStyle,
         role: "button",
+        style: frameStyle,
         tabIndex: 0,
-        "aria-label": `Open image: ${altText || "image"}`,
         onKeyDown: (e) => {
           if (e.key !== "Enter" && e.key !== " ") return;
           e.preventDefault();
@@ -87,69 +82,49 @@ const ImageRenderer = ({
           /* @__PURE__ */ jsx(
             "img",
             {
-              src,
               alt: altText,
-              width,
+              className: `${image} ${state === "loaded" ? imageVisible : ""} ${semanticClassNames.image}`,
+              "data-state": state,
               height,
               loading: "lazy",
-              "data-state": state,
-              className: `${image} ${state === "loaded" ? imageVisible : ""} ${semanticClassNames.image}`,
+              src,
               style: width && height ? { height: "100%", objectFit: "cover" } : void 0,
-              onLoad: () => setState("loaded"),
-              onError: () => setState("error")
-            }
-          ),
-          state === "loading" && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: `${loader} ${semanticClassNames.loader}`
+              width,
+              onError: () => setState("error"),
+              onLoad: () => setState("loaded")
             }
           ),
-          state === "error" && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: `${errorBadge} ${semanticClassNames.errorBadge}`,
-              children: "Image failed to load"
-            }
-          )
+          state === "loading" && /* @__PURE__ */ jsx("span", { className: `${loader} ${semanticClassNames.loader}` }),
+          state === "error" && /* @__PURE__ */ jsx("span", { className: `${errorBadge} ${semanticClassNames.errorBadge}`, children: "Image failed to load" })
         ]
       }
     ) }) }),
-    captionText && /* @__PURE__ */ jsx(
-      "figcaption",
-      {
-        className: `${caption} ${semanticClassNames.caption}`,
-        children: captionText
-      }
-    )
+    captionText && /* @__PURE__ */ jsx("figcaption", { className: `${caption} ${semanticClassNames.caption}`, children: captionText })
   ] });
 };
 export {
   ImageRenderer as I,
   editFieldIcon as a,
   editInput as b,
-  editActions as c,
-  editActionButton as d,
+  replacePreview as c,
+  editToolbar as d,
   editField as e,
-  editActionButtonEnd as f,
-  replacePreview as g,
-  editToolbar as h,
-  editToolbarVisible as i,
-  editToolbarButton as j,
-  editPanel as k,
-  editToolbarButtonDanger as l,
-  editPlaceholder as m,
-  editTrigger as n,
-  root as o,
+  editToolbarVisible as f,
+  editToolbarButton as g,
+  editPanel as h,
+  editToolbarButtonDanger as i,
+  editPlaceholder as j,
+  editTrigger as k,
+  root as l,
+  image as m,
+  imageVisible as n,
+  loader as o,
   panelHint as p,
-  image as q,
+  errorBadge as q,
   replaceUploadArea as r,
   semanticClassNames as s,
-  imageVisible as t,
-  loader as u,
-  errorBadge as v,
-  frame as w,
-  frameEditMode as x,
-  imageState as y,
-  caption as z
+  frame as t,
+  frameEditMode as u,
+  imageState as v,
+  caption as w
 };

package/dist/ImageRenderer.d.ts

@@ -1,4 +1,4 @@
-import { ImageRendererProps } from '@haklex/rich-editor';
+import { ImageRendererProps } from '@haklex/rich-editor/renderers';
 import { ComponentType } from 'react';
 export declare const ImageRenderer: ComponentType<ImageRendererProps>;
 //# sourceMappingURL=ImageRenderer.d.ts.map

package/dist/ImageRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../src/ImageRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,4CAA4C,CAAA;AAEnD,OAAO,EAEL,KAAK,kBAAkB,EAExB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,OAAO,CAAA;AAuBzD,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,kBAAkB,CAgG3D,CAAA"}
+{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../src/ImageRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,4CAA4C,CAAC;AAGpD,OAAO,EAAmB,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,OAAO,CAAC;AAuB1D,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,kBAAkB,CA8E3D,CAAC"}

package/dist/ReplacePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplacePanel.d.ts","sourceRoot":"","sources":["../src/ReplacePanel.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,YAAY,4CAmH3B"}
+{"version":3,"file":"ReplacePanel.d.ts","sourceRoot":"","sources":["../src/ReplacePanel.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,YAAY,4CAmG3B"}

package/dist/atoms.d.ts

@@ -35,6 +35,9 @@ export declare const replaceOpenAtom: import('jotai').PrimitiveAtom<boolean> & {
     init: boolean;
 };
 export declare const toolbarVisibleAtom: import('jotai').Atom<boolean>;
+export declare const focusCaptionOnOpenAtom: import('jotai').PrimitiveAtom<boolean> & {
+    init: boolean;
+};
 export declare const editSrcAtom: import('jotai').PrimitiveAtom<string> & {
     init: string;
 };

package/dist/atoms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"atoms.d.ts","sourceRoot":"","sources":["../src/atoms.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC3D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAA;AAY1C,eAAO,MAAM,OAAO;;CAAW,CAAA;AAC/B,eAAO,MAAM,WAAW;;CAAW,CAAA;AACnC,eAAO,MAAM,SAAS;;CAA6B,CAAA;AACnD,eAAO,MAAM,UAAU;;CAA6B,CAAA;AACpD,eAAO,MAAM,WAAW;;CAA6B,CAAA;AACrD,eAAO,MAAM,aAAa;;CAA6B,CAAA;AACvD,eAAO,MAAM,UAAU;;CAA6B,CAAA;AAGpD,eAAO,MAAM,aAAa;;CAAkC,CAAA;AAC5D,eAAO,MAAM,YAAY;;CAAc,CAAA;AACvC,eAAO,MAAM,YAAY;;CAAc,CAAA;AACvC,eAAO,MAAM,eAAe;;CAAc,CAAA;AAC1C,eAAO,MAAM,kBAAkB,+BAE9B,CAAA;AAGD,eAAO,MAAM,WAAW;;CAAW,CAAA;AACnC,eAAO,MAAM,eAAe;;CAAW,CAAA;AACvC,eAAO,MAAM,eAAe;;CAAW,CAAA;AAGvC,eAAO,MAAM,eAAe;;CAA8B,CAAA;AAC1D,eAAO,MAAM,cAAc;;CAAW,CAAA;AACtC,eAAO,MAAM,kBAAkB;;CAA4B,CAAA;AAC3D,eAAO,MAAM,eAAe;WACnB,MAAM;YACL,MAAM;;;eADP,MAAM;gBACL,MAAM;;CACD,CAAA;AACf,eAAO,MAAM,kBAAkB;;CAAc,CAAA;AAC7C,eAAO,MAAM,gBAAgB;;CAA4B,CAAA;AAGzD,eAAO,MAAM,cAAc;;CAEzB,CAAA;AACF,eAAO,MAAM,gBAAgB;;CAE3B,CAAA;AAGF,eAAO,MAAM,kBAAkB,0CAG7B,CAAA;AAEF,eAAO,MAAM,eAAe,0CAE3B,CAAA;AAED,eAAO,MAAM,cAAc,qCAiBzB,CAAA"}
+{"version":3,"file":"atoms.d.ts","sourceRoot":"","sources":["../src/atoms.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAC;AAY3C,eAAO,MAAM,OAAO;;CAAW,CAAC;AAChC,eAAO,MAAM,WAAW;;CAAW,CAAC;AACpC,eAAO,MAAM,SAAS;;CAA6B,CAAC;AACpD,eAAO,MAAM,UAAU;;CAA6B,CAAC;AACrD,eAAO,MAAM,WAAW;;CAA6B,CAAC;AACtD,eAAO,MAAM,aAAa;;CAA6B,CAAC;AACxD,eAAO,MAAM,UAAU;;CAA6B,CAAC;AAGrD,eAAO,MAAM,aAAa;;CAAkC,CAAC;AAC7D,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,YAAY;;CAAc,CAAC;AACxC,eAAO,MAAM,eAAe;;CAAc,CAAC;AAC3C,eAAO,MAAM,kBAAkB,+BAE9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;CAAc,CAAC;AAGlD,eAAO,MAAM,WAAW;;CAAW,CAAC;AACpC,eAAO,MAAM,eAAe;;CAAW,CAAC;AACxC,eAAO,MAAM,eAAe;;CAAW,CAAC;AAGxC,eAAO,MAAM,eAAe;;CAA8B,CAAC;AAC3D,eAAO,MAAM,cAAc;;CAAW,CAAC;AACvC,eAAO,MAAM,kBAAkB;;CAA4B,CAAC;AAC5D,eAAO,MAAM,eAAe;WACnB,MAAM;YACL,MAAM;;;eADP,MAAM;gBACL,MAAM;;CACD,CAAC;AAChB,eAAO,MAAM,kBAAkB;;CAAc,CAAC;AAC9C,eAAO,MAAM,gBAAgB;;CAA4B,CAAC;AAG1D,eAAO,MAAM,cAAc;;CAEzB,CAAC;AACH,eAAO,MAAM,gBAAgB;;CAE3B,CAAC;AAGH,eAAO,MAAM,kBAAkB,0CAG7B,CAAC;AAEH,eAAO,MAAM,eAAe,0CAAoE,CAAC;AAEjG,eAAO,MAAM,cAAc,qCAezB,CAAC"}

package/dist/index.mjs

@@ -1,11 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { decodeThumbHash, useImageUpload, $isImageNode, $createImageNode, computeImageMeta, useRendererMode } from "@haklex/rich-editor";
+import { useRendererMode } from "@haklex/rich-editor";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { atom, createStore, Provider, useStore, useAtomValue, useSetAtom } from "jotai";
 import { useRef, useState, useEffect, useCallback } from "react";
-import { SegmentedControl, Popover, PopoverTrigger, PopoverPanel } from "@haklex/rich-editor-ui";
+import { decodeThumbHash, computeImageMeta } from "@haklex/rich-editor/renderers";
+import { ActionBar, ActionButton, SegmentedControl, Popover, PopoverTrigger, PopoverPanel } from "@haklex/rich-editor-ui";
 import { ImageIcon, Type, Captions, Loader2, Upload, Replace, ExternalLink, Copy, Download, Trash2 } from "lucide-react";
-import { e as editField, s as semanticClassNames, a as editFieldIcon, b as editInput, c as editActions, d as editActionButton, f as editActionButtonEnd, r as replaceUploadArea, p as panelHint, g as replacePreview, h as editToolbar, i as editToolbarVisible, j as editToolbarButton, k as editPanel, l as editToolbarButtonDanger, m as editPlaceholder, I as ImageRenderer, n as editTrigger, o as root, q as image, t as imageVisible, u as loader, v as errorBadge, w as frame, x as frameEditMode, y as imageState, z as caption } from "./ImageRenderer-BzOAp28v.js";
+import { e as editField, s as semanticClassNames, a as editFieldIcon, b as editInput, r as replaceUploadArea, p as panelHint, c as replacePreview, d as editToolbar, f as editToolbarVisible, g as editToolbarButton, h as editPanel, i as editToolbarButtonDanger, j as editPlaceholder, I as ImageRenderer, k as editTrigger, l as root, m as image, n as imageVisible, o as loader, q as errorBadge, t as frame, u as frameEditMode, v as imageState, w as caption } from "./ImageRenderer-gflWZhku.js";
+import { $isImageNode, $createImageNode } from "@haklex/rich-editor/nodes";
+import { useImageUpload } from "@haklex/rich-editor/plugins";
 import { $getNearestNodeFromDOMNode } from "lexical";
 function getCaptionText(altText, caption2) {
   if (caption2) return caption2;
@@ -29,6 +32,7 @@ const replaceOpenAtom = atom(false);
 const toolbarVisibleAtom = atom(
   (get) => get(hoveringAtom) || get(metaOpenAtom) || get(replaceOpenAtom)
 );
+const focusCaptionOnOpenAtom = atom(false);
 const editSrcAtom = atom("");
 const editAltTextAtom = atom("");
 const editCaptionAtom = atom("");
@@ -48,9 +52,7 @@ const placeholderUrlAtom = atom((get) => {
   const thumbhash = get(thumbhashAtom);
   return thumbhash ? decodeThumbHash(thumbhash) : void 0;
 });
-const captionTextAtom = atom(
-  (get) => getCaptionText(get(altTextAtom), get(captionAtom))
-);
+const captionTextAtom = atom((get) => getCaptionText(get(altTextAtom), get(captionAtom)));
 const frameStyleAtom = atom((get) => {
   const placeholderUrl = get(placeholderUrlAtom);
   const accent = get(accentAtom);
@@ -224,17 +226,11 @@ function useImageActions() {
           altText: nextFile.name
         });
         const uploader = uploadImage ?? fallbackUploader;
-        const [result, meta] = await Promise.all([
-          uploader(file),
-          computeImageMeta(file)
-        ]);
+        const [result, meta] = await Promise.all([uploader(file), computeImageMeta(file)]);
         withImageNode((node) => {
           node.setSrc(result.src);
           node.setAltText(result.altText ?? file.name);
-          node.setDimensions(
-            result.width ?? meta.width,
-            result.height ?? meta.height
-          );
+          node.setDimensions(result.width ?? meta.width, result.height ?? meta.height);
           node.setThumbhash(result.thumbhash ?? meta.thumbhash);
         });
         closeReplacePanel();
@@ -306,108 +302,79 @@ function EditMetaPopover() {
   const setEditCaption = useSetAtom(editCaptionAtom);
   const setMetaOpen = useSetAtom(metaOpenAtom);
   const { commitMeta } = useImageActions();
+  const captionInputRef = useRef(null);
+  const focusCaptionOnOpen = useAtomValue(focusCaptionOnOpenAtom);
+  const setFocusCaptionOnOpen = useSetAtom(focusCaptionOnOpenAtom);
+  useEffect(() => {
+    if (focusCaptionOnOpen && captionInputRef.current) {
+      captionInputRef.current.focus();
+      captionInputRef.current.select();
+      setFocusCaptionOnOpen(false);
+    }
+  }, [focusCaptionOnOpen, setFocusCaptionOnOpen]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `${editField} ${semanticClassNames.editField}`,
-        children: [
-          /* @__PURE__ */ jsx(
-            ImageIcon,
-            {
-              className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
-              size: 14
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              className: `${editInput} ${semanticClassNames.editInput}`,
-              type: "url",
-              value: editSrc,
-              onChange: (event) => setEditSrc(event.target.value),
-              placeholder: "Image URL"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `${editField} ${semanticClassNames.editField}`,
-        children: [
-          /* @__PURE__ */ jsx(
-            Type,
-            {
-              className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
-              size: 14
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              className: `${editInput} ${semanticClassNames.editInput}`,
-              type: "text",
-              value: editAltText,
-              onChange: (event) => setEditAltText(event.target.value),
-              placeholder: "Alt text"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `${editField} ${semanticClassNames.editField}`,
-        children: [
-          /* @__PURE__ */ jsx(
-            Captions,
-            {
-              className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
-              size: 14
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              className: `${editInput} ${semanticClassNames.editInput}`,
-              type: "text",
-              value: editCaption,
-              onChange: (event) => setEditCaption(event.target.value),
-              placeholder: "Caption (optional)"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `${editActions} ${semanticClassNames.editActions}`,
-        children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: `${editActionButton} ${semanticClassNames.editActionButton}`,
-              type: "button",
-              onClick: commitMeta,
-              children: "Save"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: `${editActionButton} ${semanticClassNames.editActionButton} ${editActionButtonEnd} ${semanticClassNames.editActionButtonEnd}`,
-              type: "button",
-              onClick: () => setMetaOpen(false),
-              children: "Close"
-            }
-          )
-        ]
-      }
-    )
+    /* @__PURE__ */ jsxs("div", { className: `${editField} ${semanticClassNames.editField}`, children: [
+      /* @__PURE__ */ jsx(
+        ImageIcon,
+        {
+          className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
+          size: 14
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: `${editInput} ${semanticClassNames.editInput}`,
+          placeholder: "Image URL",
+          type: "url",
+          value: editSrc,
+          onChange: (event) => setEditSrc(event.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: `${editField} ${semanticClassNames.editField}`, children: [
+      /* @__PURE__ */ jsx(
+        Type,
+        {
+          className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
+          size: 14
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: `${editInput} ${semanticClassNames.editInput}`,
+          placeholder: "Alt text",
+          type: "text",
+          value: editAltText,
+          onChange: (event) => setEditAltText(event.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: `${editField} ${semanticClassNames.editField}`, children: [
+      /* @__PURE__ */ jsx(
+        Captions,
+        {
+          className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
+          size: 14
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: `${editInput} ${semanticClassNames.editInput}`,
+          placeholder: "Caption (optional)",
+          ref: captionInputRef,
+          type: "text",
+          value: editCaption,
+          onChange: (event) => setEditCaption(event.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(ActionBar, { children: [
+      /* @__PURE__ */ jsx(ActionButton, { onClick: () => setMetaOpen(false), children: "Close" }),
+      /* @__PURE__ */ jsx(ActionButton, { variant: "accent", onClick: commitMeta, children: "Save" })
+    ] })
   ] });
 }
 const replaceModeItems = [
@@ -428,20 +395,20 @@ function ReplacePanel() {
     /* @__PURE__ */ jsx(
       SegmentedControl,
       {
+        fullWidth: true,
         items: replaceModeItems,
         value: replaceMode,
-        onChange: setReplaceMode,
-        fullWidth: true
+        onChange: setReplaceMode
       }
     ),
     replaceMode === "upload" ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "input",
         {
-          ref: fileInputRef,
-          type: "file",
           accept: "image/*",
+          ref: fileInputRef,
           style: { display: "none" },
+          type: "file",
           onChange: (event) => {
             const file = event.currentTarget.files?.[0] ?? null;
             void handleReplaceFile(file);
@@ -452,8 +419,8 @@ function ReplacePanel() {
       /* @__PURE__ */ jsx(
         "button",
         {
-          type: "button",
           className: `${replaceUploadArea} ${semanticClassNames.replaceUploadArea}`,
+          type: "button",
           onClick: () => fileInputRef.current?.click(),
           children: replaceLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Loader2, { size: 16 }),
@@ -465,80 +432,45 @@ function ReplacePanel() {
         }
       )
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `${editField} ${semanticClassNames.editField}`,
-          children: [
-            /* @__PURE__ */ jsx(
-              ImageIcon,
-              {
-                className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
-                size: 14
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: `${editInput} ${semanticClassNames.editInput}`,
-                type: "url",
-                value: replaceUrl,
-                onChange: (event) => setReplaceUrl(event.target.value),
-                onKeyDown: (event) => {
-                  if (event.key === "Enter") {
-                    event.preventDefault();
-                    handlePreviewUrl();
-                  }
-                },
-                placeholder: "https://example.com/image.jpg"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `${editActions} ${semanticClassNames.editActions}`,
-          children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: `${editActionButton} ${semanticClassNames.editActionButton}`,
-                type: "button",
-                disabled: replaceLoading || !replaceUrl.trim(),
-                onClick: handlePreviewUrl,
-                children: "Preview"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: `${editActionButton} ${semanticClassNames.editActionButton} ${editActionButtonEnd} ${semanticClassNames.editActionButtonEnd}`,
-                type: "button",
-                disabled: !replacePreview$1,
-                onClick: handleReplaceByUrl,
-                children: "Apply"
+      /* @__PURE__ */ jsxs("div", { className: `${editField} ${semanticClassNames.editField}`, children: [
+        /* @__PURE__ */ jsx(
+          ImageIcon,
+          {
+            className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
+            size: 14
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: `${editInput} ${semanticClassNames.editInput}`,
+            placeholder: "https://example.com/image.jpg",
+            type: "url",
+            value: replaceUrl,
+            onChange: (event) => setReplaceUrl(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") {
+                event.preventDefault();
+                handlePreviewUrl();
               }
-            )
-          ]
-        }
-      )
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(ActionBar, { children: [
+        /* @__PURE__ */ jsx(
+          ActionButton,
+          {
+            disabled: replaceLoading || !replaceUrl.trim(),
+            onClick: handlePreviewUrl,
+            children: "Preview"
+          }
+        ),
+        /* @__PURE__ */ jsx(ActionButton, { disabled: !replacePreview$1, variant: "accent", onClick: handleReplaceByUrl, children: "Apply" })
+      ] })
     ] }),
-    replaceError && /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: `${panelHint} ${semanticClassNames.panelHint}`,
-        children: replaceError
-      }
-    ),
-    replacePreview$1 && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `${replacePreview} ${semanticClassNames.replacePreview}`,
-        children: /* @__PURE__ */ jsx("img", { src: replacePreview$1, alt: "Replace preview" })
-      }
-    )
+    replaceError && /* @__PURE__ */ jsx("span", { className: `${panelHint} ${semanticClassNames.panelHint}`, children: replaceError }),
+    replacePreview$1 && /* @__PURE__ */ jsx("div", { className: `${replacePreview} ${semanticClassNames.replacePreview}`, children: /* @__PURE__ */ jsx("img", { alt: "Replace preview", src: replacePreview$1 }) })
   ] });
 }
 function ImageEditToolbar() {
@@ -546,13 +478,7 @@ function ImageEditToolbar() {
   const metaOpen = useAtomValue(metaOpenAtom);
   const setMetaOpen = useSetAtom(metaOpenAtom);
   const replaceOpen = useAtomValue(replaceOpenAtom);
-  const {
-    handleReplaceOpenChange,
-    handleOpen,
-    handleDuplicate,
-    handleDownload,
-    handleDelete
-  } = useImageActions();
+  const { handleReplaceOpenChange, handleOpen, handleDuplicate, handleDownload, handleDelete } = useImageActions();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -575,7 +501,7 @@ function ImageEditToolbar() {
                   children: /* @__PURE__ */ jsx(Type, { size: 14 })
                 }
               ),
-              /* @__PURE__ */ jsx(PopoverPanel, { side: "bottom", sideOffset: 8, className: editPanel, children: /* @__PURE__ */ jsx(EditMetaPopover, {}) })
+              /* @__PURE__ */ jsx(PopoverPanel, { className: editPanel, side: "bottom", sideOffset: 8, children: /* @__PURE__ */ jsx(EditMetaPopover, {}) })
             ]
           }
         ),
@@ -596,7 +522,7 @@ function ImageEditToolbar() {
                   children: /* @__PURE__ */ jsx(Replace, { size: 14 })
                 }
               ),
-              /* @__PURE__ */ jsx(PopoverPanel, { side: "bottom", sideOffset: 8, className: editPanel, children: /* @__PURE__ */ jsx(ReplacePanel, {}) })
+              /* @__PURE__ */ jsx(PopoverPanel, { className: editPanel, side: "bottom", sideOffset: 8, children: /* @__PURE__ */ jsx(ReplacePanel, {}) })
             ]
           }
         ),
@@ -604,13 +530,13 @@ function ImageEditToolbar() {
           "button",
           {
             className: `${editToolbarButton} ${semanticClassNames.editToolbarButton}`,
+            title: "Open source",
             type: "button",
+            onClick: handleOpen,
             onMouseDown: (e) => {
               e.preventDefault();
               e.stopPropagation();
             },
-            onClick: handleOpen,
-            title: "Open source",
             children: /* @__PURE__ */ jsx(ExternalLink, { size: 14 })
           }
         ),
@@ -618,13 +544,13 @@ function ImageEditToolbar() {
           "button",
           {
             className: `${editToolbarButton} ${semanticClassNames.editToolbarButton}`,
+            title: "Duplicate",
             type: "button",
+            onClick: handleDuplicate,
             onMouseDown: (e) => {
               e.preventDefault();
               e.stopPropagation();
             },
-            onClick: handleDuplicate,
-            title: "Duplicate",
             children: /* @__PURE__ */ jsx(Copy, { size: 14 })
           }
         ),
@@ -632,13 +558,13 @@ function ImageEditToolbar() {
           "button",
           {
             className: `${editToolbarButton} ${semanticClassNames.editToolbarButton}`,
+            title: "Download",
             type: "button",
+            onClick: handleDownload,
             onMouseDown: (e) => {
               e.preventDefault();
               e.stopPropagation();
             },
-            onClick: handleDownload,
-            title: "Download",
             children: /* @__PURE__ */ jsx(Download, { size: 14 })
           }
         ),
@@ -646,13 +572,13 @@ function ImageEditToolbar() {
           "button",
           {
             className: `${editToolbarButton} ${semanticClassNames.editToolbarButton} ${editToolbarButtonDanger} ${semanticClassNames.editToolbarButtonDanger}`,
+            title: "Remove image",
             type: "button",
+            onClick: handleDelete,
             onMouseDown: (e) => {
               e.preventDefault();
               e.stopPropagation();
             },
-            onClick: handleDelete,
-            title: "Remove image",
             children: /* @__PURE__ */ jsx(Trash2, { size: 14 })
           }
         )
@@ -674,7 +600,7 @@ function ReplacePopover() {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(PopoverPanel, { side: "bottom", sideOffset: 8, className: editPanel, children: /* @__PURE__ */ jsx(ReplacePanel, {}) })
+    /* @__PURE__ */ jsx(PopoverPanel, { className: editPanel, side: "bottom", sideOffset: 8, children: /* @__PURE__ */ jsx(ReplacePanel, {}) })
   ] });
 }
 const frameStateSemanticClass = {
@@ -708,11 +634,27 @@ function ImageEditContent() {
   const width = useAtomValue(widthAtom);
   const height = useAtomValue(heightAtom);
   const captionText = useAtomValue(captionTextAtom);
+  const setMetaOpen = useSetAtom(metaOpenAtom);
+  const setReplaceOpen = useSetAtom(replaceOpenAtom);
+  const setFocusCaptionOnOpen = useSetAtom(focusCaptionOnOpenAtom);
+  const handleCaptionClick = useCallback(
+    (e) => {
+      e.stopPropagation();
+      const scrollY = window.scrollY;
+      setReplaceOpen(false);
+      setMetaOpen(true);
+      setFocusCaptionOnOpen(true);
+      requestAnimationFrame(() => {
+        window.scrollTo({ top: scrollY });
+      });
+    },
+    [setMetaOpen, setReplaceOpen, setFocusCaptionOnOpen]
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref: wrapperRef,
       className: `${editTrigger} ${semanticClassNames.editTrigger}`,
+      ref: wrapperRef,
       onMouseEnter: () => setHovering(true),
       onMouseLeave: () => setHovering(false),
       children: [
@@ -726,29 +668,18 @@ function ImageEditContent() {
                 /* @__PURE__ */ jsx(
                   "img",
                   {
-                    src,
                     alt: altText,
-                    width,
+                    className: `${image} ${loadState === "loaded" ? imageVisible : ""} ${semanticClassNames.image}`,
                     height,
                     loading: "lazy",
-                    className: `${image} ${loadState === "loaded" ? imageVisible : ""} ${semanticClassNames.image}`,
-                    onLoad: () => setLoadState("loaded"),
-                    onError: () => setLoadState("error")
-                  }
-                ),
-                loadState === "loading" && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: `${loader} ${semanticClassNames.loader}`
+                    src,
+                    width,
+                    onError: () => setLoadState("error"),
+                    onLoad: () => setLoadState("loaded")
                   }
                 ),
-                loadState === "error" && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: `${errorBadge} ${semanticClassNames.errorBadge}`,
-                    children: "Image failed to load"
-                  }
-                )
+                loadState === "loading" && /* @__PURE__ */ jsx("span", { className: `${loader} ${semanticClassNames.loader}` }),
+                loadState === "error" && /* @__PURE__ */ jsx("span", { className: `${errorBadge} ${semanticClassNames.errorBadge}`, children: "Image failed to load" })
               ]
             }
           ),
@@ -756,6 +687,7 @@ function ImageEditContent() {
             "figcaption",
             {
               className: `${caption} ${semanticClassNames.caption}`,
+              onClick: handleCaptionClick,
               children: captionText
             }
           )

package/dist/rich-renderer-image.css

@@ -1 +1 @@
-:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--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}._7eow1s0{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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}._7eow1s1{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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}._7eow1s2{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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 ._7eow1s0,[data-theme=dark] ._7eow1s0,.dark._7eow1s0,[data-theme=dark]._7eow1s0,.dark ._7eow1s1,[data-theme=dark] ._7eow1s1,.dark._7eow1s1,[data-theme=dark]._7eow1s1,.dark ._7eow1s2,[data-theme=dark] ._7eow1s2,.dark._7eow1s2,[data-theme=dark]._7eow1s2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}@keyframes _1n94osf1{0%{mask:linear-gradient(90deg,#000 25%,#000000e6 50%,#00000000) 150% 0 / 400% no-repeat;opacity:.16}to{mask:linear-gradient(90deg,#000 25%,#000000e6 50%,#00000000) 0 / 400% no-repeat;opacity:1}}@keyframes _1n94osf9{to{transform:rotate(360deg)}}@keyframes _1n94osfh{0%{opacity:0}to{opacity:1}}._1n94osf0{margin:1.25rem 0;text-align:center}._1n94osf2{display:block;width:100%;height:auto;max-width:100%;opacity:0;border-radius:0!important}._1n94osf6{opacity:1;animation:_1n94osf1 .42s ease}._1n94osf7{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--rc-radius-md);cursor:zoom-in;min-height:3rem;transition:transform .25s ease}._1n94osf7:hover{transform:translateY(-1px)}._1n94osf8{cursor:default}._1n94osf8:hover{transform:none}._1n94osfa{position:absolute;width:1.65rem;height:1.65rem;border:2px solid color-mix(in srgb,var(--rc-text-secondary) 45%,transparent);border-top-color:color-mix(in srgb,var(--rc-text) 65%,transparent);border-radius:50%;animation:_1n94osf9 .75s linear infinite}._1n94osfb{font-size:var(--rc-font-size-sm);color:var(--rc-alert-caution);background:color-mix(in srgb,var(--rc-bg) 86%,transparent);border-radius:999px;padding:.15rem .6rem}._1n94osfc{margin-top:.5rem;color:var(--rc-text-tertiary);font-size:var(--rc-font-size-md);line-height:1.5}._1n94osfd{margin:var(--rc-space-md) 0;text-align:center}._1n94osfe{position:relative;display:inline-block;overflow:hidden;border-radius:var(--rc-radius-md);transition:background-color .3s ease}._1n94osff{opacity:0;transition:opacity .3s ease}._1n94osfg{opacity:1;transition:opacity .3s ease}._1n94osfi{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000d9;cursor:zoom-out;animation:_1n94osfh .2s ease}._1n94osfj{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:0}.rich-image{margin:var(--rc-space-md) 0;text-align:center}.rich-image figcaption{font-size:var(--rc-font-size-md);color:var(--rc-text-secondary);margin-top:var(--rc-space-sm);line-height:var(--rc-line-height-tight)}.rich-image-container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--rc-radius-md);transition:background-color .3s ease}.rich-image-hidden{opacity:0;transition:opacity .3s ease}.rich-image-visible{opacity:1;transition:opacity .3s ease}.rich-image-zoom-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000d9;cursor:zoom-out;animation:_1n94osfh .2s ease}.rich-image-zoom-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:0}._1n94osfk{display:block;position:relative;cursor:default}._1n94osfl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:2rem;border:2px dashed var(--rc-border);border-radius:var(--rc-radius-md);color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}._1n94osfl:hover{border-color:var(--rc-accent);color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-accent) 8%,transparent)}._1n94osfm{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);z-index:20;display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:10px;border:1px solid var(--rc-border);background:color-mix(in srgb,var(--rc-bg) 96%,transparent);box-shadow:var(--rc-shadow-top-bar);opacity:0;pointer-events:none;transition:opacity .15s ease}._1n94osfn{opacity:1;pointer-events:auto}._1n94osfo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}._1n94osfo:hover{color:var(--rc-text);background-color:var(--rc-fill-secondary)}._1n94osfp:hover{color:var(--rc-alert-caution);background-color:color-mix(in srgb,var(--rc-alert-caution) 12%,transparent)}._1n94osfq{position:relative;display:flex;flex-direction:column;gap:8px;width:360px;padding:12px;font-size:var(--rc-font-size-sm);font-family:var(--rc-font-family);z-index:30}._1n94osfr{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:var(--rc-bg-secondary);border-radius:6px;min-width:0}._1n94osfs{flex-shrink:0;color:var(--rc-text-secondary)}._1n94osft{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}._1n94osft::placeholder{color:var(--rc-text-secondary)}._1n94osfu{display:flex;align-items:center;gap:4px}._1n94osfv{display:inline-flex;align-items:center;gap:6px;appearance:none;border:none;background:none;color:inherit;font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s ease,background-color .15s ease;white-space:nowrap}._1n94osfv:hover{background-color:var(--rc-fill-secondary)}._1n94osfw{margin-left:auto}._1n94osfx{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:138px;border-radius:var(--rc-radius-md);border:1.5px dashed var(--rc-border);color:var(--rc-text-secondary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}._1n94osfx:hover{border-color:color-mix(in srgb,var(--rc-accent) 45%,transparent);color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-accent) 7%,transparent)}._1n94osfy{border-radius:var(--rc-radius-md);overflow:hidden;border:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent)}._1n94osfy img{width:100%;max-height:188px;object-fit:cover;display:block}._1n94osfz{display:inline-flex;align-items:center;gap:.4rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-xs)}
+:root{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4);--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}._7eow1s0{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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}._7eow1s1{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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}._7eow1s2{--rc-text: #000;--rc-text-secondary: #27272a;--rc-text-tertiary: #71717a;--rc-text-quaternary: #a1a1aa;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-fill: #e8e8ec;--rc-fill-secondary: #eeeeef;--rc-fill-tertiary: #f4f4f6;--rc-fill-quaternary: #f9f9fa;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.08);--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 ._7eow1s0,[data-theme=dark] ._7eow1s0,.dark._7eow1s0,[data-theme=dark]._7eow1s0,.dark ._7eow1s1,[data-theme=dark] ._7eow1s1,.dark._7eow1s1,[data-theme=dark]._7eow1s1,.dark ._7eow1s2,[data-theme=dark] ._7eow1s2,.dark._7eow1s2,[data-theme=dark]._7eow1s2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-text-tertiary: #71717a;--rc-text-quaternary: #52525b;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-fill: #2a2a2f;--rc-fill-secondary: #222226;--rc-fill-tertiary: #1b1b1f;--rc-fill-quaternary: #131316;--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-shadow-top-bar: 0 8px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3);--rc-shadow-modal: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.35);--rc-shadow-menu: 0 1px 4px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.4)}@keyframes _1n94osf1{0%{mask:linear-gradient(90deg,#000 25%,#000000e6 50%,#00000000) 150% 0 / 400% no-repeat;opacity:.16}to{mask:linear-gradient(90deg,#000 25%,#000000e6 50%,#00000000) 0 / 400% no-repeat;opacity:1}}@keyframes _1n94osf9{to{transform:rotate(360deg)}}@keyframes _1n94osfh{0%{opacity:0}to{opacity:1}}._1n94osf0{margin:1.25rem 0;text-align:center}._1n94osf2{display:block;width:100%;height:auto;max-width:100%;opacity:0;border-radius:0!important}._1n94osf6{opacity:1;animation:_1n94osf1 .42s ease}._1n94osf7{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--rc-radius-md);cursor:zoom-in;min-height:3rem;transition:transform .25s ease}._1n94osf7:hover{transform:translateY(-1px)}._1n94osf8{cursor:default}._1n94osf8:hover{transform:none}._1n94osfa{position:absolute;width:1.65rem;height:1.65rem;border:2px solid color-mix(in srgb,var(--rc-text-secondary) 45%,transparent);border-top-color:color-mix(in srgb,var(--rc-text) 65%,transparent);border-radius:50%;animation:_1n94osf9 .75s linear infinite}._1n94osfb{font-size:var(--rc-font-size-sm);color:var(--rc-alert-caution);background:color-mix(in srgb,var(--rc-bg) 86%,transparent);border-radius:999px;padding:.15rem .6rem}._1n94osfc{margin-top:.5rem;color:var(--rc-text-tertiary);font-size:var(--rc-font-size-md);line-height:1.5}._1n94osfd{margin:var(--rc-space-md) 0;text-align:center}._1n94osfe{position:relative;display:inline-block;overflow:hidden;border-radius:var(--rc-radius-md);transition:background-color .3s ease}._1n94osff{opacity:0;transition:opacity .3s ease}._1n94osfg{opacity:1;transition:opacity .3s ease}._1n94osfi{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000d9;cursor:zoom-out;animation:_1n94osfh .2s ease}._1n94osfj{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:0}.rich-image{margin:var(--rc-space-md) 0;text-align:center}.rich-image figcaption{font-size:var(--rc-font-size-md);color:var(--rc-text-secondary);margin-top:var(--rc-space-sm);line-height:var(--rc-line-height-tight)}.rich-image-container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--rc-radius-md);transition:background-color .3s ease}.rich-image-hidden{opacity:0;transition:opacity .3s ease}.rich-image-visible{opacity:1;transition:opacity .3s ease}.rich-image-zoom-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000d9;cursor:zoom-out;animation:_1n94osfh .2s ease}.rich-image-zoom-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:0}._1n94osfk{display:block;position:relative;cursor:default}._1n94osfl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:2rem;border:2px dashed var(--rc-border);border-radius:var(--rc-radius-md);color:var(--rc-text-secondary);font-size:var(--rc-font-size-md);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}._1n94osfl:hover{border-color:var(--rc-accent);color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-accent) 8%,transparent)}._1n94osfm{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);z-index:20;display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:10px;border:1px solid var(--rc-border);background:color-mix(in srgb,var(--rc-bg) 96%,transparent);box-shadow:var(--rc-shadow-top-bar);opacity:0;pointer-events:none;transition:opacity .15s ease}._1n94osfn{opacity:1;pointer-events:auto}._1n94osfo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}._1n94osfo:hover{color:var(--rc-text);background-color:var(--rc-fill-secondary)}._1n94osfp:hover{color:var(--rc-alert-caution);background-color:color-mix(in srgb,var(--rc-alert-caution) 12%,transparent)}._1n94osfq{position:relative;display:flex;flex-direction:column;gap:8px;width:360px;padding:12px;font-size:var(--rc-font-size-base);font-family:var(--rc-font-family);z-index:30}._1n94osfr{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:var(--rc-bg-secondary);border-radius:6px;min-width:0}._1n94osfs{flex-shrink:0;color:var(--rc-text-secondary)}._1n94osft{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}._1n94osft::placeholder{color:var(--rc-text-secondary)}._1n94osfu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:138px;border-radius:var(--rc-radius-md);border:1.5px dashed var(--rc-border);color:var(--rc-text-secondary);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}._1n94osfu:hover{border-color:color-mix(in srgb,var(--rc-accent) 45%,transparent);color:var(--rc-text);background-color:color-mix(in srgb,var(--rc-accent) 7%,transparent)}._1n94osfv{border-radius:var(--rc-radius-md);overflow:hidden;border:1px solid var(--rc-border);background-color:color-mix(in srgb,var(--rc-text) 2%,transparent)}._1n94osfv img{width:100%;max-height:188px;object-fit:cover;display:block}._1n94osfw{display:inline-flex;align-items:center;gap:.4rem;color:var(--rc-text-secondary);font-size:var(--rc-font-size-xs)}

package/dist/static.mjs

@@ -1,4 +1,4 @@
-import { I } from "./ImageRenderer-BzOAp28v.js";
+import { I } from "./ImageRenderer-gflWZhku.js";
 export {
   I as ImageRenderer
 };

package/dist/styles.css.d.ts

@@ -18,9 +18,6 @@ export declare const semanticClassNames: {
     readonly editField: "rr-image-edit-field";
     readonly editFieldIcon: "rr-image-edit-field-icon";
     readonly editInput: "rr-image-edit-input";
-    readonly editActions: "rr-image-edit-actions";
-    readonly editActionButton: "rr-image-edit-action-btn";
-    readonly editActionButtonEnd: "rr-image-edit-action-btn--end";
     readonly replaceUploadArea: "rr-image-replace-upload-area";
     readonly replacePreview: "rr-image-replace-preview";
     readonly panelHint: "rr-image-panel-hint";
@@ -58,9 +55,6 @@ export declare const editPanel: string;
 export declare const editField: string;
 export declare const editFieldIcon: string;
 export declare const editInput: string;
-export declare const editActions: string;
-export declare const editActionButton: string;
-export declare const editActionButtonEnd: string;
 export declare const replaceUploadArea: string;
 export declare const replacePreview: string;
 export declare const panelHint: string;

package/dist/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAA;AAEV,eAAO,MAAM,IAAI,QAGf,CAAA;AAaF,eAAO,MAAM,KAAK,QAOhB,CAAA;AAEF,eAAO,MAAM,UAAU,gDAIrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,KAAK,QAehB,CAAA;AAEF,eAAO,MAAM,aAAa,QAOxB,CAAA;AAIF,eAAO,MAAM,MAAM,QAQjB,CAAA;AAEF,eAAO,MAAM,UAAU,QAMrB,CAAA;AAEF,eAAO,MAAM,OAAO,QAKlB,CAAA;AAEF,eAAO,MAAM,yBAAyB;;;;;;;CAO5B,CAAA;AAgCV,eAAO,MAAM,WAAW,QAA2B,CAAA;AACnD,eAAO,MAAM,gBAAgB,QAAgC,CAAA;AAC7D,eAAO,MAAM,aAAa,QAA6B,CAAA;AACvD,eAAO,MAAM,cAAc,QAA8B,CAAA;AA0BzD,eAAO,MAAM,kBAAkB,QAAkC,CAAA;AACjE,eAAO,MAAM,gBAAgB,QAAgC,CAAA;AAgB7D,eAAO,MAAM,WAAW,QAItB,CAAA;AAEF,eAAO,MAAM,eAAe,QAoB1B,CAAA;AAEF,eAAO,MAAM,WAAW,QAiBtB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAkB5B,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAOlC,CAAA;AAEF,eAAO,MAAM,SAAS,QAUpB,CAAA;AAEF,eAAO,MAAM,SAAS,QAQpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,WAAW,QAItB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAoB3B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAE9B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AASF,eAAO,MAAM,SAAS,QAMpB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAA;AAEV,eAAO,MAAM,IAAI,QAGf,CAAA;AAaF,eAAO,MAAM,KAAK,QAOhB,CAAA;AAEF,eAAO,MAAM,UAAU,gDAIrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,KAAK,QAehB,CAAA;AAEF,eAAO,MAAM,aAAa,QAOxB,CAAA;AAIF,eAAO,MAAM,MAAM,QAQjB,CAAA;AAEF,eAAO,MAAM,UAAU,QAMrB,CAAA;AAEF,eAAO,MAAM,OAAO,QAKlB,CAAA;AAEF,eAAO,MAAM,yBAAyB;;;;;;;CAO5B,CAAA;AAgCV,eAAO,MAAM,WAAW,QAA2B,CAAA;AACnD,eAAO,MAAM,gBAAgB,QAAgC,CAAA;AAC7D,eAAO,MAAM,aAAa,QAA6B,CAAA;AACvD,eAAO,MAAM,cAAc,QAA8B,CAAA;AA0BzD,eAAO,MAAM,kBAAkB,QAAkC,CAAA;AACjE,eAAO,MAAM,gBAAgB,QAAgC,CAAA;AAgB7D,eAAO,MAAM,WAAW,QAItB,CAAA;AAEF,eAAO,MAAM,eAAe,QAoB1B,CAAA;AAEF,eAAO,MAAM,WAAW,QAiBtB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAkB5B,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAOlC,CAAA;AAEF,eAAO,MAAM,SAAS,QAUpB,CAAA;AAEF,eAAO,MAAM,SAAS,QAQpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA;AAEF,eAAO,MAAM,cAAc,QAKzB,CAAA;AASF,eAAO,MAAM,SAAS,QAMpB,CAAA"}

package/dist/useImageActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImageActions.d.ts","sourceRoot":"","sources":["../src/useImageActions.ts"],"names":[],"mappings":"AA0DA,wBAAgB,eAAe;;;8BA+Ed,IAAI,GAAG,IAAI;;;wCAmEb,OAAO;;;;;EAmBrB"}
+{"version":3,"file":"useImageActions.d.ts","sourceRoot":"","sources":["../src/useImageActions.ts"],"names":[],"mappings":"AAoDA,wBAAgB,eAAe;;;8BA+Ed,IAAI,GAAG,IAAI;;;wCA6Db,OAAO;;;;;EAmBrB"}

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@haklex/rich-renderer-image",
-  "type": "module",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "description": "Image renderer with blurhash and lightbox",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Innei/haklex.git",
+    "directory": "packages/rich-renderer-image"
+  },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
@@ -19,19 +24,13 @@
   "files": [
     "dist"
   ],
-  "peerDependencies": {
-    "@lexical/react": "^0.41.0",
-    "lexical": "^0.41.0",
-    "react": ">=19",
-    "react-dom": ">=19"
-  },
   "dependencies": {
     "jotai": "2.18.0",
     "lucide-react": "^0.577.0",
     "react-photo-view": "^1.2.7",
-    "@haklex/rich-editor": "0.0.65",
-    "@haklex/rich-editor-ui": "0.0.65",
-    "@haklex/rich-style-token": "0.0.65"
+    "@haklex/rich-editor": "0.0.67",
+    "@haklex/rich-editor-ui": "0.0.67",
+    "@haklex/rich-style-token": "0.0.67"
   },
   "devDependencies": {
     "@lexical/react": "^0.41.0",
@@ -46,6 +45,12 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"
   },
+  "peerDependencies": {
+    "@lexical/react": "^0.41.0",
+    "lexical": "^0.41.0",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
   "publishConfig": {
     "access": "public"
   },