notra-editor 0.8.1 → 0.8.3

package/dist/components/slash-dropdown-menu/slash-dropdown-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/slash-dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport {\n\tautoUpdate,\n\tflip,\n\toffset,\n\tshift,\n\tsize,\n\tuseDismiss,\n\tuseFloating,\n\tuseInteractions\n} from '@floating-ui/react';\nimport { PluginKey } from '@tiptap/pm/state';\nimport { Suggestion } from '@tiptap/suggestion';\nimport {\n\tFragment,\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState\n} from 'react';\n\nimport { filterSlashItems } from './filter-slash-items.js';\nimport { SlashImagePopover } from './slash-image-popover.js';\nimport { useSlashItems } from './use-slash-items.js';\nimport {\n\tCommand,\n\tCommandGroup,\n\tCommandItem,\n\tCommandList,\n\tCommandSeparator\n} from '../ui/command.js';\n\nimport type { SlashItem } from './types.js';\nimport type { Editor } from '@tiptap/core';\nimport type {\n\tSuggestionKeyDownProps,\n\tSuggestionProps\n} from '@tiptap/suggestion';\n\nexport interface SlashDropdownMenuProps {\n\teditor: Editor | null;\n}\n\nconst FLOATING_Z_INDEX = 1000;\nconst MAX_HEIGHT = 384;\n\nexport function SlashDropdownMenu({ editor }: SlashDropdownMenuProps) {\n\tconst [imageAnchor, setImageAnchor] = useState<DOMRect | null>(null);\n\n\tconst handleImageRequest = useCallback(() => {\n\t\tif (!editor) return;\n\n\t\tconst { from } = editor.state.selection;\n\t\tconst rect = editor.view.coordsAtPos(from);\n\t\tconst domRect = new DOMRect(\n\t\t\trect.left,\n\t\t\trect.top,\n\t\t\trect.right - rect.left,\n\t\t\trect.bottom - rect.top\n\t\t);\n\n\t\tsetImageAnchor(domRect);\n\t}, [editor]);\n\n\tconst getSlashItems = useSlashItems({ onImageRequest: handleImageRequest });\n\n\tconst itemsCallback = useCallback(\n\t\t({ query, editor }: { query: string; editor: Editor }) =>\n\t\t\tfilterSlashItems(getSlashItems(editor), query),\n\t\t[getSlashItems]\n\t);\n\n\tconst [open, setOpen] = useState(false);\n\tconst [decorationNode, setDecorationNode] = useState<HTMLElement | null>(\n\t\tnull\n\t);\n\tconst [filteredItems, setFilteredItems] = useState<SlashItem[]>([]);\n\tconst [selectedValue, setSelectedValue] = useState<string>('');\n\n\tconst close = useCallback(() => {\n\t\tsetOpen(false);\n\t}, []);\n\n\tconst middleware = useMemo(\n\t\t() => [\n\t\t\toffset(8),\n\t\t\tflip({ mainAxis: true, crossAxis: false }),\n\t\t\tshift({ padding: 8 }),\n\t\t\tsize({\n\t\t\t\tapply({ availableHeight, elements }) {\n\t\t\t\t\tconst next = Math.min(availableHeight, MAX_HEIGHT);\n\n\t\t\t\t\telements.floating.style.setProperty(\n\t\t\t\t\t\t'--suggestion-menu-max-height',\n\t\t\t\t\t\t`${next}px`\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t})\n\t\t],\n\t\t[]\n\t);\n\n\tconst { refs, floatingStyles, context } = useFloating({\n\t\topen,\n\t\tstrategy: 'absolute',\n\t\tplacement: 'bottom-start',\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware,\n\t\tonOpenChange: (next) => {\n\t\t\tif (!next) close();\n\t\t}\n\t});\n\n\tuseEffect(() => {\n\t\trefs.setReference(decorationNode);\n\t}, [refs, decorationNode]);\n\n\tconst dismiss = useDismiss(context);\n\tconst { getFloatingProps } = useInteractions([dismiss]);\n\n\t// Stable refs for the plugin, which is registered once per editor instance.\n\tconst itemsCallbackRef = useRef(itemsCallback);\n\tconst filteredItemsRef = useRef<SlashItem[]>([]);\n\tconst selectedValueRef = useRef('');\n\tconst commandRef = useRef<((item: SlashItem) => void) | null>(null);\n\n\tuseEffect(() => {\n\t\titemsCallbackRef.current = itemsCallback;\n\t}, [itemsCallback]);\n\n\tuseEffect(() => {\n\t\tfilteredItemsRef.current = filteredItems;\n\t}, [filteredItems]);\n\n\tuseEffect(() => {\n\t\tselectedValueRef.current = selectedValue;\n\t}, [selectedValue]);\n\n\t// Keep highlighted item visible when arrow keys move past the viewport.\n\tconst floatingDivRef = useRef<HTMLDivElement | null>(null);\n\n\tuseEffect(() => {\n\t\tif (!selectedValue) return;\n\n\t\tconst root = floatingDivRef.current;\n\n\t\tif (!root) return;\n\n\t\tconst target = root.querySelector(\n\t\t\t'[data-selected=\"true\"]'\n\t\t) as HTMLElement | null;\n\n\t\ttarget?.scrollIntoView({ block: 'nearest' });\n\t}, [selectedValue]);\n\n\tconst setFloatingNode = useCallback(\n\t\t(node: HTMLDivElement | null) => {\n\t\t\tfloatingDivRef.current = node;\n\t\t\trefs.setFloating(node);\n\t\t},\n\t\t[refs]\n\t);\n\n\tuseEffect(() => {\n\t\tif (!editor || editor.isDestroyed) return;\n\n\t\tconst pluginKey = new PluginKey('slashDropdownMenu');\n\n\t\tconst plugin = Suggestion<SlashItem>({\n\t\t\teditor,\n\t\t\tchar: '/',\n\t\t\tpluginKey,\n\t\t\tdecorationClass: 'notra-slash-decoration',\n\t\t\tdecorationContent: 'Filter...',\n\n\t\t\titems: ({ query, editor }) => itemsCallbackRef.current({ query, editor }),\n\n\t\t\tallow: ({ state, range }) => {\n\t\t\t\tconst $from = state.doc.resolve(range.from);\n\n\t\t\t\tfor (let depth = $from.depth; depth > 0; depth--) {\n\t\t\t\t\tconst name = $from.node(depth).type.name;\n\n\t\t\t\t\tif (name === 'image' || name === 'codeBlock') return false;\n\t\t\t\t}\n\n\t\t\t\treturn true;\n\t\t\t},\n\n\t\t\tcommand: ({ editor, range, props }) => {\n\t\t\t\teditor.chain().focus().deleteRange(range).run();\n\t\t\t\tprops.onSelect({ editor, range });\n\t\t\t},\n\n\t\t\trender: () => ({\n\t\t\t\tonStart: (props: SuggestionProps<SlashItem>) => {\n\t\t\t\t\tsetDecorationNode((props.decorationNode as HTMLElement) ?? null);\n\t\t\t\t\tsetFilteredItems(props.items);\n\t\t\t\t\tsetSelectedValue(props.items[0]?.title ?? '');\n\t\t\t\t\tcommandRef.current = (item) => props.command(item);\n\t\t\t\t\tsetOpen(true);\n\t\t\t\t},\n\t\t\t\tonUpdate: (props: SuggestionProps<SlashItem>) => {\n\t\t\t\t\tsetDecorationNode((props.decorationNode as HTMLElement) ?? null);\n\t\t\t\t\tsetFilteredItems(props.items);\n\t\t\t\t\tsetSelectedValue((prev) =>\n\t\t\t\t\t\tprops.items.some((i) => i.title === prev)\n\t\t\t\t\t\t\t? prev\n\t\t\t\t\t\t\t: (props.items[0]?.title ?? '')\n\t\t\t\t\t);\n\t\t\t\t\tcommandRef.current = (item) => props.command(item);\n\t\t\t\t},\n\t\t\t\tonKeyDown: ({ event }: SuggestionKeyDownProps) => {\n\t\t\t\t\tconst list = filteredItemsRef.current;\n\n\t\t\t\t\tif (list.length === 0 && event.key !== 'Escape') return false;\n\n\t\t\t\t\tif (event.key === 'ArrowDown') {\n\t\t\t\t\t\tconst currentIndex = list.findIndex(\n\t\t\t\t\t\t\t(i) => i.title === selectedValueRef.current\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst nextIndex = (currentIndex + 1) % list.length;\n\n\t\t\t\t\t\tsetSelectedValue(list[nextIndex].title);\n\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (event.key === 'ArrowUp') {\n\t\t\t\t\t\tconst currentIndex = list.findIndex(\n\t\t\t\t\t\t\t(i) => i.title === selectedValueRef.current\n\t\t\t\t\t\t);\n\t\t\t\t\t\tconst prevIndex = (currentIndex - 1 + list.length) % list.length;\n\n\t\t\t\t\t\tsetSelectedValue(list[prevIndex].title);\n\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (event.key === 'Enter') {\n\t\t\t\t\t\tconst item = list.find((i) => i.title === selectedValueRef.current);\n\n\t\t\t\t\t\tif (item && commandRef.current) {\n\t\t\t\t\t\t\tcommandRef.current(item);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (event.key === 'Escape') {\n\t\t\t\t\t\tclose();\n\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn false;\n\t\t\t\t},\n\t\t\t\tonExit: () => {\n\t\t\t\t\tsetDecorationNode(null);\n\t\t\t\t\tsetFilteredItems([]);\n\t\t\t\t\tsetSelectedValue('');\n\t\t\t\t\tcommandRef.current = null;\n\t\t\t\t\tsetOpen(false);\n\t\t\t\t}\n\t\t\t})\n\t\t});\n\n\t\t// Prepend so our handleKeyDown runs before the base keymap; otherwise\n\t\t// Enter would be consumed by the paragraph-split handler before our\n\t\t// suggestion onKeyDown could see it.\n\t\teditor.registerPlugin(plugin, (newPlugin, currentPlugins) => [\n\t\t\tnewPlugin,\n\t\t\t...currentPlugins\n\t\t]);\n\n\t\treturn () => {\n\t\t\tif (!editor.isDestroyed) {\n\t\t\t\teditor.unregisterPlugin(pluginKey);\n\t\t\t}\n\t\t};\n\t}, [editor, close]);\n\n\tconst grouped = useMemo(() => groupByLabel(filteredItems), [filteredItems]);\n\n\tconst isMounted = open && decorationNode !== null;\n\n\treturn (\n\t\t<>\n\t\t\t{isMounted && (\n\t\t\t\t<div\n\t\t\t\t\tref={setFloatingNode}\n\t\t\t\t\tclassName=\"nt:rounded-xl nt:bg-popover nt:text-popover-foreground nt:shadow-md nt:ring-1 nt:ring-foreground/10 nt:outline-hidden\"\n\t\t\t\t\tdata-selector=\"notra-slash-dropdown-menu\"\n\t\t\t\t\tstyle={{ ...floatingStyles, zIndex: FLOATING_Z_INDEX }}\n\t\t\t\t\t{...getFloatingProps()}\n\t\t\t\t\tonPointerDown={(e) => e.preventDefault()}\n\t\t\t\t>\n\t\t\t\t\t<Command\n\t\t\t\t\t\tdisablePointerSelection\n\t\t\t\t\t\tlabel=\"Slash command menu\"\n\t\t\t\t\t\tshouldFilter={false}\n\t\t\t\t\t\tvalue={selectedValue}\n\t\t\t\t\t\tonValueChange={setSelectedValue}\n\t\t\t\t\t>\n\t\t\t\t\t\t<CommandList\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmaxHeight: 'var(--suggestion-menu-max-height)'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{grouped.map((group, groupIndex) => (\n\t\t\t\t\t\t\t\t<Fragment key={`${group.label}-${groupIndex}`}>\n\t\t\t\t\t\t\t\t\t{groupIndex > 0 && <CommandSeparator />}\n\t\t\t\t\t\t\t\t\t<CommandGroup heading={group.label || undefined}>\n\t\t\t\t\t\t\t\t\t\t{group.items.map((item) => {\n\t\t\t\t\t\t\t\t\t\t\tconst Badge = item.badge;\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={item.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={item.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={() => commandRef.current?.(item)}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{Badge && <Badge className=\"nt:size-4\" />}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"nt:flex-1 nt:text-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</CommandList>\n\t\t\t\t\t</Command>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{imageAnchor && editor && (\n\t\t\t\t<SlashImagePopover\n\t\t\t\t\tanchorRect={imageAnchor}\n\t\t\t\t\teditor={editor}\n\t\t\t\t\tonClose={() => setImageAnchor(null)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n}\n\ninterface GroupedSlashItems {\n\tlabel: string;\n\titems: SlashItem[];\n}\n\nfunction groupByLabel(items: SlashItem[]): GroupedSlashItems[] {\n\tconst result: GroupedSlashItems[] = [];\n\n\tfor (const item of items) {\n\t\tconst label = item.group ?? '';\n\t\tconst last = result[result.length - 1];\n\n\t\tif (last && last.label === label) {\n\t\t\tlast.items.push(item);\n\t\t} else {\n\t\t\tresult.push({ label, items: [item] });\n\t\t}\n\t}\n\n\treturn result;\n}\n"],"mappings":"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","names":["Fragment","editor"]}

package/dist/components/slash-dropdown-menu/slash-image-popover.cjs

@@ -0,0 +1,80 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/slash-dropdown-menu/slash-image-popover.tsx
+var slash_image_popover_exports = {};
+__export(slash_image_popover_exports, {
+  SlashImagePopover: () => SlashImagePopover
+});
+module.exports = __toCommonJS(slash_image_popover_exports);
+var import_react = require("react");
+var import_image_input_form = require("../image-popover/image-input-form.cjs");
+var import_popover = require("../ui/popover.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SlashImagePopover({
+  editor,
+  anchorRect,
+  onClose
+}) {
+  const handleSubmit = (0, import_react.useCallback)(
+    ({ url, alt }) => {
+      if (!url) {
+        onClose();
+        return;
+      }
+      editor.chain().focus().setImage({ src: url, alt: alt || void 0 }).run();
+      onClose();
+    },
+    [editor, onClose]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_popover.Popover,
+    {
+      open: true,
+      onOpenChange: (next) => {
+        if (!next) onClose();
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            ref: (node) => {
+              if (!node) return;
+              const { top, left, width, height } = anchorRect;
+              node.style.position = "fixed";
+              node.style.top = `${top}px`;
+              node.style.left = `${left}px`;
+              node.style.width = `${width || 1}px`;
+              node.style.height = `${height || 1}px`;
+              node.style.pointerEvents = "none";
+            },
+            "aria-hidden": true
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { align: "start", className: "nt:w-auto nt:p-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image_input_form.ImageInputForm, { onCancel: onClose, onSubmit: handleSubmit }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SlashImagePopover
+});
+//# sourceMappingURL=slash-image-popover.cjs.map

package/dist/components/slash-dropdown-menu/slash-image-popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/slash-image-popover.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { ImageInputForm } from '../image-popover/image-input-form.js';\nimport { Popover, PopoverAnchor, PopoverContent } from '../ui/popover.js';\n\nimport type { Editor } from '@tiptap/core';\nimport type {} from '@tiptap/extension-image';\n\nexport interface SlashImagePopoverProps {\n\teditor: Editor;\n\tanchorRect: DOMRect;\n\tonClose: () => void;\n}\n\nexport function SlashImagePopover({\n\teditor,\n\tanchorRect,\n\tonClose\n}: SlashImagePopoverProps) {\n\tconst handleSubmit = useCallback(\n\t\t({ url, alt }: { url: string; alt: string }) => {\n\t\t\tif (!url) {\n\t\t\t\tonClose();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\teditor\n\t\t\t\t.chain()\n\t\t\t\t.focus()\n\t\t\t\t.setImage({ src: url, alt: alt || undefined })\n\t\t\t\t.run();\n\t\t\tonClose();\n\t\t},\n\t\t[editor, onClose]\n\t);\n\n\treturn (\n\t\t<Popover\n\t\t\topen\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (!next) onClose();\n\t\t\t}}\n\t\t>\n\t\t\t<PopoverAnchor asChild>\n\t\t\t\t<span\n\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\tif (!node) return;\n\n\t\t\t\t\t\t// Pin the anchor element at the captured rect.\n\t\t\t\t\t\tconst { top, left, width, height } = anchorRect;\n\n\t\t\t\t\t\tnode.style.position = 'fixed';\n\t\t\t\t\t\tnode.style.top = `${top}px`;\n\t\t\t\t\t\tnode.style.left = `${left}px`;\n\t\t\t\t\t\tnode.style.width = `${width || 1}px`;\n\t\t\t\t\t\tnode.style.height = `${height || 1}px`;\n\t\t\t\t\t\tnode.style.pointerEvents = 'none';\n\t\t\t\t\t}}\n\t\t\t\t\taria-hidden\n\t\t\t\t/>\n\t\t\t</PopoverAnchor>\n\t\t\t<PopoverContent align=\"start\" className=\"nt:w-auto nt:p-0\">\n\t\t\t\t<ImageInputForm onCancel={onClose} onSubmit={handleSubmit} />\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4B;AAE5B,8BAA+B;AAC/B,qBAAuD;AAmCrD;AAxBK,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACD,GAA2B;AAC1B,QAAM,mBAAe;AAAA,IACpB,CAAC,EAAE,KAAK,IAAI,MAAoC;AAC/C,UAAI,CAAC,KAAK;AACT,gBAAQ;AAER;AAAA,MACD;AAEA,aACE,MAAM,EACN,MAAM,EACN,SAAS,EAAE,KAAK,KAAK,KAAK,OAAO,OAAU,CAAC,EAC5C,IAAI;AACN,cAAQ;AAAA,IACT;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAI;AAAA,MACJ,cAAc,CAAC,SAAS;AACvB,YAAI,CAAC,KAAM,SAAQ;AAAA,MACpB;AAAA,MAEA;AAAA,oDAAC,gCAAc,SAAO,MACrB;AAAA,UAAC;AAAA;AAAA,YACA,KAAK,CAAC,SAAS;AACd,kBAAI,CAAC,KAAM;AAGX,oBAAM,EAAE,KAAK,MAAM,OAAO,OAAO,IAAI;AAErC,mBAAK,MAAM,WAAW;AACtB,mBAAK,MAAM,MAAM,GAAG,GAAG;AACvB,mBAAK,MAAM,OAAO,GAAG,IAAI;AACzB,mBAAK,MAAM,QAAQ,GAAG,SAAS,CAAC;AAChC,mBAAK,MAAM,SAAS,GAAG,UAAU,CAAC;AAClC,mBAAK,MAAM,gBAAgB;AAAA,YAC5B;AAAA,YACA,eAAW;AAAA;AAAA,QACZ,GACD;AAAA,QACA,4CAAC,iCAAe,OAAM,SAAQ,WAAU,oBACvC,sDAAC,0CAAe,UAAU,SAAS,UAAU,cAAc,GAC5D;AAAA;AAAA;AAAA,EACD;AAEF;","names":[]}

package/dist/components/slash-dropdown-menu/slash-image-popover.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Editor } from '@tiptap/core';
+
+interface SlashImagePopoverProps {
+    editor: Editor;
+    anchorRect: DOMRect;
+    onClose: () => void;
+}
+declare function SlashImagePopover({ editor, anchorRect, onClose }: SlashImagePopoverProps): react_jsx_runtime.JSX.Element;
+
+export { SlashImagePopover, type SlashImagePopoverProps };

package/dist/components/slash-dropdown-menu/slash-image-popover.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Editor } from '@tiptap/core';
+
+interface SlashImagePopoverProps {
+    editor: Editor;
+    anchorRect: DOMRect;
+    onClose: () => void;
+}
+declare function SlashImagePopover({ editor, anchorRect, onClose }: SlashImagePopoverProps): react_jsx_runtime.JSX.Element;
+
+export { SlashImagePopover, type SlashImagePopoverProps };

package/dist/components/slash-dropdown-menu/slash-image-popover.mjs

@@ -0,0 +1,56 @@
+"use client";
+
+// src/components/slash-dropdown-menu/slash-image-popover.tsx
+import { useCallback } from "react";
+import { ImageInputForm } from "../image-popover/image-input-form.mjs";
+import { Popover, PopoverAnchor, PopoverContent } from "../ui/popover.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SlashImagePopover({
+  editor,
+  anchorRect,
+  onClose
+}) {
+  const handleSubmit = useCallback(
+    ({ url, alt }) => {
+      if (!url) {
+        onClose();
+        return;
+      }
+      editor.chain().focus().setImage({ src: url, alt: alt || void 0 }).run();
+      onClose();
+    },
+    [editor, onClose]
+  );
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      open: true,
+      onOpenChange: (next) => {
+        if (!next) onClose();
+      },
+      children: [
+        /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: (node) => {
+              if (!node) return;
+              const { top, left, width, height } = anchorRect;
+              node.style.position = "fixed";
+              node.style.top = `${top}px`;
+              node.style.left = `${left}px`;
+              node.style.width = `${width || 1}px`;
+              node.style.height = `${height || 1}px`;
+              node.style.pointerEvents = "none";
+            },
+            "aria-hidden": true
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "nt:w-auto nt:p-0", children: /* @__PURE__ */ jsx(ImageInputForm, { onCancel: onClose, onSubmit: handleSubmit }) })
+      ]
+    }
+  );
+}
+export {
+  SlashImagePopover
+};
+//# sourceMappingURL=slash-image-popover.mjs.map

package/dist/components/slash-dropdown-menu/slash-image-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/slash-image-popover.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { ImageInputForm } from '../image-popover/image-input-form.js';\nimport { Popover, PopoverAnchor, PopoverContent } from '../ui/popover.js';\n\nimport type { Editor } from '@tiptap/core';\nimport type {} from '@tiptap/extension-image';\n\nexport interface SlashImagePopoverProps {\n\teditor: Editor;\n\tanchorRect: DOMRect;\n\tonClose: () => void;\n}\n\nexport function SlashImagePopover({\n\teditor,\n\tanchorRect,\n\tonClose\n}: SlashImagePopoverProps) {\n\tconst handleSubmit = useCallback(\n\t\t({ url, alt }: { url: string; alt: string }) => {\n\t\t\tif (!url) {\n\t\t\t\tonClose();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\teditor\n\t\t\t\t.chain()\n\t\t\t\t.focus()\n\t\t\t\t.setImage({ src: url, alt: alt || undefined })\n\t\t\t\t.run();\n\t\t\tonClose();\n\t\t},\n\t\t[editor, onClose]\n\t);\n\n\treturn (\n\t\t<Popover\n\t\t\topen\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (!next) onClose();\n\t\t\t}}\n\t\t>\n\t\t\t<PopoverAnchor asChild>\n\t\t\t\t<span\n\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\tif (!node) return;\n\n\t\t\t\t\t\t// Pin the anchor element at the captured rect.\n\t\t\t\t\t\tconst { top, left, width, height } = anchorRect;\n\n\t\t\t\t\t\tnode.style.position = 'fixed';\n\t\t\t\t\t\tnode.style.top = `${top}px`;\n\t\t\t\t\t\tnode.style.left = `${left}px`;\n\t\t\t\t\t\tnode.style.width = `${width || 1}px`;\n\t\t\t\t\t\tnode.style.height = `${height || 1}px`;\n\t\t\t\t\t\tnode.style.pointerEvents = 'none';\n\t\t\t\t\t}}\n\t\t\t\t\taria-hidden\n\t\t\t\t/>\n\t\t\t</PopoverAnchor>\n\t\t\t<PopoverContent align=\"start\" className=\"nt:w-auto nt:p-0\">\n\t\t\t\t<ImageInputForm onCancel={onClose} onSubmit={handleSubmit} />\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"mappings":";;;AAEA,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB;AAC/B,SAAS,SAAS,eAAe,sBAAsB;AAmCrD,SAOE,KAPF;AAxBK,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACD,GAA2B;AAC1B,QAAM,eAAe;AAAA,IACpB,CAAC,EAAE,KAAK,IAAI,MAAoC;AAC/C,UAAI,CAAC,KAAK;AACT,gBAAQ;AAER;AAAA,MACD;AAEA,aACE,MAAM,EACN,MAAM,EACN,SAAS,EAAE,KAAK,KAAK,KAAK,OAAO,OAAU,CAAC,EAC5C,IAAI;AACN,cAAQ;AAAA,IACT;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAI;AAAA,MACJ,cAAc,CAAC,SAAS;AACvB,YAAI,CAAC,KAAM,SAAQ;AAAA,MACpB;AAAA,MAEA;AAAA,4BAAC,iBAAc,SAAO,MACrB;AAAA,UAAC;AAAA;AAAA,YACA,KAAK,CAAC,SAAS;AACd,kBAAI,CAAC,KAAM;AAGX,oBAAM,EAAE,KAAK,MAAM,OAAO,OAAO,IAAI;AAErC,mBAAK,MAAM,WAAW;AACtB,mBAAK,MAAM,MAAM,GAAG,GAAG;AACvB,mBAAK,MAAM,OAAO,GAAG,IAAI;AACzB,mBAAK,MAAM,QAAQ,GAAG,SAAS,CAAC;AAChC,mBAAK,MAAM,SAAS,GAAG,UAAU,CAAC;AAClC,mBAAK,MAAM,gBAAgB;AAAA,YAC5B;AAAA,YACA,eAAW;AAAA;AAAA,QACZ,GACD;AAAA,QACA,oBAAC,kBAAe,OAAM,SAAQ,WAAU,oBACvC,8BAAC,kBAAe,UAAU,SAAS,UAAU,cAAc,GAC5D;AAAA;AAAA;AAAA,EACD;AAEF;","names":[]}

package/dist/components/slash-dropdown-menu/types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/slash-dropdown-menu/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.cjs.map

package/dist/components/slash-dropdown-menu/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/types.ts"],"sourcesContent":["import type { Editor, Range } from '@tiptap/react';\n\nexport type IconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;\n\nexport interface SlashItem {\n\t/** Main label shown in the menu. */\n\ttitle: string;\n\t/** Secondary description shown under the title. */\n\tsubtext?: string;\n\t/** Icon component (lucide-react). */\n\tbadge?: IconComponent;\n\t/** Group label used by callers that render grouped lists. */\n\tgroup?: string;\n\t/** Extra search keywords. */\n\tkeywords?: string[];\n\t/** Invoked when the item is chosen. */\n\tonSelect: (props: { editor: Editor; range: Range }) => void;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/components/slash-dropdown-menu/types.d.cts

@@ -0,0 +1,22 @@
+import { Editor, Range } from '@tiptap/react';
+
+type IconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
+interface SlashItem {
+    /** Main label shown in the menu. */
+    title: string;
+    /** Secondary description shown under the title. */
+    subtext?: string;
+    /** Icon component (lucide-react). */
+    badge?: IconComponent;
+    /** Group label used by callers that render grouped lists. */
+    group?: string;
+    /** Extra search keywords. */
+    keywords?: string[];
+    /** Invoked when the item is chosen. */
+    onSelect: (props: {
+        editor: Editor;
+        range: Range;
+    }) => void;
+}
+
+export type { IconComponent, SlashItem };

package/dist/components/slash-dropdown-menu/types.d.ts

@@ -0,0 +1,22 @@
+import { Editor, Range } from '@tiptap/react';
+
+type IconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
+interface SlashItem {
+    /** Main label shown in the menu. */
+    title: string;
+    /** Secondary description shown under the title. */
+    subtext?: string;
+    /** Icon component (lucide-react). */
+    badge?: IconComponent;
+    /** Group label used by callers that render grouped lists. */
+    group?: string;
+    /** Extra search keywords. */
+    keywords?: string[];
+    /** Invoked when the item is chosen. */
+    onSelect: (props: {
+        editor: Editor;
+        range: Range;
+    }) => void;
+}
+
+export type { IconComponent, SlashItem };

package/dist/components/slash-dropdown-menu/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/dist/components/slash-dropdown-menu/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/slash-dropdown-menu/use-slash-items.cjs

@@ -0,0 +1,138 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/slash-dropdown-menu/use-slash-items.ts
+var use_slash_items_exports = {};
+__export(use_slash_items_exports, {
+  useSlashItems: () => useSlashItems
+});
+module.exports = __toCommonJS(use_slash_items_exports);
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+function useSlashItems({ onImageRequest }) {
+  return (0, import_react.useCallback)(
+    (editor) => [
+      {
+        title: "Text",
+        keywords: ["p", "paragraph", "text"],
+        badge: import_lucide_react.Type,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().setParagraph().run();
+        }
+      },
+      {
+        title: "Heading 1",
+        keywords: ["h1", "heading"],
+        badge: import_lucide_react.Heading1,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 1 }).run();
+        }
+      },
+      {
+        title: "Heading 2",
+        keywords: ["h2", "heading"],
+        badge: import_lucide_react.Heading2,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 2 }).run();
+        }
+      },
+      {
+        title: "Heading 3",
+        keywords: ["h3", "heading"],
+        badge: import_lucide_react.Heading3,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 3 }).run();
+        }
+      },
+      {
+        title: "Heading 4",
+        keywords: ["h4", "heading"],
+        badge: import_lucide_react.Heading4,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 4 }).run();
+        }
+      },
+      {
+        title: "Bullet List",
+        keywords: ["ul", "list", "bullet"],
+        badge: import_lucide_react.List,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleBulletList().run();
+        }
+      },
+      {
+        title: "Numbered List",
+        keywords: ["ol", "list", "ordered", "numbered"],
+        badge: import_lucide_react.ListOrdered,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleOrderedList().run();
+        }
+      },
+      {
+        title: "To-do List",
+        keywords: ["task", "todo", "checklist"],
+        badge: import_lucide_react.ListTodo,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleTaskList().run();
+        }
+      },
+      {
+        title: "Blockquote",
+        keywords: ["quote"],
+        badge: import_lucide_react.Quote,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleBlockquote().run();
+        }
+      },
+      {
+        title: "Code Block",
+        keywords: ["code", "pre"],
+        badge: import_lucide_react.SquareCode,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleCodeBlock().run();
+        }
+      },
+      {
+        title: "Image",
+        keywords: ["image", "img", "picture", "media", "url"],
+        badge: import_lucide_react.Image,
+        group: "Insert",
+        onSelect: () => {
+          onImageRequest();
+        }
+      }
+    ],
+    [onImageRequest]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSlashItems
+});
+//# sourceMappingURL=use-slash-items.cjs.map

package/dist/components/slash-dropdown-menu/use-slash-items.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/use-slash-items.ts"],"sourcesContent":["import {\n\tHeading1,\n\tHeading2,\n\tHeading3,\n\tHeading4,\n\tImage as ImageIcon,\n\tList,\n\tListOrdered,\n\tListTodo,\n\tQuote,\n\tSquareCode,\n\tType\n} from 'lucide-react';\nimport { useCallback } from 'react';\n\nimport type { SlashItem } from './types.js';\nimport type { Editor } from '@tiptap/core';\n// Module augmentations: pull in ChainedCommands extensions from these packages.\nimport type {} from '@tiptap/starter-kit';\nimport type {} from '@tiptap/extension-list';\n\nexport interface UseSlashItemsOptions {\n\t/** Called when the Image slash item is chosen. */\n\tonImageRequest: () => void;\n}\n\nexport function useSlashItems({ onImageRequest }: UseSlashItemsOptions) {\n\treturn useCallback(\n\t\t(editor: Editor): SlashItem[] => [\n\t\t\t{\n\t\t\t\ttitle: 'Text',\n\t\t\t\tkeywords: ['p', 'paragraph', 'text'],\n\t\t\t\tbadge: Type,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().setParagraph().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 1',\n\t\t\t\tkeywords: ['h1', 'heading'],\n\t\t\t\tbadge: Heading1,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 1 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 2',\n\t\t\t\tkeywords: ['h2', 'heading'],\n\t\t\t\tbadge: Heading2,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 2 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 3',\n\t\t\t\tkeywords: ['h3', 'heading'],\n\t\t\t\tbadge: Heading3,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 3 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 4',\n\t\t\t\tkeywords: ['h4', 'heading'],\n\t\t\t\tbadge: Heading4,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 4 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Bullet List',\n\t\t\t\tkeywords: ['ul', 'list', 'bullet'],\n\t\t\t\tbadge: List,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleBulletList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Numbered List',\n\t\t\t\tkeywords: ['ol', 'list', 'ordered', 'numbered'],\n\t\t\t\tbadge: ListOrdered,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleOrderedList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'To-do List',\n\t\t\t\tkeywords: ['task', 'todo', 'checklist'],\n\t\t\t\tbadge: ListTodo,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleTaskList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Blockquote',\n\t\t\t\tkeywords: ['quote'],\n\t\t\t\tbadge: Quote,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleBlockquote().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Code Block',\n\t\t\t\tkeywords: ['code', 'pre'],\n\t\t\t\tbadge: SquareCode,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleCodeBlock().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Image',\n\t\t\t\tkeywords: ['image', 'img', 'picture', 'media', 'url'],\n\t\t\t\tbadge: ImageIcon,\n\t\t\t\tgroup: 'Insert',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\tonImageRequest();\n\t\t\t\t}\n\t\t\t}\n\t\t],\n\t\t[onImageRequest]\n\t);\n}\n"],"mappings":"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","names":["ImageIcon"]}

package/dist/components/slash-dropdown-menu/use-slash-items.d.cts

@@ -0,0 +1,11 @@
+import { SlashItem } from './types.cjs';
+import { Editor } from '@tiptap/core';
+import '@tiptap/react';
+
+interface UseSlashItemsOptions {
+    /** Called when the Image slash item is chosen. */
+    onImageRequest: () => void;
+}
+declare function useSlashItems({ onImageRequest }: UseSlashItemsOptions): (editor: Editor) => SlashItem[];
+
+export { type UseSlashItemsOptions, useSlashItems };

package/dist/components/slash-dropdown-menu/use-slash-items.d.ts

@@ -0,0 +1,11 @@
+import { SlashItem } from './types.js';
+import { Editor } from '@tiptap/core';
+import '@tiptap/react';
+
+interface UseSlashItemsOptions {
+    /** Called when the Image slash item is chosen. */
+    onImageRequest: () => void;
+}
+declare function useSlashItems({ onImageRequest }: UseSlashItemsOptions): (editor: Editor) => SlashItem[];
+
+export { type UseSlashItemsOptions, useSlashItems };

package/dist/components/slash-dropdown-menu/use-slash-items.mjs

@@ -0,0 +1,125 @@
+// src/components/slash-dropdown-menu/use-slash-items.ts
+import {
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  Image as ImageIcon,
+  List,
+  ListOrdered,
+  ListTodo,
+  Quote,
+  SquareCode,
+  Type
+} from "lucide-react";
+import { useCallback } from "react";
+function useSlashItems({ onImageRequest }) {
+  return useCallback(
+    (editor) => [
+      {
+        title: "Text",
+        keywords: ["p", "paragraph", "text"],
+        badge: Type,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().setParagraph().run();
+        }
+      },
+      {
+        title: "Heading 1",
+        keywords: ["h1", "heading"],
+        badge: Heading1,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 1 }).run();
+        }
+      },
+      {
+        title: "Heading 2",
+        keywords: ["h2", "heading"],
+        badge: Heading2,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 2 }).run();
+        }
+      },
+      {
+        title: "Heading 3",
+        keywords: ["h3", "heading"],
+        badge: Heading3,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 3 }).run();
+        }
+      },
+      {
+        title: "Heading 4",
+        keywords: ["h4", "heading"],
+        badge: Heading4,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 4 }).run();
+        }
+      },
+      {
+        title: "Bullet List",
+        keywords: ["ul", "list", "bullet"],
+        badge: List,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleBulletList().run();
+        }
+      },
+      {
+        title: "Numbered List",
+        keywords: ["ol", "list", "ordered", "numbered"],
+        badge: ListOrdered,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleOrderedList().run();
+        }
+      },
+      {
+        title: "To-do List",
+        keywords: ["task", "todo", "checklist"],
+        badge: ListTodo,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleTaskList().run();
+        }
+      },
+      {
+        title: "Blockquote",
+        keywords: ["quote"],
+        badge: Quote,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleBlockquote().run();
+        }
+      },
+      {
+        title: "Code Block",
+        keywords: ["code", "pre"],
+        badge: SquareCode,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleCodeBlock().run();
+        }
+      },
+      {
+        title: "Image",
+        keywords: ["image", "img", "picture", "media", "url"],
+        badge: ImageIcon,
+        group: "Insert",
+        onSelect: () => {
+          onImageRequest();
+        }
+      }
+    ],
+    [onImageRequest]
+  );
+}
+export {
+  useSlashItems
+};
+//# sourceMappingURL=use-slash-items.mjs.map

package/dist/components/slash-dropdown-menu/use-slash-items.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/use-slash-items.ts"],"sourcesContent":["import {\n\tHeading1,\n\tHeading2,\n\tHeading3,\n\tHeading4,\n\tImage as ImageIcon,\n\tList,\n\tListOrdered,\n\tListTodo,\n\tQuote,\n\tSquareCode,\n\tType\n} from 'lucide-react';\nimport { useCallback } from 'react';\n\nimport type { SlashItem } from './types.js';\nimport type { Editor } from '@tiptap/core';\n// Module augmentations: pull in ChainedCommands extensions from these packages.\nimport type {} from '@tiptap/starter-kit';\nimport type {} from '@tiptap/extension-list';\n\nexport interface UseSlashItemsOptions {\n\t/** Called when the Image slash item is chosen. */\n\tonImageRequest: () => void;\n}\n\nexport function useSlashItems({ onImageRequest }: UseSlashItemsOptions) {\n\treturn useCallback(\n\t\t(editor: Editor): SlashItem[] => [\n\t\t\t{\n\t\t\t\ttitle: 'Text',\n\t\t\t\tkeywords: ['p', 'paragraph', 'text'],\n\t\t\t\tbadge: Type,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().setParagraph().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 1',\n\t\t\t\tkeywords: ['h1', 'heading'],\n\t\t\t\tbadge: Heading1,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 1 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 2',\n\t\t\t\tkeywords: ['h2', 'heading'],\n\t\t\t\tbadge: Heading2,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 2 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 3',\n\t\t\t\tkeywords: ['h3', 'heading'],\n\t\t\t\tbadge: Heading3,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 3 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 4',\n\t\t\t\tkeywords: ['h4', 'heading'],\n\t\t\t\tbadge: Heading4,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 4 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Bullet List',\n\t\t\t\tkeywords: ['ul', 'list', 'bullet'],\n\t\t\t\tbadge: List,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleBulletList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Numbered List',\n\t\t\t\tkeywords: ['ol', 'list', 'ordered', 'numbered'],\n\t\t\t\tbadge: ListOrdered,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleOrderedList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'To-do List',\n\t\t\t\tkeywords: ['task', 'todo', 'checklist'],\n\t\t\t\tbadge: ListTodo,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleTaskList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Blockquote',\n\t\t\t\tkeywords: ['quote'],\n\t\t\t\tbadge: Quote,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleBlockquote().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Code Block',\n\t\t\t\tkeywords: ['code', 'pre'],\n\t\t\t\tbadge: SquareCode,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleCodeBlock().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Image',\n\t\t\t\tkeywords: ['image', 'img', 'picture', 'media', 'url'],\n\t\t\t\tbadge: ImageIcon,\n\t\t\t\tgroup: 'Insert',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\tonImageRequest();\n\t\t\t\t}\n\t\t\t}\n\t\t],\n\t\t[onImageRequest]\n\t);\n}\n"],"mappings":";AAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,mBAAmB;AAarB,SAAS,cAAc,EAAE,eAAe,GAAyB;AACvE,SAAO;AAAA,IACN,CAAC,WAAgC;AAAA,MAChC;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,KAAK,aAAa,MAAM;AAAA,QACnC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI;AAAA,QAC3C;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS;AAAA,QAC1B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;AAAA,QACxD;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS;AAAA,QAC1B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;AAAA,QACxD;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS;AAAA,QAC1B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;AAAA,QACxD;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS;AAAA,QAC1B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;AAAA,QACxD;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,QAAQ,QAAQ;AAAA,QACjC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI;AAAA,QAC/C;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,QAAQ,WAAW,UAAU;AAAA,QAC9C,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,IAAI;AAAA,QAChD;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,QAAQ,QAAQ,WAAW;AAAA,QACtC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI;AAAA,QAC7C;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,OAAO;AAAA,QAClB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI;AAAA,QAC/C;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,QAAQ,KAAK;AAAA,QACxB,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,iBAAO,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAI;AAAA,QAC9C;AAAA,MACD;AAAA,MACA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,SAAS,OAAO,WAAW,SAAS,KAAK;AAAA,QACpD,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,MAAM;AACf,yBAAe;AAAA,QAChB;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAC,cAAc;AAAA,EAChB;AACD;","names":[]}

package/dist/components/toolbar/toolbar.cjs

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/toolbar/toolbar.tsx
 var toolbar_exports = {};
 __export(toolbar_exports, {
   Toolbar: () => Toolbar,
@@ -23,9 +25,9 @@ __export(toolbar_exports, {
   ToolbarSeparator: () => ToolbarSeparator
 });
 module.exports = __toCommonJS(toolbar_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-const Toolbar = (0, import_react.forwardRef)(
+var import_jsx_runtime = require("react/jsx-runtime");
+var Toolbar = (0, import_react.forwardRef)(
   ({ children, className, variant = "fixed", ...props }, ref) => {
     const classNames = ["tiptap-toolbar", className].filter(Boolean).join(" ");
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(