notra-editor 0.8.0 → 0.8.2

package/dist/components/blockquote-button/blockquote-button.cjs

@@ -17,20 +17,22 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/blockquote-button/blockquote-button.tsx
 var blockquote_button_exports = {};
 __export(blockquote_button_exports, {
   BlockquoteButton: () => BlockquoteButton
 });
 module.exports = __toCommonJS(blockquote_button_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_react = require("react");
-var import_button = require("../ui/button");
+var import_button = require("../ui/button.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function canToggleBlockquote(editor) {
   if (!editor || !editor.isEditable) return false;
   return editor.can().toggleWrap("blockquote") || editor.can().clearNodes();
 }
-const BlockquoteButton = (0, import_react.forwardRef)(({ editor, onClick, ...buttonProps }, ref) => {
+var BlockquoteButton = (0, import_react.forwardRef)(({ editor, onClick, ...buttonProps }, ref) => {
   const [isActive, setIsActive] = (0, import_react.useState)(false);
   const [canToggle, setCanToggle] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {

package/dist/components/blockquote-button/blockquote-button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/blockquote-button/blockquote-button.tsx"],"sourcesContent":["'use client';\n\nimport { TextQuote } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { Button } from '../ui/button';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface BlockquoteButtonProps extends Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t'type'\n> {\n\teditor: Editor | null;\n}\n\nfunction canToggleBlockquote(editor: Editor | null): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn editor.can().toggleWrap('blockquote') || editor.can().clearNodes();\n}\n\nexport const BlockquoteButton = forwardRef<\n\tHTMLButtonElement,\n\tBlockquoteButtonProps\n>(({ editor, onClick, ...buttonProps }, ref) => {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst update = () => {\n\t\t\tsetIsActive(editor.isActive('blockquote'));\n\t\t\tsetCanToggle(canToggleBlockquote(editor));\n\t\t};\n\n\t\tupdate();\n\n\t\teditor.on('selectionUpdate', update);\n\t\teditor.on('transaction', update);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', update);\n\t\t\teditor.off('transaction', update);\n\t\t};\n\t}, [editor]);\n\n\tconst handleClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tonClick?.(event);\n\n\t\t\tif (event.defaultPrevented) return;\n\n\t\t\tif (!editor) return;\n\n\t\t\tif (editor.isActive('blockquote')) {\n\t\t\t\teditor.chain().focus().lift('blockquote').run();\n\t\t\t} else {\n\t\t\t\t// clearNodes first to convert any block type to paragraph,\n\t\t\t\t// then wrap in blockquote\n\t\t\t\teditor.chain().focus().clearNodes().wrapIn('blockquote').run();\n\t\t\t}\n\t\t},\n\t\t[editor, onClick]\n\t);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\taria-label=\"Blockquote\"\n\t\t\taria-pressed={isActive}\n\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\tdisabled={!canToggle}\n\t\t\tsize=\"icon\"\n\t\t\ttabIndex={-1}\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={handleClick}\n\t\t\t{...buttonProps}\n\t\t>\n\t\t\t<TextQuote\n\t\t\t\tclassName={isActive ? 'nt:text-[var(--tt-brand-color-500)]' : undefined}\n\t\t\t/>\n\t\t</Button>\n\t);\n});\n\nBlockquoteButton.displayName = 'BlockquoteButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiFG;AA/EH,0BAA0B;AAC1B,mBAA6D;AAE7D,oBAAuB;AAWvB,SAAS,oBAAoB,QAAgC;AAC5D,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SAAO,OAAO,IAAI,EAAE,WAAW,YAAY,KAAK,OAAO,IAAI,EAAE,WAAW;AACzE;AAEO,MAAM,uBAAmB,yBAG9B,CAAC,EAAE,QAAQ,SAAS,GAAG,YAAY,GAAG,QAAQ;AAC/C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,MAAM;AACpB,kBAAY,OAAO,SAAS,YAAY,CAAC;AACzC,mBAAa,oBAAoB,MAAM,CAAC;AAAA,IACzC;AAEA,WAAO;AAEP,WAAO,GAAG,mBAAmB,MAAM;AACnC,WAAO,GAAG,eAAe,MAAM;AAE/B,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,MAAM;AACpC,aAAO,IAAI,eAAe,MAAM;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kBAAc;AAAA,IACnB,CAAC,UAA+C;AAC/C,gBAAU,KAAK;AAEf,UAAI,MAAM,iBAAkB;AAE5B,UAAI,CAAC,OAAQ;AAEb,UAAI,OAAO,SAAS,YAAY,GAAG;AAClC,eAAO,MAAM,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,IAAI;AAAA,MAC/C,OAAO;AAGN,eAAO,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,YAAY,EAAE,IAAI;AAAA,MAC9D;AAAA,IACD;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,gBAAc;AAAA,MACd,qBAAmB,WAAW,OAAO;AAAA,MACrC,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,WAAW,wCAAwC;AAAA;AAAA,MAC/D;AAAA;AAAA,EACD;AAEF,CAAC;AAED,iBAAiB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/blockquote-button/blockquote-button.tsx"],"sourcesContent":["'use client';\n\nimport { TextQuote } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { Button } from '../ui/button.js';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface BlockquoteButtonProps extends Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t'type'\n> {\n\teditor: Editor | null;\n}\n\nfunction canToggleBlockquote(editor: Editor | null): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn editor.can().toggleWrap('blockquote') || editor.can().clearNodes();\n}\n\nexport const BlockquoteButton = forwardRef<\n\tHTMLButtonElement,\n\tBlockquoteButtonProps\n>(({ editor, onClick, ...buttonProps }, ref) => {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst update = () => {\n\t\t\tsetIsActive(editor.isActive('blockquote'));\n\t\t\tsetCanToggle(canToggleBlockquote(editor));\n\t\t};\n\n\t\tupdate();\n\n\t\teditor.on('selectionUpdate', update);\n\t\teditor.on('transaction', update);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', update);\n\t\t\teditor.off('transaction', update);\n\t\t};\n\t}, [editor]);\n\n\tconst handleClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tonClick?.(event);\n\n\t\t\tif (event.defaultPrevented) return;\n\n\t\t\tif (!editor) return;\n\n\t\t\tif (editor.isActive('blockquote')) {\n\t\t\t\teditor.chain().focus().lift('blockquote').run();\n\t\t\t} else {\n\t\t\t\t// clearNodes first to convert any block type to paragraph,\n\t\t\t\t// then wrap in blockquote\n\t\t\t\teditor.chain().focus().clearNodes().wrapIn('blockquote').run();\n\t\t\t}\n\t\t},\n\t\t[editor, onClick]\n\t);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\taria-label=\"Blockquote\"\n\t\t\taria-pressed={isActive}\n\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\tdisabled={!canToggle}\n\t\t\tsize=\"icon\"\n\t\t\ttabIndex={-1}\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={handleClick}\n\t\t\t{...buttonProps}\n\t\t>\n\t\t\t<TextQuote\n\t\t\t\tclassName={isActive ? 'nt:text-[var(--tt-brand-color-500)]' : undefined}\n\t\t\t/>\n\t\t</Button>\n\t);\n});\n\nBlockquoteButton.displayName = 'BlockquoteButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAA0B;AAC1B,mBAA6D;AAE7D,oBAAuB;AA4EpB;AAjEH,SAAS,oBAAoB,QAAgC;AAC5D,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SAAO,OAAO,IAAI,EAAE,WAAW,YAAY,KAAK,OAAO,IAAI,EAAE,WAAW;AACzE;AAEO,IAAM,uBAAmB,yBAG9B,CAAC,EAAE,QAAQ,SAAS,GAAG,YAAY,GAAG,QAAQ;AAC/C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,MAAM;AACpB,kBAAY,OAAO,SAAS,YAAY,CAAC;AACzC,mBAAa,oBAAoB,MAAM,CAAC;AAAA,IACzC;AAEA,WAAO;AAEP,WAAO,GAAG,mBAAmB,MAAM;AACnC,WAAO,GAAG,eAAe,MAAM;AAE/B,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,MAAM;AACpC,aAAO,IAAI,eAAe,MAAM;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kBAAc;AAAA,IACnB,CAAC,UAA+C;AAC/C,gBAAU,KAAK;AAEf,UAAI,MAAM,iBAAkB;AAE5B,UAAI,CAAC,OAAQ;AAEb,UAAI,OAAO,SAAS,YAAY,GAAG;AAClC,eAAO,MAAM,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,IAAI;AAAA,MAC/C,OAAO;AAGN,eAAO,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,YAAY,EAAE,IAAI;AAAA,MAC9D;AAAA,IACD;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,gBAAc;AAAA,MACd,qBAAmB,WAAW,OAAO;AAAA,MACrC,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,WAAW,wCAAwC;AAAA;AAAA,MAC/D;AAAA;AAAA,EACD;AAEF,CAAC;AAED,iBAAiB,cAAc;","names":[]}

package/dist/components/blockquote-button/blockquote-button.mjs

@@ -1,13 +1,15 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+
+// src/components/blockquote-button/blockquote-button.tsx
 import { TextQuote } from "lucide-react";
 import { forwardRef, useCallback, useEffect, useState } from "react";
-import { Button } from "../ui/button";
+import { Button } from "../ui/button.mjs";
+import { jsx } from "react/jsx-runtime";
 function canToggleBlockquote(editor) {
   if (!editor || !editor.isEditable) return false;
   return editor.can().toggleWrap("blockquote") || editor.can().clearNodes();
 }
-const BlockquoteButton = forwardRef(({ editor, onClick, ...buttonProps }, ref) => {
+var BlockquoteButton = forwardRef(({ editor, onClick, ...buttonProps }, ref) => {
   const [isActive, setIsActive] = useState(false);
   const [canToggle, setCanToggle] = useState(false);
   useEffect(() => {

package/dist/components/blockquote-button/blockquote-button.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/blockquote-button/blockquote-button.tsx"],"sourcesContent":["'use client';\n\nimport { TextQuote } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { Button } from '../ui/button';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface BlockquoteButtonProps extends Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t'type'\n> {\n\teditor: Editor | null;\n}\n\nfunction canToggleBlockquote(editor: Editor | null): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn editor.can().toggleWrap('blockquote') || editor.can().clearNodes();\n}\n\nexport const BlockquoteButton = forwardRef<\n\tHTMLButtonElement,\n\tBlockquoteButtonProps\n>(({ editor, onClick, ...buttonProps }, ref) => {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst update = () => {\n\t\t\tsetIsActive(editor.isActive('blockquote'));\n\t\t\tsetCanToggle(canToggleBlockquote(editor));\n\t\t};\n\n\t\tupdate();\n\n\t\teditor.on('selectionUpdate', update);\n\t\teditor.on('transaction', update);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', update);\n\t\t\teditor.off('transaction', update);\n\t\t};\n\t}, [editor]);\n\n\tconst handleClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tonClick?.(event);\n\n\t\t\tif (event.defaultPrevented) return;\n\n\t\t\tif (!editor) return;\n\n\t\t\tif (editor.isActive('blockquote')) {\n\t\t\t\teditor.chain().focus().lift('blockquote').run();\n\t\t\t} else {\n\t\t\t\t// clearNodes first to convert any block type to paragraph,\n\t\t\t\t// then wrap in blockquote\n\t\t\t\teditor.chain().focus().clearNodes().wrapIn('blockquote').run();\n\t\t\t}\n\t\t},\n\t\t[editor, onClick]\n\t);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\taria-label=\"Blockquote\"\n\t\t\taria-pressed={isActive}\n\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\tdisabled={!canToggle}\n\t\t\tsize=\"icon\"\n\t\t\ttabIndex={-1}\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={handleClick}\n\t\t\t{...buttonProps}\n\t\t>\n\t\t\t<TextQuote\n\t\t\t\tclassName={isActive ? 'nt:text-[var(--tt-brand-color-500)]' : undefined}\n\t\t\t/>\n\t\t</Button>\n\t);\n});\n\nBlockquoteButton.displayName = 'BlockquoteButton';\n"],"mappings":";AAiFG;AA/EH,SAAS,iBAAiB;AAC1B,SAAS,YAAY,aAAa,WAAW,gBAAgB;AAE7D,SAAS,cAAc;AAWvB,SAAS,oBAAoB,QAAgC;AAC5D,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SAAO,OAAO,IAAI,EAAE,WAAW,YAAY,KAAK,OAAO,IAAI,EAAE,WAAW;AACzE;AAEO,MAAM,mBAAmB,WAG9B,CAAC,EAAE,QAAQ,SAAS,GAAG,YAAY,GAAG,QAAQ;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,MAAM;AACpB,kBAAY,OAAO,SAAS,YAAY,CAAC;AACzC,mBAAa,oBAAoB,MAAM,CAAC;AAAA,IACzC;AAEA,WAAO;AAEP,WAAO,GAAG,mBAAmB,MAAM;AACnC,WAAO,GAAG,eAAe,MAAM;AAE/B,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,MAAM;AACpC,aAAO,IAAI,eAAe,MAAM;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc;AAAA,IACnB,CAAC,UAA+C;AAC/C,gBAAU,KAAK;AAEf,UAAI,MAAM,iBAAkB;AAE5B,UAAI,CAAC,OAAQ;AAEb,UAAI,OAAO,SAAS,YAAY,GAAG;AAClC,eAAO,MAAM,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,IAAI;AAAA,MAC/C,OAAO;AAGN,eAAO,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,YAAY,EAAE,IAAI;AAAA,MAC9D;AAAA,IACD;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,gBAAc;AAAA,MACd,qBAAmB,WAAW,OAAO;AAAA,MACrC,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,WAAW,wCAAwC;AAAA;AAAA,MAC/D;AAAA;AAAA,EACD;AAEF,CAAC;AAED,iBAAiB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/blockquote-button/blockquote-button.tsx"],"sourcesContent":["'use client';\n\nimport { TextQuote } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { Button } from '../ui/button.js';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface BlockquoteButtonProps extends Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t'type'\n> {\n\teditor: Editor | null;\n}\n\nfunction canToggleBlockquote(editor: Editor | null): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn editor.can().toggleWrap('blockquote') || editor.can().clearNodes();\n}\n\nexport const BlockquoteButton = forwardRef<\n\tHTMLButtonElement,\n\tBlockquoteButtonProps\n>(({ editor, onClick, ...buttonProps }, ref) => {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst update = () => {\n\t\t\tsetIsActive(editor.isActive('blockquote'));\n\t\t\tsetCanToggle(canToggleBlockquote(editor));\n\t\t};\n\n\t\tupdate();\n\n\t\teditor.on('selectionUpdate', update);\n\t\teditor.on('transaction', update);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', update);\n\t\t\teditor.off('transaction', update);\n\t\t};\n\t}, [editor]);\n\n\tconst handleClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tonClick?.(event);\n\n\t\t\tif (event.defaultPrevented) return;\n\n\t\t\tif (!editor) return;\n\n\t\t\tif (editor.isActive('blockquote')) {\n\t\t\t\teditor.chain().focus().lift('blockquote').run();\n\t\t\t} else {\n\t\t\t\t// clearNodes first to convert any block type to paragraph,\n\t\t\t\t// then wrap in blockquote\n\t\t\t\teditor.chain().focus().clearNodes().wrapIn('blockquote').run();\n\t\t\t}\n\t\t},\n\t\t[editor, onClick]\n\t);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\taria-label=\"Blockquote\"\n\t\t\taria-pressed={isActive}\n\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\tdisabled={!canToggle}\n\t\t\tsize=\"icon\"\n\t\t\ttabIndex={-1}\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={handleClick}\n\t\t\t{...buttonProps}\n\t\t>\n\t\t\t<TextQuote\n\t\t\t\tclassName={isActive ? 'nt:text-[var(--tt-brand-color-500)]' : undefined}\n\t\t\t/>\n\t\t</Button>\n\t);\n});\n\nBlockquoteButton.displayName = 'BlockquoteButton';\n"],"mappings":";;;AAEA,SAAS,iBAAiB;AAC1B,SAAS,YAAY,aAAa,WAAW,gBAAgB;AAE7D,SAAS,cAAc;AA4EpB;AAjEH,SAAS,oBAAoB,QAAgC;AAC5D,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SAAO,OAAO,IAAI,EAAE,WAAW,YAAY,KAAK,OAAO,IAAI,EAAE,WAAW;AACzE;AAEO,IAAM,mBAAmB,WAG9B,CAAC,EAAE,QAAQ,SAAS,GAAG,YAAY,GAAG,QAAQ;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,MAAM;AACpB,kBAAY,OAAO,SAAS,YAAY,CAAC;AACzC,mBAAa,oBAAoB,MAAM,CAAC;AAAA,IACzC;AAEA,WAAO;AAEP,WAAO,GAAG,mBAAmB,MAAM;AACnC,WAAO,GAAG,eAAe,MAAM;AAE/B,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,MAAM;AACpC,aAAO,IAAI,eAAe,MAAM;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc;AAAA,IACnB,CAAC,UAA+C;AAC/C,gBAAU,KAAK;AAEf,UAAI,MAAM,iBAAkB;AAE5B,UAAI,CAAC,OAAQ;AAEb,UAAI,OAAO,SAAS,YAAY,GAAG;AAClC,eAAO,MAAM,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,IAAI;AAAA,MAC/C,OAAO;AAGN,eAAO,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,YAAY,EAAE,IAAI;AAAA,MAC9D;AAAA,IACD;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,gBAAc;AAAA,MACd,qBAAmB,WAAW,OAAO;AAAA,MACrC,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,WAAW,wCAAwC;AAAA;AAAA,MAC/D;AAAA;AAAA,EACD;AAEF,CAAC;AAED,iBAAiB,cAAc;","names":[]}

package/dist/components/code-block-button/code-block-button.cjs

@@ -17,20 +17,22 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/code-block-button/code-block-button.tsx
 var code_block_button_exports = {};
 __export(code_block_button_exports, {
   CodeBlockButton: () => CodeBlockButton
 });
 module.exports = __toCommonJS(code_block_button_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_react = require("react");
-var import_button = require("../ui/button");
+var import_button = require("../ui/button.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 function canToggleCodeBlock(editor) {
   if (!editor || !editor.isEditable) return false;
   return editor.can().toggleNode("codeBlock", "paragraph") || editor.can().clearNodes();
 }
-const CodeBlockButton = (0, import_react.forwardRef)(({ editor, onClick, ...buttonProps }, ref) => {
+var CodeBlockButton = (0, import_react.forwardRef)(({ editor, onClick, ...buttonProps }, ref) => {
   const [isActive, setIsActive] = (0, import_react.useState)(false);
   const [canToggle, setCanToggle] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/code-block-button/code-block-button.tsx"],"sourcesContent":["'use client';\n\nimport { SquareCode } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { Button } from '../ui/button';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface CodeBlockButtonProps extends Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t'type'\n> {\n\teditor: Editor | null;\n}\n\nfunction canToggleCodeBlock(editor: Editor | null): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn (\n\t\teditor.can().toggleNode('codeBlock', 'paragraph') ||\n\t\teditor.can().clearNodes()\n\t);\n}\n\nexport const CodeBlockButton = forwardRef<\n\tHTMLButtonElement,\n\tCodeBlockButtonProps\n>(({ editor, onClick, ...buttonProps }, ref) => {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst update = () => {\n\t\t\tsetIsActive(editor.isActive('codeBlock'));\n\t\t\tsetCanToggle(canToggleCodeBlock(editor));\n\t\t};\n\n\t\tupdate();\n\n\t\teditor.on('selectionUpdate', update);\n\t\teditor.on('transaction', update);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', update);\n\t\t\teditor.off('transaction', update);\n\t\t};\n\t}, [editor]);\n\n\tconst handleClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tonClick?.(event);\n\n\t\t\tif (event.defaultPrevented) return;\n\n\t\t\tif (!editor) return;\n\n\t\t\tif (editor.isActive('codeBlock')) {\n\t\t\t\teditor.chain().focus().setNode('paragraph').run();\n\t\t\t} else {\n\t\t\t\t// clearNodes first to convert any block type to paragraph,\n\t\t\t\t// then toggle to codeBlock\n\t\t\t\teditor\n\t\t\t\t\t.chain()\n\t\t\t\t\t.focus()\n\t\t\t\t\t.clearNodes()\n\t\t\t\t\t.toggleNode('codeBlock', 'paragraph')\n\t\t\t\t\t.run();\n\t\t\t}\n\t\t},\n\t\t[editor, onClick]\n\t);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\taria-label=\"Code Block\"\n\t\t\taria-pressed={isActive}\n\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\tdisabled={!canToggle}\n\t\t\tsize=\"icon\"\n\t\t\ttabIndex={-1}\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={handleClick}\n\t\t\t{...buttonProps}\n\t\t>\n\t\t\t<SquareCode\n\t\t\t\tclassName={isActive ? 'nt:text-[var(--tt-brand-color-500)]' : undefined}\n\t\t\t/>\n\t\t</Button>\n\t);\n});\n\nCodeBlockButton.displayName = 'CodeBlockButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyFG;AAvFH,0BAA2B;AAC3B,mBAA6D;AAE7D,oBAAuB;AAWvB,SAAS,mBAAmB,QAAgC;AAC3D,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SACC,OAAO,IAAI,EAAE,WAAW,aAAa,WAAW,KAChD,OAAO,IAAI,EAAE,WAAW;AAE1B;AAEO,MAAM,sBAAkB,yBAG7B,CAAC,EAAE,QAAQ,SAAS,GAAG,YAAY,GAAG,QAAQ;AAC/C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,MAAM;AACpB,kBAAY,OAAO,SAAS,WAAW,CAAC;AACxC,mBAAa,mBAAmB,MAAM,CAAC;AAAA,IACxC;AAEA,WAAO;AAEP,WAAO,GAAG,mBAAmB,MAAM;AACnC,WAAO,GAAG,eAAe,MAAM;AAE/B,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,MAAM;AACpC,aAAO,IAAI,eAAe,MAAM;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kBAAc;AAAA,IACnB,CAAC,UAA+C;AAC/C,gBAAU,KAAK;AAEf,UAAI,MAAM,iBAAkB;AAE5B,UAAI,CAAC,OAAQ;AAEb,UAAI,OAAO,SAAS,WAAW,GAAG;AACjC,eAAO,MAAM,EAAE,MAAM,EAAE,QAAQ,WAAW,EAAE,IAAI;AAAA,MACjD,OAAO;AAGN,eACE,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,aAAa,WAAW,EACnC,IAAI;AAAA,MACP;AAAA,IACD;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,gBAAc;AAAA,MACd,qBAAmB,WAAW,OAAO;AAAA,MACrC,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,WAAW,wCAAwC;AAAA;AAAA,MAC/D;AAAA;AAAA,EACD;AAEF,CAAC;AAED,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/code-block-button/code-block-button.tsx"],"sourcesContent":["'use client';\n\nimport { SquareCode } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { Button } from '../ui/button.js';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface CodeBlockButtonProps extends Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t'type'\n> {\n\teditor: Editor | null;\n}\n\nfunction canToggleCodeBlock(editor: Editor | null): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn (\n\t\teditor.can().toggleNode('codeBlock', 'paragraph') ||\n\t\teditor.can().clearNodes()\n\t);\n}\n\nexport const CodeBlockButton = forwardRef<\n\tHTMLButtonElement,\n\tCodeBlockButtonProps\n>(({ editor, onClick, ...buttonProps }, ref) => {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst update = () => {\n\t\t\tsetIsActive(editor.isActive('codeBlock'));\n\t\t\tsetCanToggle(canToggleCodeBlock(editor));\n\t\t};\n\n\t\tupdate();\n\n\t\teditor.on('selectionUpdate', update);\n\t\teditor.on('transaction', update);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', update);\n\t\t\teditor.off('transaction', update);\n\t\t};\n\t}, [editor]);\n\n\tconst handleClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tonClick?.(event);\n\n\t\t\tif (event.defaultPrevented) return;\n\n\t\t\tif (!editor) return;\n\n\t\t\tif (editor.isActive('codeBlock')) {\n\t\t\t\teditor.chain().focus().setNode('paragraph').run();\n\t\t\t} else {\n\t\t\t\t// clearNodes first to convert any block type to paragraph,\n\t\t\t\t// then toggle to codeBlock\n\t\t\t\teditor\n\t\t\t\t\t.chain()\n\t\t\t\t\t.focus()\n\t\t\t\t\t.clearNodes()\n\t\t\t\t\t.toggleNode('codeBlock', 'paragraph')\n\t\t\t\t\t.run();\n\t\t\t}\n\t\t},\n\t\t[editor, onClick]\n\t);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\taria-label=\"Code Block\"\n\t\t\taria-pressed={isActive}\n\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\tdisabled={!canToggle}\n\t\t\tsize=\"icon\"\n\t\t\ttabIndex={-1}\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={handleClick}\n\t\t\t{...buttonProps}\n\t\t>\n\t\t\t<SquareCode\n\t\t\t\tclassName={isActive ? 'nt:text-[var(--tt-brand-color-500)]' : undefined}\n\t\t\t/>\n\t\t</Button>\n\t);\n});\n\nCodeBlockButton.displayName = 'CodeBlockButton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAA2B;AAC3B,mBAA6D;AAE7D,oBAAuB;AAoFpB;AAzEH,SAAS,mBAAmB,QAAgC;AAC3D,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SACC,OAAO,IAAI,EAAE,WAAW,aAAa,WAAW,KAChD,OAAO,IAAI,EAAE,WAAW;AAE1B;AAEO,IAAM,sBAAkB,yBAG7B,CAAC,EAAE,QAAQ,SAAS,GAAG,YAAY,GAAG,QAAQ;AAC/C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,MAAM;AACpB,kBAAY,OAAO,SAAS,WAAW,CAAC;AACxC,mBAAa,mBAAmB,MAAM,CAAC;AAAA,IACxC;AAEA,WAAO;AAEP,WAAO,GAAG,mBAAmB,MAAM;AACnC,WAAO,GAAG,eAAe,MAAM;AAE/B,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,MAAM;AACpC,aAAO,IAAI,eAAe,MAAM;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,kBAAc;AAAA,IACnB,CAAC,UAA+C;AAC/C,gBAAU,KAAK;AAEf,UAAI,MAAM,iBAAkB;AAE5B,UAAI,CAAC,OAAQ;AAEb,UAAI,OAAO,SAAS,WAAW,GAAG;AACjC,eAAO,MAAM,EAAE,MAAM,EAAE,QAAQ,WAAW,EAAE,IAAI;AAAA,MACjD,OAAO;AAGN,eACE,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,aAAa,WAAW,EACnC,IAAI;AAAA,MACP;AAAA,IACD;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,gBAAc;AAAA,MACd,qBAAmB,WAAW,OAAO;AAAA,MACrC,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,WAAW,wCAAwC;AAAA;AAAA,MAC/D;AAAA;AAAA,EACD;AAEF,CAAC;AAED,gBAAgB,cAAc;","names":[]}

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

@@ -1,13 +1,15 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+
+// src/components/code-block-button/code-block-button.tsx
 import { SquareCode } from "lucide-react";
 import { forwardRef, useCallback, useEffect, useState } from "react";
-import { Button } from "../ui/button";
+import { Button } from "../ui/button.mjs";
+import { jsx } from "react/jsx-runtime";
 function canToggleCodeBlock(editor) {
   if (!editor || !editor.isEditable) return false;
   return editor.can().toggleNode("codeBlock", "paragraph") || editor.can().clearNodes();
 }
-const CodeBlockButton = forwardRef(({ editor, onClick, ...buttonProps }, ref) => {
+var CodeBlockButton = forwardRef(({ editor, onClick, ...buttonProps }, ref) => {
   const [isActive, setIsActive] = useState(false);
   const [canToggle, setCanToggle] = useState(false);
   useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/code-block-button/code-block-button.tsx"],"sourcesContent":["'use client';\n\nimport { SquareCode } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { Button } from '../ui/button';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface CodeBlockButtonProps extends Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t'type'\n> {\n\teditor: Editor | null;\n}\n\nfunction canToggleCodeBlock(editor: Editor | null): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn (\n\t\teditor.can().toggleNode('codeBlock', 'paragraph') ||\n\t\teditor.can().clearNodes()\n\t);\n}\n\nexport const CodeBlockButton = forwardRef<\n\tHTMLButtonElement,\n\tCodeBlockButtonProps\n>(({ editor, onClick, ...buttonProps }, ref) => {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst update = () => {\n\t\t\tsetIsActive(editor.isActive('codeBlock'));\n\t\t\tsetCanToggle(canToggleCodeBlock(editor));\n\t\t};\n\n\t\tupdate();\n\n\t\teditor.on('selectionUpdate', update);\n\t\teditor.on('transaction', update);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', update);\n\t\t\teditor.off('transaction', update);\n\t\t};\n\t}, [editor]);\n\n\tconst handleClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tonClick?.(event);\n\n\t\t\tif (event.defaultPrevented) return;\n\n\t\t\tif (!editor) return;\n\n\t\t\tif (editor.isActive('codeBlock')) {\n\t\t\t\teditor.chain().focus().setNode('paragraph').run();\n\t\t\t} else {\n\t\t\t\t// clearNodes first to convert any block type to paragraph,\n\t\t\t\t// then toggle to codeBlock\n\t\t\t\teditor\n\t\t\t\t\t.chain()\n\t\t\t\t\t.focus()\n\t\t\t\t\t.clearNodes()\n\t\t\t\t\t.toggleNode('codeBlock', 'paragraph')\n\t\t\t\t\t.run();\n\t\t\t}\n\t\t},\n\t\t[editor, onClick]\n\t);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\taria-label=\"Code Block\"\n\t\t\taria-pressed={isActive}\n\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\tdisabled={!canToggle}\n\t\t\tsize=\"icon\"\n\t\t\ttabIndex={-1}\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={handleClick}\n\t\t\t{...buttonProps}\n\t\t>\n\t\t\t<SquareCode\n\t\t\t\tclassName={isActive ? 'nt:text-[var(--tt-brand-color-500)]' : undefined}\n\t\t\t/>\n\t\t</Button>\n\t);\n});\n\nCodeBlockButton.displayName = 'CodeBlockButton';\n"],"mappings":";AAyFG;AAvFH,SAAS,kBAAkB;AAC3B,SAAS,YAAY,aAAa,WAAW,gBAAgB;AAE7D,SAAS,cAAc;AAWvB,SAAS,mBAAmB,QAAgC;AAC3D,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SACC,OAAO,IAAI,EAAE,WAAW,aAAa,WAAW,KAChD,OAAO,IAAI,EAAE,WAAW;AAE1B;AAEO,MAAM,kBAAkB,WAG7B,CAAC,EAAE,QAAQ,SAAS,GAAG,YAAY,GAAG,QAAQ;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,MAAM;AACpB,kBAAY,OAAO,SAAS,WAAW,CAAC;AACxC,mBAAa,mBAAmB,MAAM,CAAC;AAAA,IACxC;AAEA,WAAO;AAEP,WAAO,GAAG,mBAAmB,MAAM;AACnC,WAAO,GAAG,eAAe,MAAM;AAE/B,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,MAAM;AACpC,aAAO,IAAI,eAAe,MAAM;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc;AAAA,IACnB,CAAC,UAA+C;AAC/C,gBAAU,KAAK;AAEf,UAAI,MAAM,iBAAkB;AAE5B,UAAI,CAAC,OAAQ;AAEb,UAAI,OAAO,SAAS,WAAW,GAAG;AACjC,eAAO,MAAM,EAAE,MAAM,EAAE,QAAQ,WAAW,EAAE,IAAI;AAAA,MACjD,OAAO;AAGN,eACE,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,aAAa,WAAW,EACnC,IAAI;AAAA,MACP;AAAA,IACD;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,gBAAc;AAAA,MACd,qBAAmB,WAAW,OAAO;AAAA,MACrC,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,WAAW,wCAAwC;AAAA;AAAA,MAC/D;AAAA;AAAA,EACD;AAEF,CAAC;AAED,gBAAgB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/code-block-button/code-block-button.tsx"],"sourcesContent":["'use client';\n\nimport { SquareCode } from 'lucide-react';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { Button } from '../ui/button.js';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface CodeBlockButtonProps extends Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t'type'\n> {\n\teditor: Editor | null;\n}\n\nfunction canToggleCodeBlock(editor: Editor | null): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn (\n\t\teditor.can().toggleNode('codeBlock', 'paragraph') ||\n\t\teditor.can().clearNodes()\n\t);\n}\n\nexport const CodeBlockButton = forwardRef<\n\tHTMLButtonElement,\n\tCodeBlockButtonProps\n>(({ editor, onClick, ...buttonProps }, ref) => {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst update = () => {\n\t\t\tsetIsActive(editor.isActive('codeBlock'));\n\t\t\tsetCanToggle(canToggleCodeBlock(editor));\n\t\t};\n\n\t\tupdate();\n\n\t\teditor.on('selectionUpdate', update);\n\t\teditor.on('transaction', update);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', update);\n\t\t\teditor.off('transaction', update);\n\t\t};\n\t}, [editor]);\n\n\tconst handleClick = useCallback(\n\t\t(event: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tonClick?.(event);\n\n\t\t\tif (event.defaultPrevented) return;\n\n\t\t\tif (!editor) return;\n\n\t\t\tif (editor.isActive('codeBlock')) {\n\t\t\t\teditor.chain().focus().setNode('paragraph').run();\n\t\t\t} else {\n\t\t\t\t// clearNodes first to convert any block type to paragraph,\n\t\t\t\t// then toggle to codeBlock\n\t\t\t\teditor\n\t\t\t\t\t.chain()\n\t\t\t\t\t.focus()\n\t\t\t\t\t.clearNodes()\n\t\t\t\t\t.toggleNode('codeBlock', 'paragraph')\n\t\t\t\t\t.run();\n\t\t\t}\n\t\t},\n\t\t[editor, onClick]\n\t);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\taria-label=\"Code Block\"\n\t\t\taria-pressed={isActive}\n\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\tdisabled={!canToggle}\n\t\t\tsize=\"icon\"\n\t\t\ttabIndex={-1}\n\t\t\ttype=\"button\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={handleClick}\n\t\t\t{...buttonProps}\n\t\t>\n\t\t\t<SquareCode\n\t\t\t\tclassName={isActive ? 'nt:text-[var(--tt-brand-color-500)]' : undefined}\n\t\t\t/>\n\t\t</Button>\n\t);\n});\n\nCodeBlockButton.displayName = 'CodeBlockButton';\n"],"mappings":";;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,YAAY,aAAa,WAAW,gBAAgB;AAE7D,SAAS,cAAc;AAoFpB;AAzEH,SAAS,mBAAmB,QAAgC;AAC3D,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SACC,OAAO,IAAI,EAAE,WAAW,aAAa,WAAW,KAChD,OAAO,IAAI,EAAE,WAAW;AAE1B;AAEO,IAAM,kBAAkB,WAG7B,CAAC,EAAE,QAAQ,SAAS,GAAG,YAAY,GAAG,QAAQ;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,SAAS,MAAM;AACpB,kBAAY,OAAO,SAAS,WAAW,CAAC;AACxC,mBAAa,mBAAmB,MAAM,CAAC;AAAA,IACxC;AAEA,WAAO;AAEP,WAAO,GAAG,mBAAmB,MAAM;AACnC,WAAO,GAAG,eAAe,MAAM;AAE/B,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,MAAM;AACpC,aAAO,IAAI,eAAe,MAAM;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,cAAc;AAAA,IACnB,CAAC,UAA+C;AAC/C,gBAAU,KAAK;AAEf,UAAI,MAAM,iBAAkB;AAE5B,UAAI,CAAC,OAAQ;AAEb,UAAI,OAAO,SAAS,WAAW,GAAG;AACjC,eAAO,MAAM,EAAE,MAAM,EAAE,QAAQ,WAAW,EAAE,IAAI;AAAA,MACjD,OAAO;AAGN,eACE,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,aAAa,WAAW,EACnC,IAAI;AAAA,MACP;AAAA,IACD;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,cAAW;AAAA,MACX,gBAAc;AAAA,MACd,qBAAmB,WAAW,OAAO;AAAA,MACrC,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,UAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACA,WAAW,WAAW,wCAAwC;AAAA;AAAA,MAC/D;AAAA;AAAA,EACD;AAEF,CAAC;AAED,gBAAgB,cAAc;","names":[]}

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

@@ -16,14 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/code-block-view/code-block-shell.tsx
 var code_block_shell_exports = {};
 __export(code_block_shell_exports, {
   CodeBlockShell: () => CodeBlockShell
 });
 module.exports = __toCommonJS(code_block_shell_exports);
+var import_copy_button = require("../copy-button.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_copy_button = require("../copy-button");
-const CodeBlockShell = ({
+var CodeBlockShell = ({
   value,
   languageSlot,
   children

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/code-block-view/code-block-shell.tsx"],"sourcesContent":["import { CopyButton } from '../copy-button.js';\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;AAAA,yBAA2B;AAqBzB;AANK,IAAM,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.mjs

@@ -1,6 +1,7 @@
+// src/components/code-block-view/code-block-shell.tsx
+import { CopyButton } from "../copy-button.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CopyButton } from "../copy-button";
-const CodeBlockShell = ({
+var CodeBlockShell = ({
   value,
   languageSlot,
   children

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/code-block-view/code-block-shell.tsx"],"sourcesContent":["import { CopyButton } from '../copy-button.js';\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,SAAS,kBAAkB;AAqBzB,SACC,KADD;AANK,IAAM,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/code-block-view.cjs

@@ -17,16 +17,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/code-block-view/code-block-view.tsx
 var code_block_view_exports = {};
 __export(code_block_view_exports, {
   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_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)(
+var import_code_block_shell = require("./code-block-shell.cjs");
+var import_language_select = require("./language-select.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var 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)(

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

@@ -1 +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":[]}
+{"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.js';\nimport { LanguageSelect } from './language-select.js';\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;AAEA,mBAIO;AAEP,8BAA+B;AAC/B,6BAA+B;AAS3B;AAJG,IAAM,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.mjs

@@ -1,12 +1,14 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+
+// src/components/code-block-view/code-block-view.tsx
 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(
+import { CodeBlockShell } from "./code-block-shell.mjs";
+import { LanguageSelect } from "./language-select.mjs";
+import { jsx } from "react/jsx-runtime";
+var CodeBlockView = ({ node, updateAttributes }) => /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx(
   CodeBlockShell,
   {
     languageSlot: /* @__PURE__ */ jsx(

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

@@ -1 +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":[]}
+{"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.js';\nimport { LanguageSelect } from './language-select.js';\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":";;;AAEA;AAAA,EACC;AAAA,EACA;AAAA,OAEM;AAEP,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAS3B;AAJG,IAAM,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

@@ -17,20 +17,22 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/code-block-view/language-select.tsx
 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 = ({
+var import_languages = require("../../lib/languages.cjs");
+var import_utils = require("../../lib/utils.cjs");
+var import_button = require("../ui/button.cjs");
+var import_command = require("../ui/command.cjs");
+var import_popover = require("../ui/popover.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var LanguageSelect = ({
   language,
   onLanguageChange
 }) => {

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

@@ -1 +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":[]}
+{"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.js';\nimport { cn } from '../../lib/utils.js';\nimport { Button } from '../ui/button.js';\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList\n} from '../ui/command.js';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover.js';\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;AAEA,0BAA2C;AAC3C,mBAAyB;AAEzB,uBAA4C;AAC5C,mBAAmB;AACnB,oBAAuB;AACvB,qBAOO;AACP,qBAAwD;AAoBpD;AAXG,IAAM,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.mjs

@@ -1,10 +1,11 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/components/code-block-view/language-select.tsx
 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 { LANGUAGES, getLanguageLabel } from "../../lib/languages.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "../ui/button.mjs";
 import {
   Command,
   CommandEmpty,
@@ -12,9 +13,10 @@ import {
   CommandInput,
   CommandItem,
   CommandList
-} from "../ui/command";
-import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
-const LanguageSelect = ({
+} from "../ui/command.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LanguageSelect = ({
   language,
   onLanguageChange
 }) => {

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

@@ -1 +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":[]}
+{"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.js';\nimport { cn } from '../../lib/utils.js';\nimport { Button } from '../ui/button.js';\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList\n} from '../ui/command.js';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover.js';\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":";;;AAEA,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;AAoBpD,SASC,KATD;AAXG,IAAM,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/copy-button.cjs

@@ -17,16 +17,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/copy-button.tsx
 var copy_button_exports = {};
 __export(copy_button_exports, {
   CopyButton: () => CopyButton
 });
 module.exports = __toCommonJS(copy_button_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
-var import_use_copy_to_clipboard = require("../hooks/use-copy-to-clipboard");
-var import_button = require("./ui/button");
-const CopyButton = ({ value, className }) => {
+var import_use_copy_to_clipboard = require("../hooks/use-copy-to-clipboard.cjs");
+var import_button = require("./ui/button.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CopyButton = ({ value, className }) => {
   const { isCopied, copyToClipboard } = (0, import_use_copy_to_clipboard.useCopyToClipboard)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_button.Button,

package/dist/components/copy-button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/copy-button.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\n\nimport { useCopyToClipboard } from '../hooks/use-copy-to-clipboard';\nimport { Button } from './ui/button';\n\ninterface CopyButtonProps {\n\tvalue: string;\n\tclassName?: string;\n}\n\nexport const CopyButton = ({ value, className }: CopyButtonProps) => {\n\tconst { isCopied, copyToClipboard } = useCopyToClipboard();\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={className}\n\t\t\tsize=\"icon\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={() => copyToClipboard(value)}\n\t\t>\n\t\t\t<span className=\"nt:sr-only\">Copy</span>\n\t\t\t{isCopied ? <Check /> : <Copy />}\n\t\t</Button>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBE;AAdF,0BAA4B;AAE5B,mCAAmC;AACnC,oBAAuB;AAOhB,MAAM,aAAa,CAAC,EAAE,OAAO,UAAU,MAAuB;AACpE,QAAM,EAAE,UAAU,gBAAgB,QAAI,iDAAmB;AAEzD,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS,MAAM,gBAAgB,KAAK;AAAA,MAEpC;AAAA,oDAAC,UAAK,WAAU,cAAa,kBAAI;AAAA,QAChC,WAAW,4CAAC,6BAAM,IAAK,4CAAC,4BAAK;AAAA;AAAA;AAAA,EAC/B;AAEF;","names":[]}
+{"version":3,"sources":["../../src/components/copy-button.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\n\nimport { useCopyToClipboard } from '../hooks/use-copy-to-clipboard.js';\nimport { Button } from './ui/button.js';\n\ninterface CopyButtonProps {\n\tvalue: string;\n\tclassName?: string;\n}\n\nexport const CopyButton = ({ value, className }: CopyButtonProps) => {\n\tconst { isCopied, copyToClipboard } = useCopyToClipboard();\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={className}\n\t\t\tsize=\"icon\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={() => copyToClipboard(value)}\n\t\t>\n\t\t\t<span className=\"nt:sr-only\">Copy</span>\n\t\t\t{isCopied ? <Check /> : <Copy />}\n\t\t</Button>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAA4B;AAE5B,mCAAmC;AACnC,oBAAuB;AAWrB;AAJK,IAAM,aAAa,CAAC,EAAE,OAAO,UAAU,MAAuB;AACpE,QAAM,EAAE,UAAU,gBAAgB,QAAI,iDAAmB;AAEzD,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS,MAAM,gBAAgB,KAAK;AAAA,MAEpC;AAAA,oDAAC,UAAK,WAAU,cAAa,kBAAI;AAAA,QAChC,WAAW,4CAAC,6BAAM,IAAK,4CAAC,4BAAK;AAAA;AAAA;AAAA,EAC/B;AAEF;","names":[]}

package/dist/components/copy-button.mjs

@@ -1,9 +1,11 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/components/copy-button.tsx
 import { Check, Copy } from "lucide-react";
-import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard";
-import { Button } from "./ui/button";
-const CopyButton = ({ value, className }) => {
+import { useCopyToClipboard } from "../hooks/use-copy-to-clipboard.mjs";
+import { Button } from "./ui/button.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CopyButton = ({ value, className }) => {
   const { isCopied, copyToClipboard } = useCopyToClipboard();
   return /* @__PURE__ */ jsxs(
     Button,

package/dist/components/copy-button.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/copy-button.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\n\nimport { useCopyToClipboard } from '../hooks/use-copy-to-clipboard';\nimport { Button } from './ui/button';\n\ninterface CopyButtonProps {\n\tvalue: string;\n\tclassName?: string;\n}\n\nexport const CopyButton = ({ value, className }: CopyButtonProps) => {\n\tconst { isCopied, copyToClipboard } = useCopyToClipboard();\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={className}\n\t\t\tsize=\"icon\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={() => copyToClipboard(value)}\n\t\t>\n\t\t\t<span className=\"nt:sr-only\">Copy</span>\n\t\t\t{isCopied ? <Check /> : <Copy />}\n\t\t</Button>\n\t);\n};\n"],"mappings":";AAgBE,SAMC,KAND;AAdF,SAAS,OAAO,YAAY;AAE5B,SAAS,0BAA0B;AACnC,SAAS,cAAc;AAOhB,MAAM,aAAa,CAAC,EAAE,OAAO,UAAU,MAAuB;AACpE,QAAM,EAAE,UAAU,gBAAgB,IAAI,mBAAmB;AAEzD,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS,MAAM,gBAAgB,KAAK;AAAA,MAEpC;AAAA,4BAAC,UAAK,WAAU,cAAa,kBAAI;AAAA,QAChC,WAAW,oBAAC,SAAM,IAAK,oBAAC,QAAK;AAAA;AAAA;AAAA,EAC/B;AAEF;","names":[]}
+{"version":3,"sources":["../../src/components/copy-button.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\n\nimport { useCopyToClipboard } from '../hooks/use-copy-to-clipboard.js';\nimport { Button } from './ui/button.js';\n\ninterface CopyButtonProps {\n\tvalue: string;\n\tclassName?: string;\n}\n\nexport const CopyButton = ({ value, className }: CopyButtonProps) => {\n\tconst { isCopied, copyToClipboard } = useCopyToClipboard();\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={className}\n\t\t\tsize=\"icon\"\n\t\t\tvariant=\"ghost\"\n\t\t\tonClick={() => copyToClipboard(value)}\n\t\t>\n\t\t\t<span className=\"nt:sr-only\">Copy</span>\n\t\t\t{isCopied ? <Check /> : <Copy />}\n\t\t</Button>\n\t);\n};\n"],"mappings":";;;AAEA,SAAS,OAAO,YAAY;AAE5B,SAAS,0BAA0B;AACnC,SAAS,cAAc;AAWrB,SAMC,KAND;AAJK,IAAM,aAAa,CAAC,EAAE,OAAO,UAAU,MAAuB;AACpE,QAAM,EAAE,UAAU,gBAAgB,IAAI,mBAAmB;AAEzD,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,SAAS,MAAM,gBAAgB,KAAK;AAAA,MAEpC;AAAA,4BAAC,UAAK,WAAU,cAAa,kBAAI;AAAA,QAChC,WAAW,oBAAC,SAAM,IAAK,oBAAC,QAAK;AAAA;AAAA;AAAA,EAC/B;AAEF;","names":[]}

package/dist/components/heading-dropdown-menu/heading-dropdown-menu.cjs

@@ -17,19 +17,21 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/heading-dropdown-menu/heading-dropdown-menu.tsx
 var heading_dropdown_menu_exports = {};
 __export(heading_dropdown_menu_exports, {
   HeadingDropdownMenu: () => HeadingDropdownMenu
 });
 module.exports = __toCommonJS(heading_dropdown_menu_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
 var import_react = require("react");
-var import_heading_menu_item = require("./heading-menu-item");
-var import_use_heading = require("./use-heading");
-var import_button = require("../ui/button");
-var import_dropdown_menu = require("../ui/dropdown-menu");
-const HeadingDropdownMenu = (0, import_react.forwardRef)(({ editor, levels = [1, 2, 3, 4], ...buttonProps }, ref) => {
+var import_heading_menu_item = require("./heading-menu-item.cjs");
+var import_use_heading = require("./use-heading.cjs");
+var import_button = require("../ui/button.cjs");
+var import_dropdown_menu = require("../ui/dropdown-menu.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var HeadingDropdownMenu = (0, import_react.forwardRef)(({ editor, levels = [1, 2, 3, 4], ...buttonProps }, ref) => {
   const activeLevel = (0, import_use_heading.useActiveHeadingLevel)(editor, levels);
   const TriggerIcon = (0, import_use_heading.getHeadingTriggerIcon)(activeLevel);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dropdown_menu.DropdownMenu, { children: [

package/dist/components/heading-dropdown-menu/heading-dropdown-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/heading-dropdown-menu/heading-dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { forwardRef } from 'react';\n\nimport { HeadingMenuItem } from './heading-menu-item';\nimport {\n\tgetHeadingTriggerIcon,\n\tuseActiveHeadingLevel,\n\ttype HeadingLevel\n} from './use-heading';\nimport { Button } from '../ui/button';\nimport {\n\tDropdownMenu,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup\n} from '../ui/dropdown-menu';\n\nimport type { Editor } from '@tiptap/core';\nimport type { ComponentProps } from 'react';\n\nexport interface HeadingDropdownMenuProps extends Omit<\n\tComponentProps<typeof Button>,\n\t'type'\n> {\n\teditor: Editor | null;\n\tlevels?: HeadingLevel[];\n}\n\nexport const HeadingDropdownMenu = forwardRef<\n\tHTMLButtonElement,\n\tHeadingDropdownMenuProps\n>(({ editor, levels = [1, 2, 3, 4], ...buttonProps }, ref) => {\n\tconst activeLevel = useActiveHeadingLevel(editor, levels);\n\tconst TriggerIcon = getHeadingTriggerIcon(activeLevel);\n\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-label=\"Heading\"\n\t\t\t\t\tclassName=\"nt:gap-1 nt:px-2\"\n\t\t\t\t\tdata-active-state={activeLevel !== null ? 'on' : 'off'}\n\t\t\t\t\tsize=\"default\"\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\t{...buttonProps}\n\t\t\t\t>\n\t\t\t\t\t<TriggerIcon\n\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\tactiveLevel !== null\n\t\t\t\t\t\t\t\t? 'nt:text-[var(--tt-brand-color-500)]'\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ChevronDown className=\"nt:size-3\" />\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent align=\"start\">\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t{levels.map((level) => (\n\t\t\t\t\t\t<HeadingMenuItem key={level} editor={editor} level={level} />\n\t\t\t\t\t))}\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n});\n\nHeadingDropdownMenu.displayName = 'HeadingDropdownMenu';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCI;AAtCJ,0BAA4B;AAC5B,mBAA2B;AAE3B,+BAAgC;AAChC,yBAIO;AACP,oBAAuB;AACvB,2BAKO;AAaA,MAAM,0BAAsB,yBAGjC,CAAC,EAAE,QAAQ,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,YAAY,GAAG,QAAQ;AAC7D,QAAM,kBAAc,0CAAsB,QAAQ,MAAM;AACxD,QAAM,kBAAc,0CAAsB,WAAW;AAErD,SACC,6CAAC,qCACA;AAAA,gDAAC,4CAAoB,SAAO,MAC3B;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,cAAW;AAAA,QACX,WAAU;AAAA,QACV,qBAAmB,gBAAgB,OAAO,OAAO;AAAA,QACjD,MAAK;AAAA,QACL,UAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACP,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WACC,gBAAgB,OACb,wCACA;AAAA;AAAA,UAEL;AAAA,UACA,4CAAC,mCAAY,WAAU,aAAY;AAAA;AAAA;AAAA,IACpC,GACD;AAAA,IACA,4CAAC,4CAAoB,OAAM,SAC1B,sDAAC,0CACC,iBAAO,IAAI,CAAC,UACZ,4CAAC,4CAA4B,QAAgB,SAAvB,KAAqC,CAC3D,GACF,GACD;AAAA,KACD;AAEF,CAAC;AAED,oBAAoB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/heading-dropdown-menu/heading-dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { forwardRef } from 'react';\n\nimport { HeadingMenuItem } from './heading-menu-item.js';\nimport {\n\tgetHeadingTriggerIcon,\n\tuseActiveHeadingLevel,\n\ttype HeadingLevel\n} from './use-heading.js';\nimport { Button } from '../ui/button.js';\nimport {\n\tDropdownMenu,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup\n} from '../ui/dropdown-menu.js';\n\nimport type { Editor } from '@tiptap/core';\nimport type { ComponentProps } from 'react';\n\nexport interface HeadingDropdownMenuProps extends Omit<\n\tComponentProps<typeof Button>,\n\t'type'\n> {\n\teditor: Editor | null;\n\tlevels?: HeadingLevel[];\n}\n\nexport const HeadingDropdownMenu = forwardRef<\n\tHTMLButtonElement,\n\tHeadingDropdownMenuProps\n>(({ editor, levels = [1, 2, 3, 4], ...buttonProps }, ref) => {\n\tconst activeLevel = useActiveHeadingLevel(editor, levels);\n\tconst TriggerIcon = getHeadingTriggerIcon(activeLevel);\n\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-label=\"Heading\"\n\t\t\t\t\tclassName=\"nt:gap-1 nt:px-2\"\n\t\t\t\t\tdata-active-state={activeLevel !== null ? 'on' : 'off'}\n\t\t\t\t\tsize=\"default\"\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\t{...buttonProps}\n\t\t\t\t>\n\t\t\t\t\t<TriggerIcon\n\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\tactiveLevel !== null\n\t\t\t\t\t\t\t\t? 'nt:text-[var(--tt-brand-color-500)]'\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ChevronDown className=\"nt:size-3\" />\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent align=\"start\">\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t{levels.map((level) => (\n\t\t\t\t\t\t<HeadingMenuItem key={level} editor={editor} level={level} />\n\t\t\t\t\t))}\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n});\n\nHeadingDropdownMenu.displayName = 'HeadingDropdownMenu';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,0BAA4B;AAC5B,mBAA2B;AAE3B,+BAAgC;AAChC,yBAIO;AACP,oBAAuB;AACvB,2BAKO;AAuBH;AAVG,IAAM,0BAAsB,yBAGjC,CAAC,EAAE,QAAQ,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,YAAY,GAAG,QAAQ;AAC7D,QAAM,kBAAc,0CAAsB,QAAQ,MAAM;AACxD,QAAM,kBAAc,0CAAsB,WAAW;AAErD,SACC,6CAAC,qCACA;AAAA,gDAAC,4CAAoB,SAAO,MAC3B;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,cAAW;AAAA,QACX,WAAU;AAAA,QACV,qBAAmB,gBAAgB,OAAO,OAAO;AAAA,QACjD,MAAK;AAAA,QACL,UAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACP,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WACC,gBAAgB,OACb,wCACA;AAAA;AAAA,UAEL;AAAA,UACA,4CAAC,mCAAY,WAAU,aAAY;AAAA;AAAA;AAAA,IACpC,GACD;AAAA,IACA,4CAAC,4CAAoB,OAAM,SAC1B,sDAAC,0CACC,iBAAO,IAAI,CAAC,UACZ,4CAAC,4CAA4B,QAAgB,SAAvB,KAAqC,CAC3D,GACF,GACD;AAAA,KACD;AAEF,CAAC;AAED,oBAAoB,cAAc;","names":[]}

package/dist/components/heading-dropdown-menu/heading-dropdown-menu.mjs

@@ -1,20 +1,22 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/components/heading-dropdown-menu/heading-dropdown-menu.tsx
 import { ChevronDown } from "lucide-react";
 import { forwardRef } from "react";
-import { HeadingMenuItem } from "./heading-menu-item";
+import { HeadingMenuItem } from "./heading-menu-item.mjs";
 import {
   getHeadingTriggerIcon,
   useActiveHeadingLevel
-} from "./use-heading";
-import { Button } from "../ui/button";
+} from "./use-heading.mjs";
+import { Button } from "../ui/button.mjs";
 import {
   DropdownMenu,
   DropdownMenuTrigger,
   DropdownMenuContent,
   DropdownMenuGroup
-} from "../ui/dropdown-menu";
-const HeadingDropdownMenu = forwardRef(({ editor, levels = [1, 2, 3, 4], ...buttonProps }, ref) => {
+} from "../ui/dropdown-menu.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var HeadingDropdownMenu = forwardRef(({ editor, levels = [1, 2, 3, 4], ...buttonProps }, ref) => {
   const activeLevel = useActiveHeadingLevel(editor, levels);
   const TriggerIcon = getHeadingTriggerIcon(activeLevel);
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/heading-dropdown-menu/heading-dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { forwardRef } from 'react';\n\nimport { HeadingMenuItem } from './heading-menu-item';\nimport {\n\tgetHeadingTriggerIcon,\n\tuseActiveHeadingLevel,\n\ttype HeadingLevel\n} from './use-heading';\nimport { Button } from '../ui/button';\nimport {\n\tDropdownMenu,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup\n} from '../ui/dropdown-menu';\n\nimport type { Editor } from '@tiptap/core';\nimport type { ComponentProps } from 'react';\n\nexport interface HeadingDropdownMenuProps extends Omit<\n\tComponentProps<typeof Button>,\n\t'type'\n> {\n\teditor: Editor | null;\n\tlevels?: HeadingLevel[];\n}\n\nexport const HeadingDropdownMenu = forwardRef<\n\tHTMLButtonElement,\n\tHeadingDropdownMenuProps\n>(({ editor, levels = [1, 2, 3, 4], ...buttonProps }, ref) => {\n\tconst activeLevel = useActiveHeadingLevel(editor, levels);\n\tconst TriggerIcon = getHeadingTriggerIcon(activeLevel);\n\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-label=\"Heading\"\n\t\t\t\t\tclassName=\"nt:gap-1 nt:px-2\"\n\t\t\t\t\tdata-active-state={activeLevel !== null ? 'on' : 'off'}\n\t\t\t\t\tsize=\"default\"\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\t{...buttonProps}\n\t\t\t\t>\n\t\t\t\t\t<TriggerIcon\n\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\tactiveLevel !== null\n\t\t\t\t\t\t\t\t? 'nt:text-[var(--tt-brand-color-500)]'\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ChevronDown className=\"nt:size-3\" />\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent align=\"start\">\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t{levels.map((level) => (\n\t\t\t\t\t\t<HeadingMenuItem key={level} editor={editor} level={level} />\n\t\t\t\t\t))}\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n});\n\nHeadingDropdownMenu.displayName = 'HeadingDropdownMenu';\n"],"mappings":";AAwCI,SAWC,KAXD;AAtCJ,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAChC;AAAA,EACC;AAAA,EACA;AAAA,OAEM;AACP,SAAS,cAAc;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAaA,MAAM,sBAAsB,WAGjC,CAAC,EAAE,QAAQ,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,YAAY,GAAG,QAAQ;AAC7D,QAAM,cAAc,sBAAsB,QAAQ,MAAM;AACxD,QAAM,cAAc,sBAAsB,WAAW;AAErD,SACC,qBAAC,gBACA;AAAA,wBAAC,uBAAoB,SAAO,MAC3B;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,cAAW;AAAA,QACX,WAAU;AAAA,QACV,qBAAmB,gBAAgB,OAAO,OAAO;AAAA,QACjD,MAAK;AAAA,QACL,UAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACP,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WACC,gBAAgB,OACb,wCACA;AAAA;AAAA,UAEL;AAAA,UACA,oBAAC,eAAY,WAAU,aAAY;AAAA;AAAA;AAAA,IACpC,GACD;AAAA,IACA,oBAAC,uBAAoB,OAAM,SAC1B,8BAAC,qBACC,iBAAO,IAAI,CAAC,UACZ,oBAAC,mBAA4B,QAAgB,SAAvB,KAAqC,CAC3D,GACF,GACD;AAAA,KACD;AAEF,CAAC;AAED,oBAAoB,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/heading-dropdown-menu/heading-dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport { forwardRef } from 'react';\n\nimport { HeadingMenuItem } from './heading-menu-item.js';\nimport {\n\tgetHeadingTriggerIcon,\n\tuseActiveHeadingLevel,\n\ttype HeadingLevel\n} from './use-heading.js';\nimport { Button } from '../ui/button.js';\nimport {\n\tDropdownMenu,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup\n} from '../ui/dropdown-menu.js';\n\nimport type { Editor } from '@tiptap/core';\nimport type { ComponentProps } from 'react';\n\nexport interface HeadingDropdownMenuProps extends Omit<\n\tComponentProps<typeof Button>,\n\t'type'\n> {\n\teditor: Editor | null;\n\tlevels?: HeadingLevel[];\n}\n\nexport const HeadingDropdownMenu = forwardRef<\n\tHTMLButtonElement,\n\tHeadingDropdownMenuProps\n>(({ editor, levels = [1, 2, 3, 4], ...buttonProps }, ref) => {\n\tconst activeLevel = useActiveHeadingLevel(editor, levels);\n\tconst TriggerIcon = getHeadingTriggerIcon(activeLevel);\n\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-label=\"Heading\"\n\t\t\t\t\tclassName=\"nt:gap-1 nt:px-2\"\n\t\t\t\t\tdata-active-state={activeLevel !== null ? 'on' : 'off'}\n\t\t\t\t\tsize=\"default\"\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\t{...buttonProps}\n\t\t\t\t>\n\t\t\t\t\t<TriggerIcon\n\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\tactiveLevel !== null\n\t\t\t\t\t\t\t\t? 'nt:text-[var(--tt-brand-color-500)]'\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ChevronDown className=\"nt:size-3\" />\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent align=\"start\">\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t{levels.map((level) => (\n\t\t\t\t\t\t<HeadingMenuItem key={level} editor={editor} level={level} />\n\t\t\t\t\t))}\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n});\n\nHeadingDropdownMenu.displayName = 'HeadingDropdownMenu';\n"],"mappings":";;;AAEA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAChC;AAAA,EACC;AAAA,EACA;AAAA,OAEM;AACP,SAAS,cAAc;AACvB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAuBH,SAWC,KAXD;AAVG,IAAM,sBAAsB,WAGjC,CAAC,EAAE,QAAQ,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,YAAY,GAAG,QAAQ;AAC7D,QAAM,cAAc,sBAAsB,QAAQ,MAAM;AACxD,QAAM,cAAc,sBAAsB,WAAW;AAErD,SACC,qBAAC,gBACA;AAAA,wBAAC,uBAAoB,SAAO,MAC3B;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,cAAW;AAAA,QACX,WAAU;AAAA,QACV,qBAAmB,gBAAgB,OAAO,OAAO;AAAA,QACjD,MAAK;AAAA,QACL,UAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAQ;AAAA,QACP,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WACC,gBAAgB,OACb,wCACA;AAAA;AAAA,UAEL;AAAA,UACA,oBAAC,eAAY,WAAU,aAAY;AAAA;AAAA;AAAA,IACpC,GACD;AAAA,IACA,oBAAC,uBAAoB,OAAM,SAC1B,8BAAC,qBACC,iBAAO,IAAI,CAAC,UACZ,oBAAC,mBAA4B,QAAgB,SAAvB,KAAqC,CAC3D,GACF,GACD;AAAA,KACD;AAEF,CAAC;AAED,oBAAoB,cAAc;","names":[]}

package/dist/components/heading-dropdown-menu/heading-menu-item.cjs

@@ -16,16 +16,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/heading-dropdown-menu/heading-menu-item.tsx
 var heading_menu_item_exports = {};
 __export(heading_menu_item_exports, {
   HeadingMenuItem: () => HeadingMenuItem
 });
 module.exports = __toCommonJS(heading_menu_item_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_use_heading = require("./use-heading");
-var import_dropdown_menu = require("../ui/dropdown-menu");
-const HeadingMenuItem = (0, import_react.forwardRef)(
+var import_use_heading = require("./use-heading.cjs");
+var import_dropdown_menu = require("../ui/dropdown-menu.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var HeadingMenuItem = (0, import_react.forwardRef)(
   ({ editor, level }, ref) => {
     const { isActive, canToggle, handleToggle, label, Icon } = (0, import_use_heading.useHeading)({
       editor,