@haklex/rich-renderer-mention 0.0.65 → 0.0.66

package/README.md

@@ -1,31 +1,81 @@
 # @haklex/rich-renderer-mention
 
-提及渲染器，支持多平台徽章。
+Social mention badge renderer with platform-specific icons and styling.
 
-## 安装
+## Installation
 
 ```bash
-pnpm add @haklex/rich-renderer-mention @haklex/rich-editor
+pnpm add @haklex/rich-renderer-mention
 ```
 
-## 导出
+## Peer Dependencies
 
-```ts
-export { MentionRenderer } from './MentionRenderer'
-export { MentionEditRenderer } from './MentionEditRenderer'
-```
+| Package | Version |
+| --- | --- |
+| `lexical` | `^0.41.0` |
+| `@lexical/react` | `^0.41.0` |
+| `react` | `>=19` |
+| `react-dom` | `>=19` |
 
-## 使用
+## Usage
 
 ```tsx
-import { MentionRenderer } from '@haklex/rich-renderer-mention'
-import type { RendererConfig } from '@haklex/rich-editor'
+import { MentionRenderer } from '@haklex/rich-renderer-mention/static'
 
-const config: RendererConfig = {
+// Register in a static RendererConfig
+const rendererConfig = {
+  // ...other renderers
   Mention: MentionRenderer,
 }
 ```
 
+For edit mode:
+
+```tsx
+import { MentionEditRenderer } from '@haklex/rich-renderer-mention'
+
+const editRendererConfig = {
+  // ...other renderers
+  Mention: MentionEditRenderer,
+}
+```
+
+### Configuring platform metadata
+
+```tsx
+import { MentionPlatformProvider, platformMetaMap, platformKeys } from '@haklex/rich-renderer-mention'
+
+// Wrap your app with the provider to customize platform rendering
+<MentionPlatformProvider>
+  {children}
+</MentionPlatformProvider>
+```
+
+## Exports
+
+### Components
+
+- `MentionRenderer` — Static (read-only) renderer for mention badges
+- `MentionEditRenderer` — Edit (interactive) renderer with platform selection
+
+### Context and Data
+
+- `MentionPlatformProvider` — Provider for platform metadata configuration
+- `platformMetaMap` — Map of platform names to their metadata (icons, colors, URLs)
+- `platformKeys` — Array of all supported platform keys
+
+### Sub-path Exports
+
+| Path | Description |
+| --- | --- |
+| `@haklex/rich-renderer-mention` | Full exports (edit + static) |
+| `@haklex/rich-renderer-mention/static` | Static-only renderer |
+| `@haklex/rich-renderer-mention/style.css` | Stylesheet |
+
+## Part of Haklex
+
+This package is part of the [Haklex](../../README.md) rich editor ecosystem.
+
 ## License
 
 MIT

package/dist/MentionEditRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionEditRenderer.d.ts","sourceRoot":"","sources":["../src/MentionEditRenderer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAQ7D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,2CAQ9D"}
+{"version":3,"file":"MentionEditRenderer.d.ts","sourceRoot":"","sources":["../src/MentionEditRenderer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAM9D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,2CAQ9D"}

package/dist/{MentionRenderer-Cy9vBX1i.js → MentionRenderer-BGEFZlMr.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SiZhihu, SiTelegram, SiX, SiGithub } from "@icons-pack/react-simple-icons";
 import { createContext, use } from "react";
-var semanticClassNames = { mention: "rich-mention", mentionIcon: "rich-mention-icon", mentionIconGitHub: "rich-mention-icon-gh", mentionHandle: "rich-mention-handle", mentionPlain: "rich-mention-plain", editPanel: "rich-mention-edit-panel", editField: "rich-mention-edit-field", editTrigger: "rich-mention-edit-trigger", editFieldIcon: "rich-mention-edit-field-icon", editInput: "rich-mention-edit-input", editSelect: "rich-mention-edit-select", editActions: "rich-mention-edit-actions", editActionButton: "rich-mention-edit-action-btn", editActionButtonEnd: "rich-mention-edit-action-btn--end" };
+var semanticClassNames = { mention: "rich-mention", mentionIcon: "rich-mention-icon", mentionIconGitHub: "rich-mention-icon-gh", mentionHandle: "rich-mention-handle", mentionPlain: "rich-mention-plain", editPanel: "rich-mention-edit-panel", editField: "rich-mention-edit-field", editTrigger: "rich-mention-edit-trigger", editFieldIcon: "rich-mention-edit-field-icon", editInput: "rich-mention-edit-input", editSelect: "rich-mention-edit-select" };
 var mention = "b6sgtu0";
 var mentionPlain = "b6sgtu1";
 var mentionIcon = "b6sgtu2";
@@ -13,12 +13,7 @@ var editTrigger = "b6sgtu7";
 var editFieldIcon = "b6sgtu8";
 var editInput = "b6sgtu9";
 var editSelect = "b6sgtua";
-var editActions = "b6sgtub";
-var editActionButton = "b6sgtuc";
-var editActionButtonEnd = "b6sgtud";
-const ExtraPlatformContext = createContext(
-  {}
-);
+const ExtraPlatformContext = createContext({});
 function MentionPlatformProvider({
   platforms,
   children
@@ -31,13 +26,13 @@ function useExtraPlatforms() {
 const GitHubIcon = /* @__PURE__ */ jsx(
   SiGithub,
   {
-    size: "1em",
-    className: `${mentionIconGitHub} ${semanticClassNames.mentionIconGitHub}`
+    className: `${mentionIconGitHub} ${semanticClassNames.mentionIconGitHub}`,
+    size: "1em"
   }
 );
-const TwitterIcon = /* @__PURE__ */ jsx(SiX, { size: "1em", color: "#1DA1F2" });
-const TelegramIcon = /* @__PURE__ */ jsx(SiTelegram, { size: "1em", color: "#2AABEE" });
-const ZhihuIcon = /* @__PURE__ */ jsx(SiZhihu, { size: "1em", color: "#0084FF" });
+const TwitterIcon = /* @__PURE__ */ jsx(SiX, { color: "#1DA1F2", size: "1em" });
+const TelegramIcon = /* @__PURE__ */ jsx(SiTelegram, { color: "#2AABEE", size: "1em" });
+const ZhihuIcon = /* @__PURE__ */ jsx(SiZhihu, { color: "#0084FF", size: "1em" });
 const platformMetaMap = {
   GH: {
     label: "GitHub",
@@ -61,57 +56,41 @@ const platformMetaMap = {
   }
 };
 const platformKeys = Object.keys(platformMetaMap);
-function MentionRenderer({
-  platform,
-  handle,
-  displayName
-}) {
+function MentionRenderer({ platform, handle, displayName }) {
   const extraPlatforms = useExtraPlatforms();
   const normalizedHandle = handle.replace(/^@+/, "");
   const meta = platformMetaMap[platform] ?? extraPlatforms[platform];
   const label = displayName || normalizedHandle;
   if (meta) {
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: `${mention} ${semanticClassNames.mention}`,
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: `${mentionIcon} ${semanticClassNames.mentionIcon}`,
-              "aria-hidden": true,
-              children: meta.icon
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              className: `${mentionHandle} ${semanticClassNames.mentionHandle}`,
-              href: meta.getUrl(normalizedHandle),
-              target: "_blank",
-              rel: "noopener noreferrer",
-              children: label
-            }
-          )
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: `${mention} ${semanticClassNames.mention} ${mentionPlain} ${semanticClassNames.mentionPlain}`,
-      children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs("span", { className: `${mention} ${semanticClassNames.mention}`, children: [
+      /* @__PURE__ */ jsx(
         "span",
+        {
+          "aria-hidden": true,
+          className: `${mentionIcon} ${semanticClassNames.mentionIcon}`,
+          children: meta.icon
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "a",
         {
           className: `${mentionHandle} ${semanticClassNames.mentionHandle}`,
-          children: [
-            "@",
-            label
-          ]
+          href: meta.getUrl(normalizedHandle),
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: label
         }
       )
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `${mention} ${semanticClassNames.mention} ${mentionPlain} ${semanticClassNames.mentionPlain}`,
+      children: /* @__PURE__ */ jsxs("span", { className: `${mentionHandle} ${semanticClassNames.mentionHandle}`, children: [
+        "@",
+        label
+      ] })
     }
   );
 }
@@ -125,9 +104,6 @@ export {
   editFieldIcon as f,
   editSelect as g,
   editInput as h,
-  editActions as i,
-  editActionButton as j,
-  editActionButtonEnd as k,
   platformKeys as p,
   semanticClassNames as s
 };

package/dist/MentionRenderer.d.ts

@@ -1,12 +1,12 @@
 export interface MentionRendererProps {
-    platform: string;
-    handle: string;
     displayName?: string;
+    handle: string;
+    platform: string;
 }
 export interface MentionPlatformMeta {
-    label: string;
-    icon: React.ReactNode;
     getUrl: (handle: string) => string;
+    icon: React.ReactNode;
+    label: string;
 }
 export declare function MentionPlatformProvider({ platforms, children, }: {
     platforms: Record<string, MentionPlatformMeta>;
@@ -15,5 +15,5 @@ export declare function MentionPlatformProvider({ platforms, children, }: {
 export declare function useExtraPlatforms(): Record<string, MentionPlatformMeta>;
 export declare const platformMetaMap: Record<string, MentionPlatformMeta>;
 export declare const platformKeys: string[];
-export declare function MentionRenderer({ platform, handle, displayName, }: MentionRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function MentionRenderer({ platform, handle, displayName }: MentionRendererProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MentionRenderer.d.ts.map

package/dist/MentionRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentionRenderer.d.ts","sourceRoot":"","sources":["../src/MentionRenderer.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;CACnC;AAMD,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAA;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAIA;AAED,wBAAgB,iBAAiB,wCAEhC;AAYD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAsB/D,CAAA;AAED,eAAO,MAAM,YAAY,UAA+B,CAAA;AAExD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,WAAW,GACZ,EAAE,oBAAoB,2CAwCtB"}
+{"version":3,"file":"MentionRenderer.d.ts","sourceRoot":"","sources":["../src/MentionRenderer.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf;AAID,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAEA;AAED,wBAAgB,iBAAiB,wCAEhC;AAYD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAqB/D,CAAC;AAEF,eAAO,MAAM,YAAY,UAA+B,CAAC;AAEzD,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CAoCtF"}

package/dist/index.mjs

@@ -1,13 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRendererMode } from "@haklex/rich-editor";
-import { Popover, PopoverTrigger, PopoverPanel } from "@haklex/rich-editor-ui";
+import { Popover, PopoverTrigger, PopoverPanel, ActionBar, ActionButton } from "@haklex/rich-editor-ui";
 import { vars } from "@haklex/rich-style-token";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { $getNearestNodeFromDOMNode } from "lexical";
 import { AtSign, User, ExternalLink, Trash2 } from "lucide-react";
 import { useRef, useState, useEffect, useCallback } from "react";
-import { a as MentionRenderer, b as platformMetaMap, e as editTrigger, s as semanticClassNames, c as editPanel, d as editField, f as editFieldIcon, g as editSelect, p as platformKeys, h as editInput, i as editActions, j as editActionButton, k as editActionButtonEnd } from "./MentionRenderer-Cy9vBX1i.js";
-import { M } from "./MentionRenderer-Cy9vBX1i.js";
+import { a as MentionRenderer, b as platformMetaMap, e as editTrigger, s as semanticClassNames, c as editPanel, d as editField, f as editFieldIcon, g as editSelect, p as platformKeys, h as editInput } from "./MentionRenderer-BGEFZlMr.js";
+import { M } from "./MentionRenderer-BGEFZlMr.js";
+const LEADING_AT_RE = /^@+/;
 function MentionEditRenderer(props) {
   const mode = useRendererMode();
   if (mode !== "editor") {
@@ -15,11 +16,7 @@ function MentionEditRenderer(props) {
   }
   return /* @__PURE__ */ jsx(MentionEditRendererInner, { ...props });
 }
-function MentionEditRendererInner({
-  platform,
-  handle,
-  displayName
-}) {
+function MentionEditRendererInner({ platform, handle, displayName }) {
   const [editor] = useLexicalComposerContext();
   const editable = editor.isEditable();
   const wrapperRef = useRef(null);
@@ -55,14 +52,10 @@ function MentionEditRendererInner({
     setOpen(false);
   }, [editor]);
   const handleOpen = useCallback(() => {
-    const normalizedHandle = handle.replace(/^@+/, "");
+    const normalizedHandle = handle.replace(LEADING_AT_RE, "");
     const meta = platformMetaMap[platform];
     if (meta) {
-      window.open(
-        meta.getUrl(normalizedHandle),
-        "_blank",
-        "noopener,noreferrer"
-      );
+      window.open(meta.getUrl(normalizedHandle), "_blank", "noopener,noreferrer");
     }
   }, [platform, handle]);
   const handleKeyDown = useCallback(
@@ -81,14 +74,7 @@ function MentionEditRendererInner({
     [commitChanges, platform, handle, displayName]
   );
   if (!editable) {
-    return /* @__PURE__ */ jsx(
-      MentionRenderer,
-      {
-        platform,
-        handle,
-        displayName
-      }
-    );
+    return /* @__PURE__ */ jsx(MentionRenderer, { displayName, handle, platform });
   }
   return /* @__PURE__ */ jsxs(
     Popover,
@@ -110,138 +96,91 @@ function MentionEditRendererInner({
             render: /* @__PURE__ */ jsx(
               "span",
               {
-                ref: wrapperRef,
-                className: `${editTrigger} ${semanticClassNames.editTrigger}`
+                className: `${editTrigger} ${semanticClassNames.editTrigger}`,
+                ref: wrapperRef
               }
             ),
-            children: /* @__PURE__ */ jsx(
-              MentionRenderer,
-              {
-                platform,
-                handle,
-                displayName
-              }
-            )
+            children: /* @__PURE__ */ jsx(MentionRenderer, { displayName, handle, platform })
           }
         ),
         /* @__PURE__ */ jsxs(
           PopoverPanel,
           {
+            className: `${editPanel} ${semanticClassNames.editPanel}`,
             side: "bottom",
             sideOffset: 8,
-            className: `${editPanel} ${semanticClassNames.editPanel}`,
             children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: `${editField} ${semanticClassNames.editField}`,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
-                        style: { fontSize: vars.typography.fontSizeMd },
-                        "aria-hidden": true,
-                        children: platformMetaMap[editPlatform]?.icon ?? /* @__PURE__ */ jsx(AtSign, { size: 14 })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "select",
-                      {
-                        className: `${editSelect} ${semanticClassNames.editSelect}`,
-                        value: editPlatform,
-                        onChange: (e) => setEditPlatform(e.target.value),
-                        children: platformKeys.map((key) => /* @__PURE__ */ jsx("option", { value: key, children: platformMetaMap[key].label }, key))
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: `${editField} ${semanticClassNames.editField}`,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      AtSign,
-                      {
-                        className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
-                        size: 14
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "input",
-                      {
-                        className: `${editInput} ${semanticClassNames.editInput}`,
-                        type: "text",
-                        value: editHandle,
-                        onChange: (e) => setEditHandle(e.target.value),
-                        onKeyDown: handleKeyDown,
-                        placeholder: "handle"
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: `${editField} ${semanticClassNames.editField}`,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      User,
-                      {
-                        className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
-                        size: 14
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "input",
-                      {
-                        className: `${editInput} ${semanticClassNames.editInput}`,
-                        type: "text",
-                        value: editDisplayName,
-                        onChange: (e) => setEditDisplayName(e.target.value),
-                        onBlur: commitChanges,
-                        onKeyDown: handleKeyDown,
-                        placeholder: "Display name (optional)"
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: `${editActions} ${semanticClassNames.editActions}`,
-                  children: [
-                    /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        className: `${editActionButton} ${semanticClassNames.editActionButton}`,
-                        type: "button",
-                        onClick: handleOpen,
-                        children: [
-                          /* @__PURE__ */ jsx(ExternalLink, { size: 14 }),
-                          "Open"
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        className: `${editActionButton} ${semanticClassNames.editActionButton} ${editActionButtonEnd} ${semanticClassNames.editActionButtonEnd}`,
-                        type: "button",
-                        onClick: handleDelete,
-                        children: [
-                          /* @__PURE__ */ jsx(Trash2, { size: 14 }),
-                          "Remove"
-                        ]
-                      }
-                    )
-                  ]
-                }
-              )
+              /* @__PURE__ */ jsxs("div", { className: `${editField} ${semanticClassNames.editField}`, children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
+                    style: { fontSize: vars.typography.fontSizeMd },
+                    children: platformMetaMap[editPlatform]?.icon ?? /* @__PURE__ */ jsx(AtSign, { size: 14 })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    className: `${editSelect} ${semanticClassNames.editSelect}`,
+                    value: editPlatform,
+                    onChange: (e) => setEditPlatform(e.target.value),
+                    children: platformKeys.map((key) => /* @__PURE__ */ jsx("option", { value: key, children: platformMetaMap[key].label }, key))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: `${editField} ${semanticClassNames.editField}`, children: [
+                /* @__PURE__ */ jsx(
+                  AtSign,
+                  {
+                    className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
+                    size: 14
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: `${editInput} ${semanticClassNames.editInput}`,
+                    placeholder: "handle",
+                    type: "text",
+                    value: editHandle,
+                    onChange: (e) => setEditHandle(e.target.value),
+                    onKeyDown: handleKeyDown
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: `${editField} ${semanticClassNames.editField}`, children: [
+                /* @__PURE__ */ jsx(
+                  User,
+                  {
+                    className: `${editFieldIcon} ${semanticClassNames.editFieldIcon}`,
+                    size: 14
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: `${editInput} ${semanticClassNames.editInput}`,
+                    placeholder: "Display name (optional)",
+                    type: "text",
+                    value: editDisplayName,
+                    onBlur: commitChanges,
+                    onChange: (e) => setEditDisplayName(e.target.value),
+                    onKeyDown: handleKeyDown
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(ActionBar, { children: [
+                /* @__PURE__ */ jsxs(ActionButton, { onClick: handleOpen, children: [
+                  /* @__PURE__ */ jsx(ExternalLink, { size: 14 }),
+                  "Open"
+                ] }),
+                /* @__PURE__ */ jsxs(ActionButton, { danger: true, onClick: handleDelete, children: [
+                  /* @__PURE__ */ jsx(Trash2, { size: 14 }),
+                  "Remove"
+                ] })
+              ] })
             ]
           }
         )

package/dist/rich-renderer-mention.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}._1f8km6h0{--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}._1f8km6h1{--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}._1f8km6h2{--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 ._1f8km6h0,[data-theme=dark] ._1f8km6h0,.dark._1f8km6h0,[data-theme=dark]._1f8km6h0,.dark ._1f8km6h1,[data-theme=dark] ._1f8km6h1,.dark._1f8km6h1,[data-theme=dark]._1f8km6h1,.dark ._1f8km6h2,[data-theme=dark] ._1f8km6h2,.dark._1f8km6h2,[data-theme=dark]._1f8km6h2{--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)}.b6sgtu0{display:inline-flex;align-items:center;gap:.3em;padding:.05em .55em;margin-inline:.25em;border-radius:999px;background:var(--rc-bg-secondary);border:1px solid var(--rc-border);vertical-align:text-bottom;white-space:nowrap;font-family:var(--rc-font-family);font-size:var(--rc-font-size-sm);line-height:1.5;color:var(--rc-text);transition:border-color .15s ease}.b6sgtu0:hover{border-color:var(--rc-accent)}.b6sgtu1{color:var(--rc-text-secondary)}.b6sgtu2{display:inline-flex;align-items:center;flex-shrink:0}.b6sgtu2 svg{display:inline;height:.85em;width:.85em}.b6sgtu3{fill:currentColor}.b6sgtu4{text-decoration:none;color:inherit;font-weight:500;font-family:var(--rc-font-family-sans)}.b6sgtu5{display:flex;flex-direction:column;gap:8px;width:300px;padding:12px;font-size:var(--rc-font-size-sm);font-family:var(--rc-font-family)}.b6sgtu6{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:var(--rc-bg-secondary);border-radius:6px;min-width:0}.b6sgtu7{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-inline:.15em}.b6sgtu7 a{pointer-events:none}.b6sgtu8{display:inline-flex;align-items:center;justify-content:center}.b6sgtu9{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}.b6sgtu9::placeholder{color:var(--rc-text-secondary)}.b6sgtua{flex:1;appearance:none;border:none;background-color:transparent;color:inherit;font-size:var(--rc-font-size-sm);padding:0;outline:none;cursor:pointer;min-width:0}.b6sgtub{display:flex;align-items:center;gap:4px}.b6sgtuc{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}.b6sgtuc:hover{background-color:var(--rc-fill-secondary)}.b6sgtud{margin-left:auto}
+: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}._1f8km6h0{--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}._1f8km6h1{--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}._1f8km6h2{--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 ._1f8km6h0,[data-theme=dark] ._1f8km6h0,.dark._1f8km6h0,[data-theme=dark]._1f8km6h0,.dark ._1f8km6h1,[data-theme=dark] ._1f8km6h1,.dark._1f8km6h1,[data-theme=dark]._1f8km6h1,.dark ._1f8km6h2,[data-theme=dark] ._1f8km6h2,.dark._1f8km6h2,[data-theme=dark]._1f8km6h2{--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)}.b6sgtu0{display:inline-flex;align-items:center;gap:.3em;padding:.05em .55em;margin-inline:.25em;border-radius:999px;background:var(--rc-bg-secondary);border:1px solid var(--rc-border);vertical-align:text-bottom;white-space:nowrap;font-family:var(--rc-font-family);font-size:var(--rc-font-size-sm);line-height:1.5;color:var(--rc-text);transition:border-color .15s ease}.b6sgtu0:hover{border-color:var(--rc-accent)}.b6sgtu1{color:var(--rc-text-secondary)}.b6sgtu2{display:inline-flex;align-items:center;flex-shrink:0}.b6sgtu2 svg{display:inline;height:.85em;width:.85em}.b6sgtu3{fill:currentColor}.b6sgtu4{text-decoration:none;color:inherit;font-weight:500;font-family:var(--rc-font-family-sans)}.b6sgtu5{display:flex;flex-direction:column;gap:8px;width:300px;padding:12px;font-size:var(--rc-font-size-sm);font-family:var(--rc-font-family)}.b6sgtu6{display:flex;align-items:center;gap:8px;padding:6px 10px;background-color:var(--rc-bg-secondary);border-radius:6px;min-width:0}.b6sgtu7{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-inline:.15em}.b6sgtu7 a{pointer-events:none}.b6sgtu8{display:inline-flex;align-items:center;justify-content:center}.b6sgtu9{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}.b6sgtu9::placeholder{color:var(--rc-text-secondary)}.b6sgtua{flex:1;appearance:none;border:none;background-color:transparent;color:inherit;font-size:var(--rc-font-size-sm);padding:0;outline:none;cursor:pointer;min-width:0}

package/dist/static.mjs

@@ -1,4 +1,4 @@
-import { M, a, p, b } from "./MentionRenderer-Cy9vBX1i.js";
+import { M, a, p, b } from "./MentionRenderer-BGEFZlMr.js";
 export {
   M as MentionPlatformProvider,
   a as MentionRenderer,

package/dist/styles.css.d.ts

@@ -10,9 +10,6 @@ export declare const semanticClassNames: {
     readonly editFieldIcon: "rich-mention-edit-field-icon";
     readonly editInput: "rich-mention-edit-input";
     readonly editSelect: "rich-mention-edit-select";
-    readonly editActions: "rich-mention-edit-actions";
-    readonly editActionButton: "rich-mention-edit-action-btn";
-    readonly editActionButtonEnd: "rich-mention-edit-action-btn--end";
 };
 export declare const mention: string;
 export declare const mentionPlain: string;
@@ -25,7 +22,4 @@ export declare const editTrigger: string;
 export declare const editFieldIcon: string;
 export declare const editInput: string;
 export declare const editSelect: string;
-export declare const editActions: string;
-export declare const editActionButton: string;
-export declare const editActionButtonEnd: string;
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAerB,CAAA;AAGV,eAAO,MAAM,OAAO,QAqBlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,WAAW,QAItB,CAAA;AAQF,eAAO,MAAM,iBAAiB,QAE5B,CAAA;AAEF,eAAO,MAAM,aAAa,QAKxB,CAAA;AAGF,eAAO,MAAM,SAAS,QAQpB,CAAA;AAEF,eAAO,MAAM,SAAS,QAQpB,CAAA;AAEF,eAAO,MAAM,WAAW,QAMtB,CAAA;AAMF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,UAAU,QAWrB,CAAA;AAEF,eAAO,MAAM,WAAW,QAItB,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAoB3B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAE9B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;CAYrB,CAAA;AAGV,eAAO,MAAM,OAAO,QAqBlB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,WAAW,QAItB,CAAA;AAQF,eAAO,MAAM,iBAAiB,QAE5B,CAAA;AAEF,eAAO,MAAM,aAAa,QAKxB,CAAA;AAGF,eAAO,MAAM,SAAS,QAQpB,CAAA;AAEF,eAAO,MAAM,SAAS,QAQpB,CAAA;AAEF,eAAO,MAAM,WAAW,QAMtB,CAAA;AAMF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,SAAS,QAepB,CAAA;AAEF,eAAO,MAAM,UAAU,QAWrB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@haklex/rich-renderer-mention",
   "type": "module",
-  "version": "0.0.65",
+  "version": "0.0.66",
   "description": "Social mention renderer with platform badges",
   "license": "MIT",
   "exports": {
@@ -28,9 +28,9 @@
   "dependencies": {
     "@icons-pack/react-simple-icons": "^13.12.0",
     "lucide-react": "^0.577.0",
-    "@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.66",
+    "@haklex/rich-style-token": "0.0.66",
+    "@haklex/rich-editor-ui": "0.0.66"
   },
   "devDependencies": {
     "@lexical/react": "^0.41.0",
@@ -48,6 +48,11 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Innei/haklex.git",
+    "directory": "packages/rich-renderer-mention"
+  },
   "scripts": {
     "build": "vite build",
     "dev:build": "vite build --watch"