@haklex/rich-plugin-toolbar 0.0.56

package/LICENSE

@@ -0,0 +1,28 @@
+MIT License
+
+Copyright (c) 2024 Innei
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+Additional Terms and Conditions
+
+----------------
+
+Use of this software is governed by the terms of MIT and, in addition, by the terms and conditions described in the additional file (ADDITIONAL_TERMS.md). By using this software, you agree to abide by these additional terms and conditions.

package/dist/ToolbarButton.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ToolbarTooltipHandle } from './types';
+export interface ToolbarButtonProps {
+    icon: ReactNode;
+    title: string;
+    shortcut?: string;
+    active?: boolean;
+    disabled?: boolean;
+    onClick: () => void;
+    tooltipHandle?: ToolbarTooltipHandle;
+}
+export declare function ToolbarButton({ icon, title, shortcut, active, disabled, onClick, tooltipHandle, }: ToolbarButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolbarButton.d.ts.map

package/dist/ToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../src/ToolbarButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAA;AAE1E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,oBAAoB,CAAA;CACrC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,aAAa,GACd,EAAE,kBAAkB,2CAoCpB"}

package/dist/ToolbarDropdown.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ToolbarTooltipHandle } from './types';
+export interface ToolbarDropdownItem {
+    label: string;
+    icon?: ReactNode;
+    active?: boolean;
+    style?: CSSProperties;
+    onSelect: () => void;
+}
+export interface ToolbarDropdownProps {
+    label: string;
+    title: string;
+    items: ToolbarDropdownItem[];
+    triggerWidth?: number;
+    tooltipHandle?: ToolbarTooltipHandle;
+}
+export declare function ToolbarDropdown({ label, title, items, triggerWidth, tooltipHandle, }: ToolbarDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolbarDropdown.d.ts.map

package/dist/ToolbarDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDropdown.d.ts","sourceRoot":"","sources":["../src/ToolbarDropdown.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,SAAS,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,mBAAmB,EAAE,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,oBAAoB,CAAA;CACrC;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,GACd,EAAE,oBAAoB,2CAyEtB"}

package/dist/ToolbarPlugin.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export interface ToolbarPluginProps {
+    className?: string;
+}
+export declare function ToolbarPlugin({ className }: ToolbarPluginProps): ReactElement;
+//# sourceMappingURL=ToolbarPlugin.d.ts.map

package/dist/ToolbarPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarPlugin.d.ts","sourceRoot":"","sources":["../src/ToolbarPlugin.tsx"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAA;AAsHxD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAqY7E"}

package/dist/ToolbarSeparator.d.ts

@@ -0,0 +1,2 @@
+export declare function ToolbarSeparator(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToolbarSeparator.d.ts.map

package/dist/ToolbarSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSeparator.d.ts","sourceRoot":"","sources":["../src/ToolbarSeparator.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,4CAE/B"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export type { ToolbarPluginProps } from './ToolbarPlugin';
+export { ToolbarPlugin } from './ToolbarPlugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/index.mjs

@@ -0,0 +1,566 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { collectCommandItems } from "@haklex/rich-editor";
+import { TooltipTrigger, TooltipRoot, TooltipContent, DropdownMenuContent, DropdownMenuItem, DropdownMenu, DropdownMenuTrigger, createTooltipHandle, TooltipProvider } from "@haklex/rich-editor-ui";
+import { $isListNode, INSERT_UNORDERED_LIST_COMMAND, INSERT_ORDERED_LIST_COMMAND, INSERT_CHECK_LIST_COMMAND } from "@lexical/list";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $createHeadingNode, $isHeadingNode } from "@lexical/rich-text";
+import { $getSelectionStyleValueForProperty, $patchStyleText, $setBlocksType } from "@lexical/selection";
+import { $findMatchingParent } from "@lexical/utils";
+import { $getSelection, $isRangeSelection, $isRootOrShadowRoot, CAN_UNDO_COMMAND, COMMAND_PRIORITY_LOW, CAN_REDO_COMMAND, $createParagraphNode, UNDO_COMMAND, REDO_COMMAND, FORMAT_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND } from "lexical";
+import { ChevronDown, Pilcrow, Heading1, Heading2, Heading3, Undo, Redo, Bold, Italic, Underline, Strikethrough, Code, Highlighter, List, ListOrdered, ListChecks, AlignLeft, AlignCenter, AlignRight, AlignJustify } from "lucide-react";
+import { useState, useEffect, useCallback, useMemo } from "react";
+var toolbarContainer = "_1e1ersc0";
+var toolbarRow = "_1e1ersc1";
+var toolbarButton = "_1e1ersc2";
+var toolbarButtonActive = "_1e1ersc3";
+var toolbarDropdownTrigger = "_1e1ersc4";
+var toolbarDropdownTriggerChevron = "_1e1ersc5";
+var toolbarSeparator = "_1e1ersc6";
+var toolbarDropdownItemActive = "_1e1ersc7";
+var tooltipShortcut = "_1e1ersc8";
+function ToolbarButton({
+  icon,
+  title,
+  shortcut,
+  active,
+  disabled,
+  onClick,
+  tooltipHandle
+}) {
+  const button = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: `${toolbarButton}${active ? ` ${toolbarButtonActive}` : ""}`,
+      disabled,
+      onMouseDown: (e) => {
+        e.preventDefault();
+        onClick();
+      },
+      "aria-label": title,
+      "aria-pressed": active
+    }
+  );
+  if (tooltipHandle) {
+    return /* @__PURE__ */ jsx(
+      TooltipTrigger,
+      {
+        handle: tooltipHandle,
+        payload: { title, shortcut },
+        render: button,
+        children: icon
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { render: button, children: icon }),
+    /* @__PURE__ */ jsxs(TooltipContent, { side: "bottom", sideOffset: 4, children: [
+      title,
+      shortcut && /* @__PURE__ */ jsx("span", { className: tooltipShortcut, children: shortcut })
+    ] })
+  ] });
+}
+function ToolbarDropdown({
+  label,
+  title,
+  items,
+  triggerWidth,
+  tooltipHandle
+}) {
+  const triggerStyle = triggerWidth ? { width: triggerWidth } : void 0;
+  const trigger = /* @__PURE__ */ jsx(
+    DropdownMenuTrigger,
+    {
+      className: toolbarDropdownTrigger,
+      style: triggerStyle,
+      render: /* @__PURE__ */ jsx("button", { type: "button" })
+    }
+  );
+  const triggerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    label,
+    /* @__PURE__ */ jsx("span", { className: toolbarDropdownTriggerChevron, children: /* @__PURE__ */ jsx(ChevronDown, { size: 12 }) })
+  ] });
+  const menu = /* @__PURE__ */ jsx(DropdownMenuContent, { sideOffset: 4, children: items.map((item) => /* @__PURE__ */ jsxs(
+    DropdownMenuItem,
+    {
+      className: item.active ? toolbarDropdownItemActive : void 0,
+      style: item.style,
+      onClick: item.onSelect,
+      children: [
+        item.icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              marginRight: 8,
+              display: "inline-flex",
+              transform: "scale(0.8)",
+              transformOrigin: "left center"
+            },
+            children: item.icon
+          }
+        ),
+        item.label
+      ]
+    },
+    item.label
+  )) });
+  if (tooltipHandle) {
+    return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(
+        TooltipTrigger,
+        {
+          handle: tooltipHandle,
+          payload: { title },
+          render: trigger,
+          children: triggerContent
+        }
+      ),
+      menu
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs(TooltipRoot, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { render: trigger, children: triggerContent }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", sideOffset: 4, children: title })
+    ] }),
+    menu
+  ] });
+}
+function ToolbarSeparator() {
+  return /* @__PURE__ */ jsx("div", { className: toolbarSeparator });
+}
+const ICON_SIZE = 15;
+const ICON_STROKE = 2;
+const FONT_FAMILIES = [
+  { label: "默认", value: "" },
+  {
+    label: "宋体",
+    value: '"Noto Serif CJK SC", "Source Han Serif SC", SimSun, serif'
+  },
+  {
+    label: "黑体",
+    value: '"Noto Sans CJK SC", "Source Han Sans SC", SimHei, sans-serif'
+  },
+  { label: "楷体", value: "KaiTi, STKaiti, serif" },
+  { label: "Sans", value: "system-ui, -apple-system, sans-serif" },
+  { label: "Serif", value: 'Georgia, "Times New Roman", serif' },
+  { label: "Mono", value: 'ui-monospace, "SF Mono", "Fira Code", monospace' }
+];
+function getFontLabel(fontFamily) {
+  if (!fontFamily) return "默认";
+  const match = FONT_FAMILIES.find((f) => f.value === fontFamily);
+  if (match) return match.label;
+  for (const def of FONT_FAMILIES) {
+    if (def.value && fontFamily.startsWith(def.value.split(",")[0])) {
+      return def.label;
+    }
+  }
+  return "默认";
+}
+const BLOCK_TYPE_LABELS = {
+  paragraph: "Text",
+  h1: "Heading 1",
+  h2: "Heading 2",
+  h3: "Heading 3",
+  bullet: "Bulleted List",
+  number: "Numbered List",
+  check: "To-do List",
+  other: "Other"
+};
+const INITIAL_STATE = {
+  canUndo: false,
+  canRedo: false,
+  blockType: "paragraph",
+  fontFamily: "",
+  isBold: false,
+  isItalic: false,
+  isUnderline: false,
+  isStrikethrough: false,
+  isCode: false,
+  isHighlight: false
+};
+function getBlockType(anchorNode) {
+  if ($isHeadingNode(anchorNode)) {
+    const tag = anchorNode.getTag();
+    if (tag === "h1" || tag === "h2" || tag === "h3") return tag;
+    return "other";
+  }
+  if ($isListNode(anchorNode)) {
+    const listType = anchorNode.getListType();
+    if (listType === "bullet") return "bullet";
+    if (listType === "number") return "number";
+    if (listType === "check") return "check";
+    return "other";
+  }
+  const type = anchorNode.getType();
+  if (type === "paragraph") return "paragraph";
+  return "other";
+}
+function ToolbarPlugin({ className }) {
+  const [editor] = useLexicalComposerContext();
+  const [state, setState] = useState(INITIAL_STATE);
+  const [toolbarItems, setToolbarItems] = useState([]);
+  const [tooltipHandle] = useState(
+    () => createTooltipHandle()
+  );
+  useEffect(() => {
+    const items = collectCommandItems(editor).filter(
+      (item) => item.placement?.includes("toolbar") && item.group === "insert"
+    );
+    setToolbarItems(items);
+  }, [editor]);
+  const updateToolbar = useCallback(() => {
+    const selection = $getSelection();
+    if (!$isRangeSelection(selection)) return;
+    const anchorNode = selection.anchor.getNode();
+    let element = anchorNode.getKey() === "root" ? anchorNode : $findMatchingParent(anchorNode, (e) => {
+      const parent = e.getParent();
+      return parent !== null && $isRootOrShadowRoot(parent);
+    }) ?? anchorNode.getTopLevelElementOrThrow();
+    if ($isListNode(element)) {
+      const parentList = $findMatchingParent(
+        anchorNode,
+        (node) => $isListNode(node)
+      );
+      if (parentList) {
+        element = parentList;
+      }
+    }
+    const blockType = getBlockType(element);
+    const fontFamily = $getSelectionStyleValueForProperty(
+      selection,
+      "font-family",
+      ""
+    );
+    setState((prev) => ({
+      ...prev,
+      blockType,
+      fontFamily,
+      isBold: selection.hasFormat("bold"),
+      isItalic: selection.hasFormat("italic"),
+      isUnderline: selection.hasFormat("underline"),
+      isStrikethrough: selection.hasFormat("strikethrough"),
+      isCode: selection.hasFormat("code"),
+      isHighlight: selection.hasFormat("highlight")
+    }));
+  }, []);
+  useEffect(() => {
+    const unregisterUndo = editor.registerCommand(
+      CAN_UNDO_COMMAND,
+      (payload) => {
+        setState((prev) => ({ ...prev, canUndo: payload }));
+        return false;
+      },
+      COMMAND_PRIORITY_LOW
+    );
+    const unregisterRedo = editor.registerCommand(
+      CAN_REDO_COMMAND,
+      (payload) => {
+        setState((prev) => ({ ...prev, canRedo: payload }));
+        return false;
+      },
+      COMMAND_PRIORITY_LOW
+    );
+    const unregisterUpdate = editor.registerUpdateListener(
+      ({ editorState }) => {
+        editorState.read(() => {
+          updateToolbar();
+        });
+      }
+    );
+    return () => {
+      unregisterUndo();
+      unregisterRedo();
+      unregisterUpdate();
+    };
+  }, [editor, updateToolbar]);
+  const applyFontFamily = useCallback(
+    (value) => {
+      editor.update(() => {
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+          $patchStyleText(selection, { "font-family": value || "" });
+        }
+      });
+    },
+    [editor]
+  );
+  const fontFamilyItems = useMemo(
+    () => FONT_FAMILIES.map((def) => ({
+      label: def.label,
+      active: state.fontFamily === def.value,
+      style: def.value ? { fontFamily: def.value } : void 0,
+      onSelect: () => applyFontFamily(def.value)
+    })),
+    [state.fontFamily, applyFontFamily]
+  );
+  const headingItems = useMemo(
+    () => [
+      {
+        label: "Text",
+        icon: /* @__PURE__ */ jsx(Pilcrow, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+        active: state.blockType === "paragraph",
+        onSelect: () => {
+          editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+              $setBlocksType(selection, () => $createParagraphNode());
+            }
+          });
+        }
+      },
+      {
+        label: "Heading 1",
+        icon: /* @__PURE__ */ jsx(Heading1, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+        active: state.blockType === "h1",
+        onSelect: () => {
+          editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+              $setBlocksType(selection, () => $createHeadingNode("h1"));
+            }
+          });
+        }
+      },
+      {
+        label: "Heading 2",
+        icon: /* @__PURE__ */ jsx(Heading2, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+        active: state.blockType === "h2",
+        onSelect: () => {
+          editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+              $setBlocksType(selection, () => $createHeadingNode("h2"));
+            }
+          });
+        }
+      },
+      {
+        label: "Heading 3",
+        icon: /* @__PURE__ */ jsx(Heading3, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+        active: state.blockType === "h3",
+        onSelect: () => {
+          editor.update(() => {
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+              $setBlocksType(selection, () => $createHeadingNode("h3"));
+            }
+          });
+        }
+      }
+    ],
+    [editor, state.blockType]
+  );
+  const containerClassName = className ? `${toolbarContainer} ${className}` : toolbarContainer;
+  const h = tooltipHandle;
+  return /* @__PURE__ */ jsxs(TooltipProvider, { delay: 300, children: [
+    /* @__PURE__ */ jsx(TooltipRoot, { handle: tooltipHandle, disableHoverablePopup: true, children: (({ payload }) => payload !== void 0 ? /* @__PURE__ */ jsxs(TooltipContent, { side: "bottom", sideOffset: 4, children: [
+      payload.title,
+      payload.shortcut && /* @__PURE__ */ jsx("span", { className: tooltipShortcut, children: payload.shortcut })
+    ] }) : null) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: containerClassName,
+        role: "toolbar",
+        "aria-label": "Editor toolbar",
+        children: /* @__PURE__ */ jsxs("div", { className: toolbarRow, children: [
+          /* @__PURE__ */ jsx(
+            ToolbarDropdown,
+            {
+              label: getFontLabel(state.fontFamily),
+              title: "Font family",
+              items: fontFamilyItems,
+              triggerWidth: 76,
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsx(
+            ToolbarDropdown,
+            {
+              label: BLOCK_TYPE_LABELS[state.blockType] ?? "Text",
+              title: "Block type",
+              items: headingItems,
+              triggerWidth: 120,
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(Undo, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Undo",
+              shortcut: "Ctrl+Z",
+              disabled: !state.canUndo,
+              onClick: () => editor.dispatchCommand(UNDO_COMMAND, void 0),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(Redo, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Redo",
+              shortcut: "Ctrl+Y",
+              disabled: !state.canRedo,
+              onClick: () => editor.dispatchCommand(REDO_COMMAND, void 0),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(Bold, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Bold",
+              shortcut: "Ctrl+B",
+              active: state.isBold,
+              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "bold"),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(Italic, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Italic",
+              shortcut: "Ctrl+I",
+              active: state.isItalic,
+              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "italic"),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(Underline, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Underline",
+              shortcut: "Ctrl+U",
+              active: state.isUnderline,
+              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "underline"),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(Strikethrough, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Strikethrough",
+              active: state.isStrikethrough,
+              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough"),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(Code, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Inline Code",
+              active: state.isCode,
+              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "code"),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(Highlighter, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Highlight",
+              active: state.isHighlight,
+              onClick: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, "highlight"),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(List, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Bulleted List",
+              active: state.blockType === "bullet",
+              onClick: () => editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(ListOrdered, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Numbered List",
+              active: state.blockType === "number",
+              onClick: () => editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(ListChecks, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Checklist",
+              active: state.blockType === "check",
+              onClick: () => editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, void 0),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(AlignLeft, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Align Left",
+              onClick: () => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, "left"),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(AlignCenter, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Align Center",
+              onClick: () => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, "center"),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(AlignRight, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Align Right",
+              onClick: () => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, "right"),
+              tooltipHandle: h
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolbarButton,
+            {
+              icon: /* @__PURE__ */ jsx(AlignJustify, { size: ICON_SIZE, strokeWidth: ICON_STROKE }),
+              title: "Justify",
+              onClick: () => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, "justify"),
+              tooltipHandle: h
+            }
+          ),
+          toolbarItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ToolbarSeparator, {}),
+            toolbarItems.map((item) => /* @__PURE__ */ jsx(
+              ToolbarButton,
+              {
+                icon: item.icon,
+                title: item.title,
+                shortcut: item.shortcut,
+                onClick: () => item.onSelect(editor, ""),
+                tooltipHandle: h
+              },
+              item.title
+            ))
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  ToolbarPlugin
+};

package/dist/rich-plugin-toolbar.css

@@ -0,0 +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}._88yfio0{--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}._88yfio1{--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}._88yfio2{--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 ._88yfio0,[data-theme=dark] ._88yfio0,.dark._88yfio0,[data-theme=dark]._88yfio0,.dark ._88yfio1,[data-theme=dark] ._88yfio1,.dark._88yfio1,[data-theme=dark]._88yfio1,.dark ._88yfio2,[data-theme=dark] ._88yfio2,.dark._88yfio2,[data-theme=dark]._88yfio2{--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)}._1e1ersc0{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--rc-border);background-color:var(--rc-bg)}._1e1ersc1{display:flex;flex-direction:row;align-items:center;gap:4px;flex-wrap:wrap;min-height:36px;max-width:var(--rc-max-width);margin:0 auto;padding:6px 16px}._1e1ersc2{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--rc-text-secondary);cursor:pointer;padding:0;transition:color .15s,background-color .15s}._1e1ersc2:hover{background-color:var(--rc-fill-quaternary);color:var(--rc-text)}._1e1ersc2:active{background-color:var(--rc-fill-tertiary)}._1e1ersc2:disabled{opacity:.35;cursor:default;background-color:transparent;color:var(--rc-text-quaternary)}._1e1ersc2 svg{width:15px;height:15px;stroke-width:2}._1e1ersc3,._1e1ersc3:hover{color:var(--rc-accent);background-color:var(--rc-fill-tertiary)}._1e1ersc4{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border:none;background:transparent;border-radius:6px;color:var(--rc-text-secondary);cursor:pointer;font-size:13px;font-weight:500;line-height:1;transition:color .15s,background-color .15s}._1e1ersc4:hover{background-color:var(--rc-fill-quaternary);color:var(--rc-text)}._1e1ersc5{margin-left:auto;display:inline-flex;flex-shrink:0}._1e1ersc6{width:1px;height:24px;background-color:var(--rc-border);margin-inline:6px;flex-shrink:0}._1e1ersc7{background-color:var(--rc-fill-tertiary);color:var(--rc-accent)}._1e1ersc8{font-size:11px;opacity:.7;margin-left:6px}

package/dist/styles.css.d.ts

@@ -0,0 +1,10 @@
+export declare const toolbarContainer: string;
+export declare const toolbarRow: string;
+export declare const toolbarButton: string;
+export declare const toolbarButtonActive: string;
+export declare const toolbarDropdownTrigger: string;
+export declare const toolbarDropdownTriggerChevron: string;
+export declare const toolbarSeparator: string;
+export declare const toolbarDropdownItemActive: string;
+export declare const tooltipShortcut: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../src/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,QAM3B,CAAA;AAEF,eAAO,MAAM,UAAU,QAUrB,CAAA;AAEF,eAAO,MAAM,aAAa,QA6BxB,CAAA;AAQF,eAAO,MAAM,mBAAmB,QAO9B,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAmBjC,CAAA;AAEF,eAAO,MAAM,6BAA6B,QAIxC,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAM3B,CAAA;AAEF,eAAO,MAAM,yBAAyB,QAGpC,CAAA;AAEF,eAAO,MAAM,eAAe,QAI1B,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import { createTooltipHandle } from '@haklex/rich-editor-ui';
+export interface ToolbarTooltipPayload {
+    title: string;
+    shortcut?: string;
+}
+export type ToolbarTooltipHandle = ReturnType<typeof createTooltipHandle<ToolbarTooltipPayload>>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAEjE,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAC3C,OAAO,mBAAmB,CAAC,qBAAqB,CAAC,CAClD,CAAA"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@haklex/rich-plugin-toolbar",
+  "version": "0.0.56",
+  "description": "Top toolbar plugin for rich editor",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/rich-plugin-toolbar.css"
+  },
+  "main": "./dist/index.mjs",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@haklex/rich-editor": "0.0.56",
+    "@haklex/rich-editor-ui": "0.0.56",
+    "@haklex/rich-style-token": "0.0.56"
+  },
+  "devDependencies": {
+    "@lexical/list": "^0.41.0",
+    "@lexical/react": "^0.41.0",
+    "@lexical/rich-text": "^0.41.0",
+    "@lexical/selection": "^0.41.0",
+    "@lexical/utils": "^0.41.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vanilla-extract/css": "^1.18.0",
+    "@vanilla-extract/vite-plugin": "^5.1.4",
+    "lexical": "^0.41.0",
+    "lucide-react": "^0.575.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "@lexical/list": "^0.41.0",
+    "@lexical/react": "^0.41.0",
+    "@lexical/rich-text": "^0.41.0",
+    "@lexical/selection": "^0.41.0",
+    "@lexical/utils": "^0.41.0",
+    "lexical": "^0.41.0",
+    "lucide-react": "^0.574.0",
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev:build": "vite build --watch"
+  },
+  "types": "./dist/index.d.ts"
+}