notra-editor 0.5.0 → 0.7.0

package/dist/components/blockquote-button/blockquote-button.d.cts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Editor } from '@tiptap/core';
 
 interface BlockquoteButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     editor: Editor | null;
 }
-declare const BlockquoteButton: react.ForwardRefExoticComponent<BlockquoteButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare const BlockquoteButton: React$1.ForwardRefExoticComponent<BlockquoteButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 export { BlockquoteButton, type BlockquoteButtonProps };

package/dist/components/blockquote-button/blockquote-button.d.ts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Editor } from '@tiptap/core';
 
 interface BlockquoteButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     editor: Editor | null;
 }
-declare const BlockquoteButton: react.ForwardRefExoticComponent<BlockquoteButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare const BlockquoteButton: React$1.ForwardRefExoticComponent<BlockquoteButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 export { BlockquoteButton, type BlockquoteButtonProps };

package/dist/components/code-block-button/code-block-button.d.cts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Editor } from '@tiptap/core';
 
 interface CodeBlockButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     editor: Editor | null;
 }
-declare const CodeBlockButton: react.ForwardRefExoticComponent<CodeBlockButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CodeBlockButton: React$1.ForwardRefExoticComponent<CodeBlockButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 export { CodeBlockButton, type CodeBlockButtonProps };

package/dist/components/code-block-button/code-block-button.d.ts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Editor } from '@tiptap/core';
 
 interface CodeBlockButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     editor: Editor | null;
 }
-declare const CodeBlockButton: react.ForwardRefExoticComponent<CodeBlockButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CodeBlockButton: React$1.ForwardRefExoticComponent<CodeBlockButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 export { CodeBlockButton, type CodeBlockButtonProps };

package/dist/components/code-block-view/code-block-shell.cjs

@@ -0,0 +1,41 @@
+"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);
+var code_block_shell_exports = {};
+__export(code_block_shell_exports, {
+  CodeBlockShell: () => CodeBlockShell
+});
+module.exports = __toCommonJS(code_block_shell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_copy_button = require("../copy-button");
+const CodeBlockShell = ({
+  value,
+  languageSlot,
+  children
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "nt:relative", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "nt:absolute nt:inset-x-0 nt:top-0 nt:flex nt:h-9 nt:items-center nt:justify-between nt:px-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "nt:min-w-0 nt:flex-1", children: languageSlot }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_copy_button.CopyButton, { value })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "nt:!pt-9 hljs", children })
+] });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeBlockShell
+});
+//# sourceMappingURL=code-block-shell.cjs.map

package/dist/components/code-block-view/code-block-shell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/code-block-view/code-block-shell.tsx"],"sourcesContent":["import { CopyButton } from '../copy-button';\n\nimport type { ReactNode } from 'react';\n\ninterface CodeBlockShellProps {\n\tvalue: string;\n\tlanguageSlot: ReactNode;\n\tchildren: ReactNode;\n}\n\n// Visual frame shared by the editor (NodeView) and reader (nodeMapping).\n// `languageSlot` lets each consumer plug its own widget into the top bar:\n// the editor passes <LanguageSelect>, the reader passes a static label.\n// `children` is the <code> element (NodeViewContent in the editor, a\n// dangerouslySetInnerHTML <code> in the reader).\nexport const CodeBlockShell = ({\n\tvalue,\n\tlanguageSlot,\n\tchildren\n}: CodeBlockShellProps) => (\n\t<div className=\"nt:relative\">\n\t\t<div className=\"nt:absolute nt:inset-x-0 nt:top-0 nt:flex nt:h-9 nt:items-center nt:justify-between nt:px-2\">\n\t\t\t<div className=\"nt:min-w-0 nt:flex-1\">{languageSlot}</div>\n\t\t\t<CopyButton value={value} />\n\t\t</div>\n\t\t<pre className=\"nt:!pt-9 hljs\">{children}</pre>\n\t</div>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBE;AArBF,yBAA2B;AAepB,MAAM,iBAAiB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACD,MACC,6CAAC,SAAI,WAAU,eACd;AAAA,+CAAC,SAAI,WAAU,+FACd;AAAA,gDAAC,SAAI,WAAU,wBAAwB,wBAAa;AAAA,IACpD,4CAAC,iCAAW,OAAc;AAAA,KAC3B;AAAA,EACA,4CAAC,SAAI,WAAU,iBAAiB,UAAS;AAAA,GAC1C;","names":[]}

package/dist/components/code-block-view/code-block-shell.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface CodeBlockShellProps {
+    value: string;
+    languageSlot: ReactNode;
+    children: ReactNode;
+}
+declare const CodeBlockShell: ({ value, languageSlot, children }: CodeBlockShellProps) => react_jsx_runtime.JSX.Element;
+
+export { CodeBlockShell };

package/dist/components/code-block-view/code-block-shell.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface CodeBlockShellProps {
+    value: string;
+    languageSlot: ReactNode;
+    children: ReactNode;
+}
+declare const CodeBlockShell: ({ value, languageSlot, children }: CodeBlockShellProps) => react_jsx_runtime.JSX.Element;
+
+export { CodeBlockShell };

package/dist/components/code-block-view/code-block-shell.mjs

@@ -0,0 +1,17 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CopyButton } from "../copy-button";
+const CodeBlockShell = ({
+  value,
+  languageSlot,
+  children
+}) => /* @__PURE__ */ jsxs("div", { className: "nt:relative", children: [
+  /* @__PURE__ */ jsxs("div", { className: "nt:absolute nt:inset-x-0 nt:top-0 nt:flex nt:h-9 nt:items-center nt:justify-between nt:px-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "nt:min-w-0 nt:flex-1", children: languageSlot }),
+    /* @__PURE__ */ jsx(CopyButton, { value })
+  ] }),
+  /* @__PURE__ */ jsx("pre", { className: "nt:!pt-9 hljs", children })
+] });
+export {
+  CodeBlockShell
+};
+//# sourceMappingURL=code-block-shell.mjs.map

package/dist/components/code-block-view/code-block-shell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/code-block-view/code-block-shell.tsx"],"sourcesContent":["import { CopyButton } from '../copy-button';\n\nimport type { ReactNode } from 'react';\n\ninterface CodeBlockShellProps {\n\tvalue: string;\n\tlanguageSlot: ReactNode;\n\tchildren: ReactNode;\n}\n\n// Visual frame shared by the editor (NodeView) and reader (nodeMapping).\n// `languageSlot` lets each consumer plug its own widget into the top bar:\n// the editor passes <LanguageSelect>, the reader passes a static label.\n// `children` is the <code> element (NodeViewContent in the editor, a\n// dangerouslySetInnerHTML <code> in the reader).\nexport const CodeBlockShell = ({\n\tvalue,\n\tlanguageSlot,\n\tchildren\n}: CodeBlockShellProps) => (\n\t<div className=\"nt:relative\">\n\t\t<div className=\"nt:absolute nt:inset-x-0 nt:top-0 nt:flex nt:h-9 nt:items-center nt:justify-between nt:px-2\">\n\t\t\t<div className=\"nt:min-w-0 nt:flex-1\">{languageSlot}</div>\n\t\t\t<CopyButton value={value} />\n\t\t</div>\n\t\t<pre className=\"nt:!pt-9 hljs\">{children}</pre>\n\t</div>\n);\n"],"mappings":"AAqBE,SACC,KADD;AArBF,SAAS,kBAAkB;AAepB,MAAM,iBAAiB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACD,MACC,qBAAC,SAAI,WAAU,eACd;AAAA,uBAAC,SAAI,WAAU,+FACd;AAAA,wBAAC,SAAI,WAAU,wBAAwB,wBAAa;AAAA,IACpD,oBAAC,cAAW,OAAc;AAAA,KAC3B;AAAA,EACA,oBAAC,SAAI,WAAU,iBAAiB,UAAS;AAAA,GAC1C;","names":[]}

package/dist/components/{code-block-view.cjs → code-block-view/code-block-view.cjs}

@@ -19,21 +19,29 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var code_block_view_exports = {};
 __export(code_block_view_exports, {
-  CodeBlockShell: () => CodeBlockShell,
   CodeBlockView: () => CodeBlockView
 });
 module.exports = __toCommonJS(code_block_view_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@tiptap/react");
-var import_copy_button = require("./copy-button");
-const CodeBlockShell = ({ value, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "nt:relative", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "nt:absolute nt:inset-x-0 nt:top-0 nt:flex nt:h-9 nt:items-center nt:justify-end nt:px-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_copy_button.CopyButton, { value }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "nt:!pt-9", children })
-] });
-const CodeBlockView = ({ node }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeBlockShell, { value: node.textContent, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.NodeViewContent, { as: "code" }) }) });
+var import_code_block_shell = require("./code-block-shell");
+var import_language_select = require("./language-select");
+const CodeBlockView = ({ node, updateAttributes }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.NodeViewWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_code_block_shell.CodeBlockShell,
+  {
+    languageSlot: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_language_select.LanguageSelect,
+      {
+        language: node.attrs.language ?? "",
+        onLanguageChange: (language) => updateAttributes({ language })
+      }
+    ),
+    value: node.textContent,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.NodeViewContent, { as: "code", className: "hljs" })
+  }
+) });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CodeBlockShell,
   CodeBlockView
 });
 //# sourceMappingURL=code-block-view.cjs.map

package/dist/components/code-block-view/code-block-view.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/code-block-view/code-block-view.tsx"],"sourcesContent":["'use client';\n\nimport {\n\tNodeViewContent,\n\tNodeViewWrapper,\n\ttype NodeViewProps\n} from '@tiptap/react';\n\nimport { CodeBlockShell } from './code-block-shell';\nimport { LanguageSelect } from './language-select';\n\n// Editor-side React NodeView. Tiptap mounts content-editable DOM directly\n// onto the <code> rendered by NodeViewContent. lowlight decorates that\n// content with <span class=\"hljs-*\"> spans on every transaction.\nexport const CodeBlockView = ({ node, updateAttributes }: NodeViewProps) => (\n\t<NodeViewWrapper>\n\t\t<CodeBlockShell\n\t\t\tlanguageSlot={\n\t\t\t\t<LanguageSelect\n\t\t\t\t\tlanguage={(node.attrs.language as string) ?? ''}\n\t\t\t\t\tonLanguageChange={(language) => updateAttributes({ language })}\n\t\t\t\t/>\n\t\t\t}\n\t\t\tvalue={node.textContent}\n\t\t>\n\t\t\t<NodeViewContent<'code'> as=\"code\" className=\"hljs\" />\n\t\t</CodeBlockShell>\n\t</NodeViewWrapper>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAhBJ,mBAIO;AAEP,8BAA+B;AAC/B,6BAA+B;AAKxB,MAAM,gBAAgB,CAAC,EAAE,MAAM,iBAAiB,MACtD,4CAAC,gCACA;AAAA,EAAC;AAAA;AAAA,IACA,cACC;AAAA,MAAC;AAAA;AAAA,QACA,UAAW,KAAK,MAAM,YAAuB;AAAA,QAC7C,kBAAkB,CAAC,aAAa,iBAAiB,EAAE,SAAS,CAAC;AAAA;AAAA,IAC9D;AAAA,IAED,OAAO,KAAK;AAAA,IAEZ,sDAAC,gCAAwB,IAAG,QAAO,WAAU,QAAO;AAAA;AACrD,GACD;","names":[]}

package/dist/components/code-block-view/code-block-view.d.cts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NodeViewProps } from '@tiptap/react';
+
+declare const CodeBlockView: ({ node, updateAttributes }: NodeViewProps) => react_jsx_runtime.JSX.Element;
+
+export { CodeBlockView };

package/dist/components/code-block-view/code-block-view.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { NodeViewProps } from '@tiptap/react';
+
+declare const CodeBlockView: ({ node, updateAttributes }: NodeViewProps) => react_jsx_runtime.JSX.Element;
+
+export { CodeBlockView };

package/dist/components/code-block-view/code-block-view.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  NodeViewContent,
+  NodeViewWrapper
+} from "@tiptap/react";
+import { CodeBlockShell } from "./code-block-shell";
+import { LanguageSelect } from "./language-select";
+const CodeBlockView = ({ node, updateAttributes }) => /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx(
+  CodeBlockShell,
+  {
+    languageSlot: /* @__PURE__ */ jsx(
+      LanguageSelect,
+      {
+        language: node.attrs.language ?? "",
+        onLanguageChange: (language) => updateAttributes({ language })
+      }
+    ),
+    value: node.textContent,
+    children: /* @__PURE__ */ jsx(NodeViewContent, { as: "code", className: "hljs" })
+  }
+) });
+export {
+  CodeBlockView
+};
+//# sourceMappingURL=code-block-view.mjs.map

package/dist/components/code-block-view/code-block-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/code-block-view/code-block-view.tsx"],"sourcesContent":["'use client';\n\nimport {\n\tNodeViewContent,\n\tNodeViewWrapper,\n\ttype NodeViewProps\n} from '@tiptap/react';\n\nimport { CodeBlockShell } from './code-block-shell';\nimport { LanguageSelect } from './language-select';\n\n// Editor-side React NodeView. Tiptap mounts content-editable DOM directly\n// onto the <code> rendered by NodeViewContent. lowlight decorates that\n// content with <span class=\"hljs-*\"> spans on every transaction.\nexport const CodeBlockView = ({ node, updateAttributes }: NodeViewProps) => (\n\t<NodeViewWrapper>\n\t\t<CodeBlockShell\n\t\t\tlanguageSlot={\n\t\t\t\t<LanguageSelect\n\t\t\t\t\tlanguage={(node.attrs.language as string) ?? ''}\n\t\t\t\t\tonLanguageChange={(language) => updateAttributes({ language })}\n\t\t\t\t/>\n\t\t\t}\n\t\t\tvalue={node.textContent}\n\t\t>\n\t\t\t<NodeViewContent<'code'> as=\"code\" className=\"hljs\" />\n\t\t</CodeBlockShell>\n\t</NodeViewWrapper>\n);\n"],"mappings":";AAkBI;AAhBJ;AAAA,EACC;AAAA,EACA;AAAA,OAEM;AAEP,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAKxB,MAAM,gBAAgB,CAAC,EAAE,MAAM,iBAAiB,MACtD,oBAAC,mBACA;AAAA,EAAC;AAAA;AAAA,IACA,cACC;AAAA,MAAC;AAAA;AAAA,QACA,UAAW,KAAK,MAAM,YAAuB;AAAA,QAC7C,kBAAkB,CAAC,aAAa,iBAAiB,EAAE,SAAS,CAAC;AAAA;AAAA,IAC9D;AAAA,IAED,OAAO,KAAK;AAAA,IAEZ,8BAAC,mBAAwB,IAAG,QAAO,WAAU,QAAO;AAAA;AACrD,GACD;","names":[]}

package/dist/components/code-block-view/language-select.cjs

@@ -0,0 +1,91 @@
+"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);
+var language_select_exports = {};
+__export(language_select_exports, {
+  LanguageSelect: () => LanguageSelect
+});
+module.exports = __toCommonJS(language_select_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+var import_languages = require("../../lib/languages");
+var import_utils = require("../../lib/utils");
+var import_button = require("../ui/button");
+var import_command = require("../ui/command");
+var import_popover = require("../ui/popover");
+const LanguageSelect = ({
+  language,
+  onLanguageChange
+}) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const current = language || "auto";
+  const label = (0, import_languages.getLanguageLabel)(current);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_popover.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverTrigger, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_button.Button,
+      {
+        "aria-expanded": open,
+        className: "nt:h-7 nt:gap-1 nt:px-2 nt:text-xs",
+        size: "sm",
+        tabIndex: -1,
+        type: "button",
+        variant: "ghost",
+        children: [
+          label,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDownIcon, { className: "nt:size-3 nt:opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { align: "start", className: "nt:w-[200px] nt:p-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.Command, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandInput, { placeholder: "Search language..." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandEmpty, { children: "No language found." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandGroup, { children: import_languages.LANGUAGES.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_command.CommandItem,
+          {
+            value: item.value,
+            onSelect: (value) => {
+              onLanguageChange(value);
+              setOpen(false);
+            },
+            children: [
+              item.label,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_lucide_react.CheckIcon,
+                {
+                  className: (0, import_utils.cn)(
+                    "nt:ml-auto nt:size-4",
+                    current === item.value ? "nt:opacity-100" : "nt:opacity-0"
+                  )
+                }
+              )
+            ]
+          },
+          item.value
+        )) })
+      ] })
+    ] }) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LanguageSelect
+});
+//# sourceMappingURL=language-select.cjs.map

package/dist/components/code-block-view/language-select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/code-block-view/language-select.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon, ChevronDownIcon } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { LANGUAGES, getLanguageLabel } from '../../lib/languages';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList\n} from '../ui/command';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\n\nexport interface LanguageSelectProps {\n\t/** Current language value (e.g. \"typescript\"); empty / \"auto\" → \"Auto\" label */\n\tlanguage: string;\n\t/** Called with the new value when the user picks a language */\n\tonLanguageChange: (language: string) => void;\n}\n\nexport const LanguageSelect = ({\n\tlanguage,\n\tonLanguageChange\n}: LanguageSelectProps) => {\n\tconst [open, setOpen] = useState(false);\n\tconst current = language || 'auto';\n\tconst label = getLanguageLabel(current);\n\n\treturn (\n\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t<PopoverTrigger asChild onClick={(e) => e.stopPropagation()}>\n\t\t\t\t<Button\n\t\t\t\t\taria-expanded={open}\n\t\t\t\t\tclassName=\"nt:h-7 nt:gap-1 nt:px-2 nt:text-xs\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t\t<ChevronDownIcon className=\"nt:size-3 nt:opacity-50\" />\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent align=\"start\" className=\"nt:w-[200px] nt:p-0\">\n\t\t\t\t<Command>\n\t\t\t\t\t<CommandInput placeholder=\"Search language...\" />\n\t\t\t\t\t<CommandList>\n\t\t\t\t\t\t<CommandEmpty>No language found.</CommandEmpty>\n\t\t\t\t\t\t<CommandGroup>\n\t\t\t\t\t\t\t{LANGUAGES.map((item) => (\n\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\tkey={item.value}\n\t\t\t\t\t\t\t\t\tvalue={item.value}\n\t\t\t\t\t\t\t\t\tonSelect={(value) => {\n\t\t\t\t\t\t\t\t\t\tonLanguageChange(value);\n\t\t\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t<CheckIcon\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'nt:ml-auto nt:size-4',\n\t\t\t\t\t\t\t\t\t\t\tcurrent === item.value ? 'nt:opacity-100' : 'nt:opacity-0'\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t</CommandList>\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCI;AAlCJ,0BAA2C;AAC3C,mBAAyB;AAEzB,uBAA4C;AAC5C,mBAAmB;AACnB,oBAAuB;AACvB,qBAOO;AACP,qBAAwD;AASjD,MAAM,iBAAiB,CAAC;AAAA,EAC9B;AAAA,EACA;AACD,MAA2B;AAC1B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,UAAU,YAAY;AAC5B,QAAM,YAAQ,mCAAiB,OAAO;AAEtC,SACC,6CAAC,0BAAQ,MAAY,cAAc,SAClC;AAAA,gDAAC,iCAAe,SAAO,MAAC,SAAS,CAAC,MAAM,EAAE,gBAAgB,GACzD;AAAA,MAAC;AAAA;AAAA,QACA,iBAAe;AAAA,QACf,WAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QAEP;AAAA;AAAA,UACD,4CAAC,uCAAgB,WAAU,2BAA0B;AAAA;AAAA;AAAA,IACtD,GACD;AAAA,IACA,4CAAC,iCAAe,OAAM,SAAQ,WAAU,uBACvC,uDAAC,0BACA;AAAA,kDAAC,+BAAa,aAAY,sBAAqB;AAAA,MAC/C,6CAAC,8BACA;AAAA,oDAAC,+BAAa,gCAAkB;AAAA,QAChC,4CAAC,+BACC,qCAAU,IAAI,CAAC,SACf;AAAA,UAAC;AAAA;AAAA,YAEA,OAAO,KAAK;AAAA,YACZ,UAAU,CAAC,UAAU;AACpB,+BAAiB,KAAK;AACtB,sBAAQ,KAAK;AAAA,YACd;AAAA,YAEC;AAAA,mBAAK;AAAA,cACN;AAAA,gBAAC;AAAA;AAAA,kBACA,eAAW;AAAA,oBACV;AAAA,oBACA,YAAY,KAAK,QAAQ,mBAAmB;AAAA,kBAC7C;AAAA;AAAA,cACD;AAAA;AAAA;AAAA,UAbK,KAAK;AAAA,QAcX,CACA,GACF;AAAA,SACD;AAAA,OACD,GACD;AAAA,KACD;AAEF;","names":[]}

package/dist/components/code-block-view/language-select.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LanguageSelectProps {
+    /** Current language value (e.g. "typescript"); empty / "auto" → "Auto" label */
+    language: string;
+    /** Called with the new value when the user picks a language */
+    onLanguageChange: (language: string) => void;
+}
+declare const LanguageSelect: ({ language, onLanguageChange }: LanguageSelectProps) => react_jsx_runtime.JSX.Element;
+
+export { LanguageSelect, type LanguageSelectProps };

package/dist/components/code-block-view/language-select.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LanguageSelectProps {
+    /** Current language value (e.g. "typescript"); empty / "auto" → "Auto" label */
+    language: string;
+    /** Called with the new value when the user picks a language */
+    onLanguageChange: (language: string) => void;
+}
+declare const LanguageSelect: ({ language, onLanguageChange }: LanguageSelectProps) => react_jsx_runtime.JSX.Element;
+
+export { LanguageSelect, type LanguageSelectProps };

package/dist/components/code-block-view/language-select.mjs

@@ -0,0 +1,74 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon } from "lucide-react";
+import { useState } from "react";
+import { LANGUAGES, getLanguageLabel } from "../../lib/languages";
+import { cn } from "../../lib/utils";
+import { Button } from "../ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "../ui/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+const LanguageSelect = ({
+  language,
+  onLanguageChange
+}) => {
+  const [open, setOpen] = useState(false);
+  const current = language || "auto";
+  const label = getLanguageLabel(current);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        "aria-expanded": open,
+        className: "nt:h-7 nt:gap-1 nt:px-2 nt:text-xs",
+        size: "sm",
+        tabIndex: -1,
+        type: "button",
+        variant: "ghost",
+        children: [
+          label,
+          /* @__PURE__ */ jsx(ChevronDownIcon, { className: "nt:size-3 nt:opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "nt:w-[200px] nt:p-0", children: /* @__PURE__ */ jsxs(Command, { children: [
+      /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search language..." }),
+      /* @__PURE__ */ jsxs(CommandList, { children: [
+        /* @__PURE__ */ jsx(CommandEmpty, { children: "No language found." }),
+        /* @__PURE__ */ jsx(CommandGroup, { children: LANGUAGES.map((item) => /* @__PURE__ */ jsxs(
+          CommandItem,
+          {
+            value: item.value,
+            onSelect: (value) => {
+              onLanguageChange(value);
+              setOpen(false);
+            },
+            children: [
+              item.label,
+              /* @__PURE__ */ jsx(
+                CheckIcon,
+                {
+                  className: cn(
+                    "nt:ml-auto nt:size-4",
+                    current === item.value ? "nt:opacity-100" : "nt:opacity-0"
+                  )
+                }
+              )
+            ]
+          },
+          item.value
+        )) })
+      ] })
+    ] }) })
+  ] });
+};
+export {
+  LanguageSelect
+};
+//# sourceMappingURL=language-select.mjs.map

package/dist/components/code-block-view/language-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/code-block-view/language-select.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon, ChevronDownIcon } from 'lucide-react';\nimport { useState } from 'react';\n\nimport { LANGUAGES, getLanguageLabel } from '../../lib/languages';\nimport { cn } from '../../lib/utils';\nimport { Button } from '../ui/button';\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList\n} from '../ui/command';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\n\nexport interface LanguageSelectProps {\n\t/** Current language value (e.g. \"typescript\"); empty / \"auto\" → \"Auto\" label */\n\tlanguage: string;\n\t/** Called with the new value when the user picks a language */\n\tonLanguageChange: (language: string) => void;\n}\n\nexport const LanguageSelect = ({\n\tlanguage,\n\tonLanguageChange\n}: LanguageSelectProps) => {\n\tconst [open, setOpen] = useState(false);\n\tconst current = language || 'auto';\n\tconst label = getLanguageLabel(current);\n\n\treturn (\n\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t<PopoverTrigger asChild onClick={(e) => e.stopPropagation()}>\n\t\t\t\t<Button\n\t\t\t\t\taria-expanded={open}\n\t\t\t\t\tclassName=\"nt:h-7 nt:gap-1 nt:px-2 nt:text-xs\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t\t<ChevronDownIcon className=\"nt:size-3 nt:opacity-50\" />\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent align=\"start\" className=\"nt:w-[200px] nt:p-0\">\n\t\t\t\t<Command>\n\t\t\t\t\t<CommandInput placeholder=\"Search language...\" />\n\t\t\t\t\t<CommandList>\n\t\t\t\t\t\t<CommandEmpty>No language found.</CommandEmpty>\n\t\t\t\t\t\t<CommandGroup>\n\t\t\t\t\t\t\t{LANGUAGES.map((item) => (\n\t\t\t\t\t\t\t\t<CommandItem\n\t\t\t\t\t\t\t\t\tkey={item.value}\n\t\t\t\t\t\t\t\t\tvalue={item.value}\n\t\t\t\t\t\t\t\t\tonSelect={(value) => {\n\t\t\t\t\t\t\t\t\t\tonLanguageChange(value);\n\t\t\t\t\t\t\t\t\t\tsetOpen(false);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t<CheckIcon\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t'nt:ml-auto nt:size-4',\n\t\t\t\t\t\t\t\t\t\t\tcurrent === item.value ? 'nt:opacity-100' : 'nt:opacity-0'\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</CommandItem>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</CommandGroup>\n\t\t\t\t\t</CommandList>\n\t\t\t\t</Command>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n};\n"],"mappings":";AAoCI,SASC,KATD;AAlCJ,SAAS,WAAW,uBAAuB;AAC3C,SAAS,gBAAgB;AAEzB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,SAAS,gBAAgB,sBAAsB;AASjD,MAAM,iBAAiB,CAAC;AAAA,EAC9B;AAAA,EACA;AACD,MAA2B;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,UAAU,YAAY;AAC5B,QAAM,QAAQ,iBAAiB,OAAO;AAEtC,SACC,qBAAC,WAAQ,MAAY,cAAc,SAClC;AAAA,wBAAC,kBAAe,SAAO,MAAC,SAAS,CAAC,MAAM,EAAE,gBAAgB,GACzD;AAAA,MAAC;AAAA;AAAA,QACA,iBAAe;AAAA,QACf,WAAU;AAAA,QACV,MAAK;AAAA,QACL,UAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QAEP;AAAA;AAAA,UACD,oBAAC,mBAAgB,WAAU,2BAA0B;AAAA;AAAA;AAAA,IACtD,GACD;AAAA,IACA,oBAAC,kBAAe,OAAM,SAAQ,WAAU,uBACvC,+BAAC,WACA;AAAA,0BAAC,gBAAa,aAAY,sBAAqB;AAAA,MAC/C,qBAAC,eACA;AAAA,4BAAC,gBAAa,gCAAkB;AAAA,QAChC,oBAAC,gBACC,oBAAU,IAAI,CAAC,SACf;AAAA,UAAC;AAAA;AAAA,YAEA,OAAO,KAAK;AAAA,YACZ,UAAU,CAAC,UAAU;AACpB,+BAAiB,KAAK;AACtB,sBAAQ,KAAK;AAAA,YACd;AAAA,YAEC;AAAA,mBAAK;AAAA,cACN;AAAA,gBAAC;AAAA;AAAA,kBACA,WAAW;AAAA,oBACV;AAAA,oBACA,YAAY,KAAK,QAAQ,mBAAmB;AAAA,kBAC7C;AAAA;AAAA,cACD;AAAA;AAAA;AAAA,UAbK,KAAK;AAAA,QAcX,CACA,GACF;AAAA,SACD;AAAA,OACD,GACD;AAAA,KACD;AAEF;","names":[]}

package/dist/components/heading-dropdown-menu/heading-dropdown-menu.d.cts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 import { ComponentProps } from 'react';
 import { HeadingLevel } from './use-heading.cjs';
 import { Button } from '../ui/button.cjs';
@@ -12,6 +12,6 @@ interface HeadingDropdownMenuProps extends Omit<ComponentProps<typeof Button>, '
     editor: Editor | null;
     levels?: HeadingLevel[];
 }
-declare const HeadingDropdownMenu: react.ForwardRefExoticComponent<Omit<HeadingDropdownMenuProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const HeadingDropdownMenu: React.ForwardRefExoticComponent<Omit<HeadingDropdownMenuProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 export { HeadingDropdownMenu, type HeadingDropdownMenuProps };

package/dist/components/heading-dropdown-menu/heading-dropdown-menu.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 import { ComponentProps } from 'react';
 import { HeadingLevel } from './use-heading.js';
 import { Button } from '../ui/button.js';
@@ -12,6 +12,6 @@ interface HeadingDropdownMenuProps extends Omit<ComponentProps<typeof Button>, '
     editor: Editor | null;
     levels?: HeadingLevel[];
 }
-declare const HeadingDropdownMenu: react.ForwardRefExoticComponent<Omit<HeadingDropdownMenuProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const HeadingDropdownMenu: React.ForwardRefExoticComponent<Omit<HeadingDropdownMenuProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 
 export { HeadingDropdownMenu, type HeadingDropdownMenuProps };

package/dist/components/heading-dropdown-menu/heading-menu-item.d.cts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 import { HeadingLevel } from './use-heading.cjs';
 import { Editor } from '@tiptap/core';
 import 'lucide-react';
@@ -7,6 +7,6 @@ interface HeadingMenuItemProps {
     editor: Editor | null;
     level: HeadingLevel;
 }
-declare const HeadingMenuItem: react.ForwardRefExoticComponent<HeadingMenuItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const HeadingMenuItem: React.ForwardRefExoticComponent<HeadingMenuItemProps & React.RefAttributes<HTMLDivElement>>;
 
 export { HeadingMenuItem, type HeadingMenuItemProps };

package/dist/components/heading-dropdown-menu/heading-menu-item.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 import { HeadingLevel } from './use-heading.js';
 import { Editor } from '@tiptap/core';
 import 'lucide-react';
@@ -7,6 +7,6 @@ interface HeadingMenuItemProps {
     editor: Editor | null;
     level: HeadingLevel;
 }
-declare const HeadingMenuItem: react.ForwardRefExoticComponent<HeadingMenuItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const HeadingMenuItem: React.ForwardRefExoticComponent<HeadingMenuItemProps & React.RefAttributes<HTMLDivElement>>;
 
 export { HeadingMenuItem, type HeadingMenuItemProps };

package/dist/components/image-popover/image-popover.d.cts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Editor } from '@tiptap/core';
 
 interface ImagePopoverProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     editor: Editor | null;
 }
-declare const ImagePopover: react.ForwardRefExoticComponent<ImagePopoverProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ImagePopover: React$1.ForwardRefExoticComponent<ImagePopoverProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 export { ImagePopover, type ImagePopoverProps };

package/dist/components/image-popover/image-popover.d.ts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Editor } from '@tiptap/core';
 
 interface ImagePopoverProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     editor: Editor | null;
 }
-declare const ImagePopover: react.ForwardRefExoticComponent<ImagePopoverProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ImagePopover: React$1.ForwardRefExoticComponent<ImagePopoverProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 export { ImagePopover, type ImagePopoverProps };

package/dist/components/image-popover/use-image-popover.d.cts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 import { Editor } from '@tiptap/core';
 
 interface UseImagePopoverConfig {
@@ -6,9 +6,9 @@ interface UseImagePopoverConfig {
 }
 declare function useImagePopover({ editor }: UseImagePopoverConfig): {
     url: string;
-    setUrl: react.Dispatch<react.SetStateAction<string>>;
+    setUrl: React.Dispatch<React.SetStateAction<string>>;
     alt: string;
-    setAlt: react.Dispatch<react.SetStateAction<string>>;
+    setAlt: React.Dispatch<React.SetStateAction<string>>;
     isActive: boolean;
     canSet: boolean;
     setImage: () => void;

package/dist/components/image-popover/use-image-popover.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 import { Editor } from '@tiptap/core';
 
 interface UseImagePopoverConfig {
@@ -6,9 +6,9 @@ interface UseImagePopoverConfig {
 }
 declare function useImagePopover({ editor }: UseImagePopoverConfig): {
     url: string;
-    setUrl: react.Dispatch<react.SetStateAction<string>>;
+    setUrl: React.Dispatch<React.SetStateAction<string>>;
     alt: string;
-    setAlt: react.Dispatch<react.SetStateAction<string>>;
+    setAlt: React.Dispatch<React.SetStateAction<string>>;
     isActive: boolean;
     canSet: boolean;
     setImage: () => void;

package/dist/components/link-popover/link-popover.d.cts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Editor } from '@tiptap/core';
 
 interface LinkPopoverProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     editor: Editor | null;
 }
-declare const LinkPopover: react.ForwardRefExoticComponent<LinkPopoverProps & react.RefAttributes<HTMLButtonElement>>;
+declare const LinkPopover: React$1.ForwardRefExoticComponent<LinkPopoverProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 export { LinkPopover, type LinkPopoverProps };

package/dist/components/link-popover/link-popover.d.ts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Editor } from '@tiptap/core';
 
 interface LinkPopoverProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     editor: Editor | null;
 }
-declare const LinkPopover: react.ForwardRefExoticComponent<LinkPopoverProps & react.RefAttributes<HTMLButtonElement>>;
+declare const LinkPopover: React$1.ForwardRefExoticComponent<LinkPopoverProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 export { LinkPopover, type LinkPopoverProps };

package/dist/components/link-popover/use-link-popover.d.cts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 import { Editor } from '@tiptap/core';
 
 interface UseLinkPopoverConfig {
@@ -6,7 +6,7 @@ interface UseLinkPopoverConfig {
 }
 declare function useLinkPopover({ editor }: UseLinkPopoverConfig): {
     url: string;
-    setUrl: react.Dispatch<react.SetStateAction<string>>;
+    setUrl: React.Dispatch<React.SetStateAction<string>>;
     isActive: boolean;
     canSet: boolean;
     setLink: () => void;