ritext 1.0.19 → 1.0.25

package/dist/extension/bold.js

@@ -1,12 +1,10 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -46,14 +44,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/extension/Bold.tsx
@@ -62,9 +52,9 @@ __export(Bold_exports, {
   Bold: () => Bold
 });
 module.exports = __toCommonJS(Bold_exports);
-var import_extension_bold = __toESM(require("@tiptap/extension-bold"));
+var import_extension_bold = require("@tiptap/extension-bold");
 
-// src/lib/icon/BoldIcon.tsx
+// src/lib/icons/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var BoldIcon = (_a) => {
   var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
@@ -86,9 +76,9 @@ var BoldIcon = (_a) => {
     })
   );
 };
-var BoldIcon_default = BoldIcon;
 
 // src/lib/components/ButtonComponent.tsx
+var import_react5 = require("react");
 var import_tailwind_merge2 = require("tailwind-merge");
 
 // src/lib/components/_com/Tooltip.tsx
@@ -184,53 +174,40 @@ var useEditor = () => {
 };
 
 // src/lib/components/ButtonComponent.tsx
-var import_react5 = require("@tiptap/react");
+var import_react6 = require("@tiptap/react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var ButtonComponent = ({ className, activeClassName, icon, style, tooltip = true, tooltipClassName, tooltipPlacement, _extName, _internalIcon, _tooltipContent, _onToggle, _interShortcut, _buttonClassName }) => {
   const { editor } = useEditor();
-  const editorState = (0, import_react5.useEditorState)({
+  const editorState = (0, import_react6.useEditorState)({
     editor,
     selector: ({ editor: editor2 }) => ({ isActive: (editor2 == null ? void 0 : editor2.isActive(_extName)) || false })
   });
+  const shortcutText = (0, import_react5.useMemo)(() => {
+    if (!_interShortcut) return "";
+    return (0, import_react6.isMacOS)() ? _interShortcut.mac : _interShortcut.win;
+  }, [_interShortcut]);
   const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
     typeof tooltip === "string" ? tooltip : _tooltipContent,
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
-    _interShortcut
+    shortcutText ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "opacity-70", children: shortcutText })
+    ] }) : null
   ] });
-  const btn = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "button",
-    {
-      onClick: _onToggle,
-      className: (0, import_tailwind_merge2.twMerge)(
-        "py-1.5 px-2.5 rounded-md",
-        _buttonClassName,
-        (editorState == null ? void 0 : editorState.isActive) ? "bg-gray-200/60" : "hover:bg-gray-100",
-        className,
-        (editorState == null ? void 0 : editorState.isActive) ? activeClassName : "hover:bg-gray-100"
-      ),
-      style,
-      children: icon != null ? icon : _internalIcon
-    }
-  );
+  const btn = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { onClick: _onToggle, className: (0, import_tailwind_merge2.twMerge)("py-1.5 px-2.5 rounded-md", _buttonClassName, (editorState == null ? void 0 : editorState.isActive) ? "bg-gray-200/60" : "hover:bg-gray-100", className, (editorState == null ? void 0 : editorState.isActive) ? activeClassName : "hover:bg-gray-100"), style, children: icon != null ? icon : _internalIcon });
   if (tooltip === false) return btn;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    Tooltip_default,
-    {
-      content: tooltipContent,
-      className: tooltipClassName,
-      placement: tooltipPlacement,
-      children: btn
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tooltip_default, { content: tooltipContent, className: tooltipClassName, placement: tooltipPlacement, children: btn });
 };
 var ButtonComponent_default = ButtonComponent;
 
 // src/extension/Bold.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var Bold = import_extension_bold.default.extend({
+var Bold = import_extension_bold.Bold.extend({
   addOptions() {
     var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      showInBubbleMenu: true,
+      bubbleMenuPosition: 2,
       component: ({ editor, options, buttonClassName }) => {
         return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           ButtonComponent_default,
@@ -242,10 +219,10 @@ var Bold = import_extension_bold.default.extend({
             tooltip: options.tooltip,
             tooltipClassName: options.tooltipClassName,
             tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BoldIcon_default, {}),
+            _internalIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BoldIcon, {}),
             _extName: "bold",
             _onToggle: () => editor.chain().focus().toggleBold().run(),
-            _interShortcut: "\u2318 + B",
+            _interShortcut: { win: "Ctrl + B", mac: "\u2318 + B" },
             _tooltipContent: "Bold",
             _buttonClassName: buttonClassName
           }

package/dist/extension/bold.mjs

@@ -1,49 +1,27 @@
 import {
   ButtonComponent_default
-} from "../chunk-GSHINFPO.mjs";
-import "../chunk-7QOFJIQ3.mjs";
+} from "../chunk-SJFT7WNM.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
-  __objRest,
+  BoldIcon
+} from "../chunk-EN4BPI7N.mjs";
+import {
   __spreadProps,
   __spreadValues
-} from "../chunk-FWCSY2DS.mjs";
+} from "../chunk-WNQUEZJF.mjs";
 
 // src/extension/Bold.tsx
-import TiptapBold from "@tiptap/extension-bold";
-
-// src/lib/icon/BoldIcon.tsx
+import { Bold as TiptapBold } from "@tiptap/extension-bold";
 import { jsx } from "react/jsx-runtime";
-var BoldIcon = (_a) => {
-  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    __spreadProps(__spreadValues({
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      width: size,
-      height: size,
-      className
-    }, props), {
-      children: /* @__PURE__ */ jsx("path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" })
-    })
-  );
-};
-var BoldIcon_default = BoldIcon;
-
-// src/extension/Bold.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
 var Bold = TiptapBold.extend({
   addOptions() {
     var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      showInBubbleMenu: true,
+      bubbleMenuPosition: 2,
       component: ({ editor, options, buttonClassName }) => {
-        return /* @__PURE__ */ jsx2(
+        return /* @__PURE__ */ jsx(
           ButtonComponent_default,
           {
             className: options.className,
@@ -53,10 +31,10 @@ var Bold = TiptapBold.extend({
             tooltip: options.tooltip,
             tooltipClassName: options.tooltipClassName,
             tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ jsx2(BoldIcon_default, {}),
+            _internalIcon: /* @__PURE__ */ jsx(BoldIcon, {}),
             _extName: "bold",
             _onToggle: () => editor.chain().focus().toggleBold().run(),
-            _interShortcut: "\u2318 + B",
+            _interShortcut: { win: "Ctrl + B", mac: "\u2318 + B" },
             _tooltipContent: "Bold",
             _buttonClassName: buttonClassName
           }

package/dist/extension/bulletlist.d.mts

@@ -0,0 +1,10 @@
+import { BulletListOptions } from '@tiptap/extension-list';
+import { Node } from '@tiptap/react';
+import { E as ExtButtonOptions } from '../tiptap-ext.type-B3TtT7-J.mjs';
+import 'react';
+import '@floating-ui/react';
+
+type ExtBulletListOptions = ExtButtonOptions<BulletListOptions>;
+declare const BulletList: Node<ExtBulletListOptions>;
+
+export { BulletList };

package/dist/extension/bulletlist.d.ts

@@ -0,0 +1,10 @@
+import { BulletListOptions } from '@tiptap/extension-list';
+import { Node } from '@tiptap/react';
+import { E as ExtButtonOptions } from '../tiptap-ext.type-B3TtT7-J.js';
+import 'react';
+import '@floating-ui/react';
+
+type ExtBulletListOptions = ExtButtonOptions<BulletListOptions>;
+declare const BulletList: Node<ExtBulletListOptions>;
+
+export { BulletList };

package/dist/extension/bulletlist.js

@@ -0,0 +1,241 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/extension/Bulletlist.tsx
+var Bulletlist_exports = {};
+__export(Bulletlist_exports, {
+  BulletList: () => BulletList
+});
+module.exports = __toCommonJS(Bulletlist_exports);
+var import_extension_list = require("@tiptap/extension-list");
+
+// src/lib/icons/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var BulletListIcon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 5h.01" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12h.01" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 19h.01" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 5h13" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 12h13" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 19h13" })
+      ]
+    })
+  );
+};
+
+// src/lib/components/ButtonComponent.tsx
+var import_react5 = require("react");
+var import_tailwind_merge2 = require("tailwind-merge");
+
+// src/lib/components/_com/Tooltip.tsx
+var import_react = require("react");
+var import_react2 = require("@floating-ui/react");
+var import_react3 = require("motion/react");
+var import_tailwind_merge = require("tailwind-merge");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Tooltip = ({ placement = "top", children, content, className }) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const { x, y, refs, strategy, context, placement: resolvedPlacement } = (0, import_react2.useFloating)({
+    open,
+    onOpenChange: setOpen,
+    placement,
+    middleware: [(0, import_react2.offset)(8), (0, import_react2.flip)(), (0, import_react2.shift)({ padding: 8 })],
+    whileElementsMounted: import_react2.autoUpdate
+  });
+  const hover = (0, import_react2.useHover)(context);
+  const dismiss = (0, import_react2.useDismiss)(context);
+  const { getReferenceProps, getFloatingProps } = (0, import_react2.useInteractions)([hover, dismiss]);
+  const id = (0, import_react.useId)();
+  function mergeRefs(...refsToMerge) {
+    return (node) => {
+      for (const r of refsToMerge) {
+        if (!r) continue;
+        if (typeof r === "function") r(node);
+        else r.current = node;
+      }
+    };
+  }
+  const side = resolvedPlacement.split("-")[0];
+  const enterOffset = 6;
+  const getInitial = () => {
+    switch (side) {
+      case "top":
+        return { opacity: 0, y: enterOffset };
+      case "bottom":
+        return { opacity: 0, y: -enterOffset };
+      case "left":
+        return { opacity: 0, x: enterOffset };
+      case "right":
+        return { opacity: 0, x: -enterOffset };
+      default:
+        return { opacity: 0 };
+    }
+  };
+  const getExit = () => __spreadProps(__spreadValues({}, getInitial()), { opacity: 0 });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
+    (0, import_react.isValidElement)(children) ? (0, import_react.cloneElement)(children, __spreadProps(__spreadValues({}, getReferenceProps({
+      onFocus: () => setOpen(true),
+      onBlur: () => setOpen(false),
+      "aria-describedby": open ? id : void 0
+      /* eslint-disable @typescript-eslint/no-explicit-any */
+    })), {
+      /* eslint-disable @typescript-eslint/no-explicit-any */
+      ref: mergeRefs(children.props.ref, refs.setReference)
+    })) : children,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react3.motion.div,
+      __spreadProps(__spreadValues({
+        ref: refs.setFloating
+      }, getFloatingProps({
+        role: "tooltip",
+        id,
+        style: {
+          position: strategy,
+          top: y != null ? y : 0,
+          left: x != null ? x : 0,
+          pointerEvents: "none"
+        }
+      })), {
+        initial: getInitial(),
+        animate: { opacity: 1, x: 0, y: 0, scale: 1 },
+        exit: getExit(),
+        transition: { type: "spring", stiffness: 420, damping: 30, mass: 0.6 },
+        className: (0, import_tailwind_merge.twMerge)("bg-white border border-solid border-gray-200/50 py-1 px-3 rounded-lg text-sm shadow-lg shadow-gray-50 text-center", className),
+        children: content
+      }),
+      "tooltip"
+    ) }) })
+  ] });
+};
+var Tooltip_default = Tooltip;
+
+// src/lib/context/editor.context.tsx
+var import_react4 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var EditorContext = (0, import_react4.createContext)({ editor: null });
+var useEditor = () => {
+  const ctx = (0, import_react4.useContext)(EditorContext);
+  if (!ctx) throw new Error("<Toolbar/> & <Content/> component must be used inside <Editor>...</Editor/>");
+  return ctx;
+};
+
+// src/lib/components/ButtonComponent.tsx
+var import_react6 = require("@tiptap/react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ButtonComponent = ({ className, activeClassName, icon, style, tooltip = true, tooltipClassName, tooltipPlacement, _extName, _internalIcon, _tooltipContent, _onToggle, _interShortcut, _buttonClassName }) => {
+  const { editor } = useEditor();
+  const editorState = (0, import_react6.useEditorState)({
+    editor,
+    selector: ({ editor: editor2 }) => ({ isActive: (editor2 == null ? void 0 : editor2.isActive(_extName)) || false })
+  });
+  const shortcutText = (0, import_react5.useMemo)(() => {
+    if (!_interShortcut) return "";
+    return (0, import_react6.isMacOS)() ? _interShortcut.mac : _interShortcut.win;
+  }, [_interShortcut]);
+  const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
+    typeof tooltip === "string" ? tooltip : _tooltipContent,
+    shortcutText ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "opacity-70", children: shortcutText })
+    ] }) : null
+  ] });
+  const btn = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { onClick: _onToggle, className: (0, import_tailwind_merge2.twMerge)("py-1.5 px-2.5 rounded-md", _buttonClassName, (editorState == null ? void 0 : editorState.isActive) ? "bg-gray-200/60" : "hover:bg-gray-100", className, (editorState == null ? void 0 : editorState.isActive) ? activeClassName : "hover:bg-gray-100"), style, children: icon != null ? icon : _internalIcon });
+  if (tooltip === false) return btn;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Tooltip_default, { content: tooltipContent, className: tooltipClassName, placement: tooltipPlacement, children: btn });
+};
+var ButtonComponent_default = ButtonComponent;
+
+// src/extension/Bulletlist.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var BulletList = import_extension_list.BulletList.extend({
+  addOptions() {
+    var _a;
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      component: ({ editor, options, buttonClassName }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          ButtonComponent_default,
+          {
+            className: options.className,
+            icon: options.icon,
+            style: options.style,
+            activeClassName: options.activeClassName,
+            tooltip: options.tooltip,
+            tooltipClassName: options.tooltipClassName,
+            tooltipPlacement: options.tooltipPlacement,
+            _internalIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BulletListIcon, {}),
+            _extName: "bulletList",
+            _onToggle: () => editor.chain().focus().toggleBulletList().run(),
+            _interShortcut: { win: "Ctrl + \u21E7 + 8", mac: "\u2318 + \u21E7 + 8" },
+            _tooltipContent: "Bullet List",
+            _buttonClassName: buttonClassName
+          }
+        );
+      }
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BulletList
+});

package/dist/extension/bulletlist.mjs

@@ -0,0 +1,46 @@
+import {
+  ButtonComponent_default
+} from "../chunk-SJFT7WNM.mjs";
+import "../chunk-VYDH6BZE.mjs";
+import {
+  BulletListIcon
+} from "../chunk-EN4BPI7N.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-WNQUEZJF.mjs";
+
+// src/extension/Bulletlist.tsx
+import { BulletList as TiptapBulletList } from "@tiptap/extension-list";
+import { jsx } from "react/jsx-runtime";
+var BulletList = TiptapBulletList.extend({
+  addOptions() {
+    var _a;
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      component: ({ editor, options, buttonClassName }) => {
+        return /* @__PURE__ */ jsx(
+          ButtonComponent_default,
+          {
+            className: options.className,
+            icon: options.icon,
+            style: options.style,
+            activeClassName: options.activeClassName,
+            tooltip: options.tooltip,
+            tooltipClassName: options.tooltipClassName,
+            tooltipPlacement: options.tooltipPlacement,
+            _internalIcon: /* @__PURE__ */ jsx(BulletListIcon, {}),
+            _extName: "bulletList",
+            _onToggle: () => editor.chain().focus().toggleBulletList().run(),
+            _interShortcut: { win: "Ctrl + \u21E7 + 8", mac: "\u2318 + \u21E7 + 8" },
+            _tooltipContent: "Bullet List",
+            _buttonClassName: buttonClassName
+          }
+        );
+      }
+    });
+  }
+});
+export {
+  BulletList
+};

package/dist/extension/clearformat.d.mts

@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/react';
-import { b as ExtWithoutActiveOptions } from '../tiptap-ext.type-DrneAC5G.mjs';
+import { b as ExtWithoutActiveOptions } from '../tiptap-ext.type-B3TtT7-J.mjs';
 import 'react';
 import '@floating-ui/react';
 

package/dist/extension/clearformat.d.ts

@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/react';
-import { b as ExtWithoutActiveOptions } from '../tiptap-ext.type-DrneAC5G.js';
+import { b as ExtWithoutActiveOptions } from '../tiptap-ext.type-B3TtT7-J.js';
 import 'react';
 import '@floating-ui/react';
 

package/dist/extension/clearformat.js

@@ -52,9 +52,9 @@ __export(ClearFormat_exports, {
   ClearFormat: () => ClearFormat
 });
 module.exports = __toCommonJS(ClearFormat_exports);
-var import_react4 = require("@tiptap/react");
+var import_react6 = require("@tiptap/react");
 
-// src/lib/icon/ClearIcon.tsx
+// src/lib/icons/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var ClearIcon = (_a) => {
   var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
@@ -78,9 +78,9 @@ var ClearIcon = (_a) => {
     })
   );
 };
-var ClearIcon_default = ClearIcon;
 
 // src/lib/components/ButtonWithoutActive.tsx
+var import_react4 = require("react");
 var import_tailwind_merge2 = require("tailwind-merge");
 
 // src/lib/components/_com/Tooltip.tsx
@@ -166,15 +166,20 @@ var Tooltip = ({ placement = "top", children, content, className }) => {
 var Tooltip_default = Tooltip;
 
 // src/lib/components/ButtonWithoutActive.tsx
+var import_react5 = require("@tiptap/react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var ButtonWithoutActive = ({ className, icon, style, tooltip = true, tooltipClassName, tooltipPlacement, _internalIcon, _tooltipContent, _interShortcut, _onToggle, _buttonClassName, _disabled = false }) => {
+  const shortcutText = (0, import_react4.useMemo)(() => {
+    if (!_interShortcut) return "";
+    return (0, import_react5.isMacOS)() ? _interShortcut.mac : _interShortcut.win;
+  }, [_interShortcut]);
   const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
     typeof tooltip === "string" ? tooltip : _tooltipContent,
     _interShortcut && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
       " ",
-      _interShortcut,
+      shortcutText,
       " "
     ] })
   ] });
@@ -208,7 +213,7 @@ var ButtonWithoutActive_default = ButtonWithoutActive;
 
 // src/extension/ClearFormat.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var ClearFormat = import_react4.Extension.create({
+var ClearFormat = import_react6.Extension.create({
   name: "ClearFormat",
   addOptions() {
     var _a;
@@ -223,7 +228,7 @@ var ClearFormat = import_react4.Extension.create({
             tooltip: options.tooltip,
             tooltipClassName: options.tooltipClassName,
             tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ClearIcon_default, {}),
+            _internalIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ClearIcon, {}),
             _onToggle: () => editor.chain().focus().clearNodes().unsetAllMarks().run(),
             _tooltipContent: "Clear Format",
             _buttonClassName: buttonClassName

package/dist/extension/clearformat.mjs

@@ -1,51 +1,24 @@
 import {
   ButtonWithoutActive_default
-} from "../chunk-D47XME55.mjs";
-import "../chunk-7QOFJIQ3.mjs";
+} from "../chunk-WXCHG3NQ.mjs";
+import {
+  ClearIcon
+} from "../chunk-EN4BPI7N.mjs";
 import {
-  __objRest,
   __spreadProps,
   __spreadValues
-} from "../chunk-FWCSY2DS.mjs";
+} from "../chunk-WNQUEZJF.mjs";
 
 // src/extension/ClearFormat.tsx
 import { Extension } from "@tiptap/react";
-
-// src/lib/icon/ClearIcon.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var ClearIcon = (_a) => {
-  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    __spreadProps(__spreadValues({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx("path", { d: "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21" }),
-        /* @__PURE__ */ jsx("path", { d: "m5.082 11.09 8.828 8.828" })
-      ]
-    })
-  );
-};
-var ClearIcon_default = ClearIcon;
-
-// src/extension/ClearFormat.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var ClearFormat = Extension.create({
   name: "ClearFormat",
   addOptions() {
     var _a;
     return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
       component: ({ editor, options, buttonClassName }) => {
-        return /* @__PURE__ */ jsx2(
+        return /* @__PURE__ */ jsx(
           ButtonWithoutActive_default,
           {
             className: options.className,
@@ -54,7 +27,7 @@ var ClearFormat = Extension.create({
             tooltip: options.tooltip,
             tooltipClassName: options.tooltipClassName,
             tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ jsx2(ClearIcon_default, {}),
+            _internalIcon: /* @__PURE__ */ jsx(ClearIcon, {}),
             _onToggle: () => editor.chain().focus().clearNodes().unsetAllMarks().run(),
             _tooltipContent: "Clear Format",
             _buttonClassName: buttonClassName