notra-editor 0.3.0 → 0.5.0

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

@@ -0,0 +1,67 @@
+"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 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) => {
+  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: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_button.Button,
+      {
+        ref,
+        "aria-label": "Heading",
+        className: "nt:gap-1 nt:px-2",
+        "data-active-state": activeLevel !== null ? "on" : "off",
+        size: "default",
+        tabIndex: -1,
+        type: "button",
+        variant: "ghost",
+        ...buttonProps,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            TriggerIcon,
+            {
+              className: activeLevel !== null ? "nt:text-[var(--tt-brand-color-500)]" : void 0
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "nt:size-3" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuContent, { align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dropdown_menu.DropdownMenuGroup, { children: levels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading_menu_item.HeadingMenuItem, { editor, level }, level)) }) })
+  ] });
+});
+HeadingDropdownMenu.displayName = "HeadingDropdownMenu";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeadingDropdownMenu
+});
+//# sourceMappingURL=heading-dropdown-menu.cjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import { HeadingLevel } from './use-heading.cjs';
+import { Button } from '../ui/button.cjs';
+import { Editor } from '@tiptap/core';
+import 'lucide-react';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface HeadingDropdownMenuProps extends Omit<ComponentProps<typeof Button>, 'type'> {
+    editor: Editor | null;
+    levels?: HeadingLevel[];
+}
+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

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import { HeadingLevel } from './use-heading.js';
+import { Button } from '../ui/button.js';
+import { Editor } from '@tiptap/core';
+import 'lucide-react';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+interface HeadingDropdownMenuProps extends Omit<ComponentProps<typeof Button>, 'type'> {
+    editor: Editor | null;
+    levels?: HeadingLevel[];
+}
+declare const HeadingDropdownMenu: react.ForwardRefExoticComponent<Omit<HeadingDropdownMenuProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+export { HeadingDropdownMenu, type HeadingDropdownMenuProps };

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

@@ -0,0 +1,51 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { forwardRef } from "react";
+import { HeadingMenuItem } from "./heading-menu-item";
+import {
+  getHeadingTriggerIcon,
+  useActiveHeadingLevel
+} from "./use-heading";
+import { Button } from "../ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup
+} from "../ui/dropdown-menu";
+const HeadingDropdownMenu = forwardRef(({ editor, levels = [1, 2, 3, 4], ...buttonProps }, ref) => {
+  const activeLevel = useActiveHeadingLevel(editor, levels);
+  const TriggerIcon = getHeadingTriggerIcon(activeLevel);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        "aria-label": "Heading",
+        className: "nt:gap-1 nt:px-2",
+        "data-active-state": activeLevel !== null ? "on" : "off",
+        size: "default",
+        tabIndex: -1,
+        type: "button",
+        variant: "ghost",
+        ...buttonProps,
+        children: [
+          /* @__PURE__ */ jsx(
+            TriggerIcon,
+            {
+              className: activeLevel !== null ? "nt:text-[var(--tt-brand-color-500)]" : void 0
+            }
+          ),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "nt:size-3" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: /* @__PURE__ */ jsx(DropdownMenuGroup, { children: levels.map((level) => /* @__PURE__ */ jsx(HeadingMenuItem, { editor, level }, level)) }) })
+  ] });
+});
+HeadingDropdownMenu.displayName = "HeadingDropdownMenu";
+export {
+  HeadingDropdownMenu
+};
+//# sourceMappingURL=heading-dropdown-menu.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,56 @@
+"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 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)(
+  ({ editor, level }, ref) => {
+    const { isActive, canToggle, handleToggle, label, Icon } = (0, import_use_heading.useHeading)({
+      editor,
+      level
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_dropdown_menu.DropdownMenuItem,
+      {
+        ref,
+        "aria-label": label,
+        className: "nt:data-[active-state=on]:bg-accent nt:data-[active-state=on]:text-[var(--tt-brand-color-500)]",
+        "data-active-state": isActive ? "on" : "off",
+        disabled: !canToggle,
+        onSelect: handleToggle,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+HeadingMenuItem.displayName = "HeadingMenuItem";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeadingMenuItem
+});
+//# sourceMappingURL=heading-menu-item.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/heading-dropdown-menu/heading-menu-item.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { useHeading, type HeadingLevel } from './use-heading';\nimport { DropdownMenuItem } from '../ui/dropdown-menu';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface HeadingMenuItemProps {\n\teditor: Editor | null;\n\tlevel: HeadingLevel;\n}\n\nexport const HeadingMenuItem = forwardRef<HTMLDivElement, HeadingMenuItemProps>(\n\t({ editor, level }, ref) => {\n\t\tconst { isActive, canToggle, handleToggle, label, Icon } = useHeading({\n\t\t\teditor,\n\t\t\tlevel\n\t\t});\n\n\t\treturn (\n\t\t\t<DropdownMenuItem\n\t\t\t\tref={ref}\n\t\t\t\taria-label={label}\n\t\t\t\tclassName=\"nt:data-[active-state=on]:bg-accent nt:data-[active-state=on]:text-[var(--tt-brand-color-500)]\"\n\t\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\t\tdisabled={!canToggle}\n\t\t\t\tonSelect={handleToggle}\n\t\t\t>\n\t\t\t\t<Icon />\n\t\t\t\t<span>{label}</span>\n\t\t\t</DropdownMenuItem>\n\t\t);\n\t}\n);\n\nHeadingMenuItem.displayName = 'HeadingMenuItem';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBG;AApBH,mBAA2B;AAE3B,yBAA8C;AAC9C,2BAAiC;AAS1B,MAAM,sBAAkB;AAAA,EAC9B,CAAC,EAAE,QAAQ,MAAM,GAAG,QAAQ;AAC3B,UAAM,EAAE,UAAU,WAAW,cAAc,OAAO,KAAK,QAAI,+BAAW;AAAA,MACrE;AAAA,MACA;AAAA,IACD,CAAC;AAED,WACC;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACV,qBAAmB,WAAW,OAAO;AAAA,QACrC,UAAU,CAAC;AAAA,QACX,UAAU;AAAA,QAEV;AAAA,sDAAC,QAAK;AAAA,UACN,4CAAC,UAAM,iBAAM;AAAA;AAAA;AAAA,IACd;AAAA,EAEF;AACD;AAEA,gBAAgB,cAAc;","names":[]}

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useHeading } from "./use-heading";
+import { DropdownMenuItem } from "../ui/dropdown-menu";
+const HeadingMenuItem = forwardRef(
+  ({ editor, level }, ref) => {
+    const { isActive, canToggle, handleToggle, label, Icon } = useHeading({
+      editor,
+      level
+    });
+    return /* @__PURE__ */ jsxs(
+      DropdownMenuItem,
+      {
+        ref,
+        "aria-label": label,
+        className: "nt:data-[active-state=on]:bg-accent nt:data-[active-state=on]:text-[var(--tt-brand-color-500)]",
+        "data-active-state": isActive ? "on" : "off",
+        disabled: !canToggle,
+        onSelect: handleToggle,
+        children: [
+          /* @__PURE__ */ jsx(Icon, {}),
+          /* @__PURE__ */ jsx("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+HeadingMenuItem.displayName = "HeadingMenuItem";
+export {
+  HeadingMenuItem
+};
+//# sourceMappingURL=heading-menu-item.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/heading-dropdown-menu/heading-menu-item.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { useHeading, type HeadingLevel } from './use-heading';\nimport { DropdownMenuItem } from '../ui/dropdown-menu';\n\nimport type { Editor } from '@tiptap/core';\n\nexport interface HeadingMenuItemProps {\n\teditor: Editor | null;\n\tlevel: HeadingLevel;\n}\n\nexport const HeadingMenuItem = forwardRef<HTMLDivElement, HeadingMenuItemProps>(\n\t({ editor, level }, ref) => {\n\t\tconst { isActive, canToggle, handleToggle, label, Icon } = useHeading({\n\t\t\teditor,\n\t\t\tlevel\n\t\t});\n\n\t\treturn (\n\t\t\t<DropdownMenuItem\n\t\t\t\tref={ref}\n\t\t\t\taria-label={label}\n\t\t\t\tclassName=\"nt:data-[active-state=on]:bg-accent nt:data-[active-state=on]:text-[var(--tt-brand-color-500)]\"\n\t\t\t\tdata-active-state={isActive ? 'on' : 'off'}\n\t\t\t\tdisabled={!canToggle}\n\t\t\t\tonSelect={handleToggle}\n\t\t\t>\n\t\t\t\t<Icon />\n\t\t\t\t<span>{label}</span>\n\t\t\t</DropdownMenuItem>\n\t\t);\n\t}\n);\n\nHeadingMenuItem.displayName = 'HeadingMenuItem';\n"],"mappings":"AAoBG,SAQC,KARD;AApBH,SAAS,kBAAkB;AAE3B,SAAS,kBAAqC;AAC9C,SAAS,wBAAwB;AAS1B,MAAM,kBAAkB;AAAA,EAC9B,CAAC,EAAE,QAAQ,MAAM,GAAG,QAAQ;AAC3B,UAAM,EAAE,UAAU,WAAW,cAAc,OAAO,KAAK,IAAI,WAAW;AAAA,MACrE;AAAA,MACA;AAAA,IACD,CAAC;AAED,WACC;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,cAAY;AAAA,QACZ,WAAU;AAAA,QACV,qBAAmB,WAAW,OAAO;AAAA,QACrC,UAAU,CAAC;AAAA,QACX,UAAU;AAAA,QAEV;AAAA,8BAAC,QAAK;AAAA,UACN,oBAAC,UAAM,iBAAM;AAAA;AAAA;AAAA,IACd;AAAA,EAEF;AACD;AAEA,gBAAgB,cAAc;","names":[]}

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

@@ -0,0 +1,109 @@
+"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 use_heading_exports = {};
+__export(use_heading_exports, {
+  getHeadingTriggerIcon: () => getHeadingTriggerIcon,
+  useActiveHeadingLevel: () => useActiveHeadingLevel,
+  useHeading: () => useHeading
+});
+module.exports = __toCommonJS(use_heading_exports);
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+const headingIcons = {
+  1: import_lucide_react.Heading1,
+  2: import_lucide_react.Heading2,
+  3: import_lucide_react.Heading3,
+  4: import_lucide_react.Heading4
+};
+const headingLabels = {
+  1: "Heading 1",
+  2: "Heading 2",
+  3: "Heading 3",
+  4: "Heading 4"
+};
+function canToggleHeading(editor, level) {
+  if (!editor || !editor.isEditable) return false;
+  return editor.can().setNode("heading", { level }) || editor.can().clearNodes();
+}
+function useHeading({
+  editor,
+  level
+}) {
+  const [isActive, setIsActive] = (0, import_react.useState)(false);
+  const [canToggle, setCanToggle] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!editor) return;
+    const handleUpdate = () => {
+      setIsActive(editor.isActive("heading", { level }));
+      setCanToggle(canToggleHeading(editor, level));
+    };
+    handleUpdate();
+    editor.on("selectionUpdate", handleUpdate);
+    editor.on("transaction", handleUpdate);
+    return () => {
+      editor.off("selectionUpdate", handleUpdate);
+      editor.off("transaction", handleUpdate);
+    };
+  }, [editor, level]);
+  const handleToggle = (0, import_react.useCallback)(() => {
+    if (!editor || !editor.isEditable) return false;
+    if (editor.isActive("heading", { level })) {
+      return editor.chain().focus().setNode("paragraph").run();
+    }
+    return editor.chain().focus().clearNodes().setNode("heading", { level }).run();
+  }, [editor, level]);
+  return {
+    isActive,
+    canToggle,
+    handleToggle,
+    label: headingLabels[level],
+    Icon: headingIcons[level]
+  };
+}
+function useActiveHeadingLevel(editor, levels) {
+  const [activeLevel, setActiveLevel] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    if (!editor) return;
+    const handleUpdate = () => {
+      const found = levels.find(
+        (level) => editor.isActive("heading", { level })
+      );
+      setActiveLevel(found ?? null);
+    };
+    handleUpdate();
+    editor.on("selectionUpdate", handleUpdate);
+    editor.on("transaction", handleUpdate);
+    return () => {
+      editor.off("selectionUpdate", handleUpdate);
+      editor.off("transaction", handleUpdate);
+    };
+  }, [editor, levels]);
+  return activeLevel;
+}
+function getHeadingTriggerIcon(activeLevel) {
+  if (activeLevel === null) return import_lucide_react.Heading;
+  return headingIcons[activeLevel];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getHeadingTriggerIcon,
+  useActiveHeadingLevel,
+  useHeading
+});
+//# sourceMappingURL=use-heading.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/heading-dropdown-menu/use-heading.ts"],"sourcesContent":["import { Heading, Heading1, Heading2, Heading3, Heading4 } from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport type { Editor } from '@tiptap/core';\nimport type { LucideIcon } from 'lucide-react';\n\nexport type HeadingLevel = 1 | 2 | 3 | 4;\n\ntype IconComponent = LucideIcon;\n\nconst headingIcons: Record<HeadingLevel, IconComponent> = {\n\t1: Heading1,\n\t2: Heading2,\n\t3: Heading3,\n\t4: Heading4\n};\n\nconst headingLabels: Record<HeadingLevel, string> = {\n\t1: 'Heading 1',\n\t2: 'Heading 2',\n\t3: 'Heading 3',\n\t4: 'Heading 4'\n};\n\nfunction canToggleHeading(editor: Editor | null, level: HeadingLevel): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn (\n\t\teditor.can().setNode('heading', { level }) || editor.can().clearNodes()\n\t);\n}\n\nexport function useHeading({\n\teditor,\n\tlevel\n}: {\n\teditor: Editor | null;\n\tlevel: HeadingLevel;\n}) {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst handleUpdate = () => {\n\t\t\tsetIsActive(editor.isActive('heading', { level }));\n\t\t\tsetCanToggle(canToggleHeading(editor, level));\n\t\t};\n\n\t\thandleUpdate();\n\n\t\teditor.on('selectionUpdate', handleUpdate);\n\t\teditor.on('transaction', handleUpdate);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', handleUpdate);\n\t\t\teditor.off('transaction', handleUpdate);\n\t\t};\n\t}, [editor, level]);\n\n\tconst handleToggle = useCallback(() => {\n\t\tif (!editor || !editor.isEditable) return false;\n\n\t\tif (editor.isActive('heading', { level })) {\n\t\t\treturn editor.chain().focus().setNode('paragraph').run();\n\t\t}\n\n\t\t// clearNodes first to convert any block type to paragraph,\n\t\t// then set heading\n\t\treturn editor\n\t\t\t.chain()\n\t\t\t.focus()\n\t\t\t.clearNodes()\n\t\t\t.setNode('heading', { level })\n\t\t\t.run();\n\t}, [editor, level]);\n\n\treturn {\n\t\tisActive,\n\t\tcanToggle,\n\t\thandleToggle,\n\t\tlabel: headingLabels[level],\n\t\tIcon: headingIcons[level]\n\t};\n}\n\nexport function useActiveHeadingLevel(\n\teditor: Editor | null,\n\tlevels: HeadingLevel[]\n): HeadingLevel | null {\n\tconst [activeLevel, setActiveLevel] = useState<HeadingLevel | null>(null);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst handleUpdate = () => {\n\t\t\tconst found = levels.find((level) =>\n\t\t\t\teditor.isActive('heading', { level })\n\t\t\t);\n\n\t\t\tsetActiveLevel(found ?? null);\n\t\t};\n\n\t\thandleUpdate();\n\n\t\teditor.on('selectionUpdate', handleUpdate);\n\t\teditor.on('transaction', handleUpdate);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', handleUpdate);\n\t\t\teditor.off('transaction', handleUpdate);\n\t\t};\n\t}, [editor, levels]);\n\n\treturn activeLevel;\n}\n\nexport function getHeadingTriggerIcon(\n\tactiveLevel: HeadingLevel | null\n): IconComponent {\n\tif (activeLevel === null) return Heading;\n\n\treturn headingIcons[activeLevel];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgE;AAChE,mBAAiD;AASjD,MAAM,eAAoD;AAAA,EACzD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;AAEA,MAAM,gBAA8C;AAAA,EACnD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;AAEA,SAAS,iBAAiB,QAAuB,OAA8B;AAC9E,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SACC,OAAO,IAAI,EAAE,QAAQ,WAAW,EAAE,MAAM,CAAC,KAAK,OAAO,IAAI,EAAE,WAAW;AAExE;AAEO,SAAS,WAAW;AAAA,EAC1B;AAAA,EACA;AACD,GAGG;AACF,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,eAAe,MAAM;AAC1B,kBAAY,OAAO,SAAS,WAAW,EAAE,MAAM,CAAC,CAAC;AACjD,mBAAa,iBAAiB,QAAQ,KAAK,CAAC;AAAA,IAC7C;AAEA,iBAAa;AAEb,WAAO,GAAG,mBAAmB,YAAY;AACzC,WAAO,GAAG,eAAe,YAAY;AAErC,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,YAAY;AAC1C,aAAO,IAAI,eAAe,YAAY;AAAA,IACvC;AAAA,EACD,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,QAAM,mBAAe,0BAAY,MAAM;AACtC,QAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,QAAI,OAAO,SAAS,WAAW,EAAE,MAAM,CAAC,GAAG;AAC1C,aAAO,OAAO,MAAM,EAAE,MAAM,EAAE,QAAQ,WAAW,EAAE,IAAI;AAAA,IACxD;AAIA,WAAO,OACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,QAAQ,WAAW,EAAE,MAAM,CAAC,EAC5B,IAAI;AAAA,EACP,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,cAAc,KAAK;AAAA,IAC1B,MAAM,aAAa,KAAK;AAAA,EACzB;AACD;AAEO,SAAS,sBACf,QACA,QACsB;AACtB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAA8B,IAAI;AAExE,8BAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,eAAe,MAAM;AAC1B,YAAM,QAAQ,OAAO;AAAA,QAAK,CAAC,UAC1B,OAAO,SAAS,WAAW,EAAE,MAAM,CAAC;AAAA,MACrC;AAEA,qBAAe,SAAS,IAAI;AAAA,IAC7B;AAEA,iBAAa;AAEb,WAAO,GAAG,mBAAmB,YAAY;AACzC,WAAO,GAAG,eAAe,YAAY;AAErC,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,YAAY;AAC1C,aAAO,IAAI,eAAe,YAAY;AAAA,IACvC;AAAA,EACD,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,SAAO;AACR;AAEO,SAAS,sBACf,aACgB;AAChB,MAAI,gBAAgB,KAAM,QAAO;AAEjC,SAAO,aAAa,WAAW;AAChC;","names":[]}

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

@@ -0,0 +1,19 @@
+import { Editor } from '@tiptap/core';
+import { LucideIcon } from 'lucide-react';
+
+type HeadingLevel = 1 | 2 | 3 | 4;
+type IconComponent = LucideIcon;
+declare function useHeading({ editor, level }: {
+    editor: Editor | null;
+    level: HeadingLevel;
+}): {
+    isActive: boolean;
+    canToggle: boolean;
+    handleToggle: () => boolean;
+    label: string;
+    Icon: LucideIcon;
+};
+declare function useActiveHeadingLevel(editor: Editor | null, levels: HeadingLevel[]): HeadingLevel | null;
+declare function getHeadingTriggerIcon(activeLevel: HeadingLevel | null): IconComponent;
+
+export { type HeadingLevel, getHeadingTriggerIcon, useActiveHeadingLevel, useHeading };

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

@@ -0,0 +1,19 @@
+import { Editor } from '@tiptap/core';
+import { LucideIcon } from 'lucide-react';
+
+type HeadingLevel = 1 | 2 | 3 | 4;
+type IconComponent = LucideIcon;
+declare function useHeading({ editor, level }: {
+    editor: Editor | null;
+    level: HeadingLevel;
+}): {
+    isActive: boolean;
+    canToggle: boolean;
+    handleToggle: () => boolean;
+    label: string;
+    Icon: LucideIcon;
+};
+declare function useActiveHeadingLevel(editor: Editor | null, levels: HeadingLevel[]): HeadingLevel | null;
+declare function getHeadingTriggerIcon(activeLevel: HeadingLevel | null): IconComponent;
+
+export { type HeadingLevel, getHeadingTriggerIcon, useActiveHeadingLevel, useHeading };

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

@@ -0,0 +1,83 @@
+import { Heading, Heading1, Heading2, Heading3, Heading4 } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+const headingIcons = {
+  1: Heading1,
+  2: Heading2,
+  3: Heading3,
+  4: Heading4
+};
+const headingLabels = {
+  1: "Heading 1",
+  2: "Heading 2",
+  3: "Heading 3",
+  4: "Heading 4"
+};
+function canToggleHeading(editor, level) {
+  if (!editor || !editor.isEditable) return false;
+  return editor.can().setNode("heading", { level }) || editor.can().clearNodes();
+}
+function useHeading({
+  editor,
+  level
+}) {
+  const [isActive, setIsActive] = useState(false);
+  const [canToggle, setCanToggle] = useState(false);
+  useEffect(() => {
+    if (!editor) return;
+    const handleUpdate = () => {
+      setIsActive(editor.isActive("heading", { level }));
+      setCanToggle(canToggleHeading(editor, level));
+    };
+    handleUpdate();
+    editor.on("selectionUpdate", handleUpdate);
+    editor.on("transaction", handleUpdate);
+    return () => {
+      editor.off("selectionUpdate", handleUpdate);
+      editor.off("transaction", handleUpdate);
+    };
+  }, [editor, level]);
+  const handleToggle = useCallback(() => {
+    if (!editor || !editor.isEditable) return false;
+    if (editor.isActive("heading", { level })) {
+      return editor.chain().focus().setNode("paragraph").run();
+    }
+    return editor.chain().focus().clearNodes().setNode("heading", { level }).run();
+  }, [editor, level]);
+  return {
+    isActive,
+    canToggle,
+    handleToggle,
+    label: headingLabels[level],
+    Icon: headingIcons[level]
+  };
+}
+function useActiveHeadingLevel(editor, levels) {
+  const [activeLevel, setActiveLevel] = useState(null);
+  useEffect(() => {
+    if (!editor) return;
+    const handleUpdate = () => {
+      const found = levels.find(
+        (level) => editor.isActive("heading", { level })
+      );
+      setActiveLevel(found ?? null);
+    };
+    handleUpdate();
+    editor.on("selectionUpdate", handleUpdate);
+    editor.on("transaction", handleUpdate);
+    return () => {
+      editor.off("selectionUpdate", handleUpdate);
+      editor.off("transaction", handleUpdate);
+    };
+  }, [editor, levels]);
+  return activeLevel;
+}
+function getHeadingTriggerIcon(activeLevel) {
+  if (activeLevel === null) return Heading;
+  return headingIcons[activeLevel];
+}
+export {
+  getHeadingTriggerIcon,
+  useActiveHeadingLevel,
+  useHeading
+};
+//# sourceMappingURL=use-heading.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/heading-dropdown-menu/use-heading.ts"],"sourcesContent":["import { Heading, Heading1, Heading2, Heading3, Heading4 } from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport type { Editor } from '@tiptap/core';\nimport type { LucideIcon } from 'lucide-react';\n\nexport type HeadingLevel = 1 | 2 | 3 | 4;\n\ntype IconComponent = LucideIcon;\n\nconst headingIcons: Record<HeadingLevel, IconComponent> = {\n\t1: Heading1,\n\t2: Heading2,\n\t3: Heading3,\n\t4: Heading4\n};\n\nconst headingLabels: Record<HeadingLevel, string> = {\n\t1: 'Heading 1',\n\t2: 'Heading 2',\n\t3: 'Heading 3',\n\t4: 'Heading 4'\n};\n\nfunction canToggleHeading(editor: Editor | null, level: HeadingLevel): boolean {\n\tif (!editor || !editor.isEditable) return false;\n\n\treturn (\n\t\teditor.can().setNode('heading', { level }) || editor.can().clearNodes()\n\t);\n}\n\nexport function useHeading({\n\teditor,\n\tlevel\n}: {\n\teditor: Editor | null;\n\tlevel: HeadingLevel;\n}) {\n\tconst [isActive, setIsActive] = useState(false);\n\tconst [canToggle, setCanToggle] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst handleUpdate = () => {\n\t\t\tsetIsActive(editor.isActive('heading', { level }));\n\t\t\tsetCanToggle(canToggleHeading(editor, level));\n\t\t};\n\n\t\thandleUpdate();\n\n\t\teditor.on('selectionUpdate', handleUpdate);\n\t\teditor.on('transaction', handleUpdate);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', handleUpdate);\n\t\t\teditor.off('transaction', handleUpdate);\n\t\t};\n\t}, [editor, level]);\n\n\tconst handleToggle = useCallback(() => {\n\t\tif (!editor || !editor.isEditable) return false;\n\n\t\tif (editor.isActive('heading', { level })) {\n\t\t\treturn editor.chain().focus().setNode('paragraph').run();\n\t\t}\n\n\t\t// clearNodes first to convert any block type to paragraph,\n\t\t// then set heading\n\t\treturn editor\n\t\t\t.chain()\n\t\t\t.focus()\n\t\t\t.clearNodes()\n\t\t\t.setNode('heading', { level })\n\t\t\t.run();\n\t}, [editor, level]);\n\n\treturn {\n\t\tisActive,\n\t\tcanToggle,\n\t\thandleToggle,\n\t\tlabel: headingLabels[level],\n\t\tIcon: headingIcons[level]\n\t};\n}\n\nexport function useActiveHeadingLevel(\n\teditor: Editor | null,\n\tlevels: HeadingLevel[]\n): HeadingLevel | null {\n\tconst [activeLevel, setActiveLevel] = useState<HeadingLevel | null>(null);\n\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\n\t\tconst handleUpdate = () => {\n\t\t\tconst found = levels.find((level) =>\n\t\t\t\teditor.isActive('heading', { level })\n\t\t\t);\n\n\t\t\tsetActiveLevel(found ?? null);\n\t\t};\n\n\t\thandleUpdate();\n\n\t\teditor.on('selectionUpdate', handleUpdate);\n\t\teditor.on('transaction', handleUpdate);\n\n\t\treturn () => {\n\t\t\teditor.off('selectionUpdate', handleUpdate);\n\t\t\teditor.off('transaction', handleUpdate);\n\t\t};\n\t}, [editor, levels]);\n\n\treturn activeLevel;\n}\n\nexport function getHeadingTriggerIcon(\n\tactiveLevel: HeadingLevel | null\n): IconComponent {\n\tif (activeLevel === null) return Heading;\n\n\treturn headingIcons[activeLevel];\n}\n"],"mappings":"AAAA,SAAS,SAAS,UAAU,UAAU,UAAU,gBAAgB;AAChE,SAAS,aAAa,WAAW,gBAAgB;AASjD,MAAM,eAAoD;AAAA,EACzD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;AAEA,MAAM,gBAA8C;AAAA,EACnD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACJ;AAEA,SAAS,iBAAiB,QAAuB,OAA8B;AAC9E,MAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,SACC,OAAO,IAAI,EAAE,QAAQ,WAAW,EAAE,MAAM,CAAC,KAAK,OAAO,IAAI,EAAE,WAAW;AAExE;AAEO,SAAS,WAAW;AAAA,EAC1B;AAAA,EACA;AACD,GAGG;AACF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,eAAe,MAAM;AAC1B,kBAAY,OAAO,SAAS,WAAW,EAAE,MAAM,CAAC,CAAC;AACjD,mBAAa,iBAAiB,QAAQ,KAAK,CAAC;AAAA,IAC7C;AAEA,iBAAa;AAEb,WAAO,GAAG,mBAAmB,YAAY;AACzC,WAAO,GAAG,eAAe,YAAY;AAErC,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,YAAY;AAC1C,aAAO,IAAI,eAAe,YAAY;AAAA,IACvC;AAAA,EACD,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,QAAM,eAAe,YAAY,MAAM;AACtC,QAAI,CAAC,UAAU,CAAC,OAAO,WAAY,QAAO;AAE1C,QAAI,OAAO,SAAS,WAAW,EAAE,MAAM,CAAC,GAAG;AAC1C,aAAO,OAAO,MAAM,EAAE,MAAM,EAAE,QAAQ,WAAW,EAAE,IAAI;AAAA,IACxD;AAIA,WAAO,OACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,QAAQ,WAAW,EAAE,MAAM,CAAC,EAC5B,IAAI;AAAA,EACP,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,cAAc,KAAK;AAAA,IAC1B,MAAM,aAAa,KAAK;AAAA,EACzB;AACD;AAEO,SAAS,sBACf,QACA,QACsB;AACtB,QAAM,CAAC,aAAa,cAAc,IAAI,SAA8B,IAAI;AAExE,YAAU,MAAM;AACf,QAAI,CAAC,OAAQ;AAEb,UAAM,eAAe,MAAM;AAC1B,YAAM,QAAQ,OAAO;AAAA,QAAK,CAAC,UAC1B,OAAO,SAAS,WAAW,EAAE,MAAM,CAAC;AAAA,MACrC;AAEA,qBAAe,SAAS,IAAI;AAAA,IAC7B;AAEA,iBAAa;AAEb,WAAO,GAAG,mBAAmB,YAAY;AACzC,WAAO,GAAG,eAAe,YAAY;AAErC,WAAO,MAAM;AACZ,aAAO,IAAI,mBAAmB,YAAY;AAC1C,aAAO,IAAI,eAAe,YAAY;AAAA,IACvC;AAAA,EACD,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,SAAO;AACR;AAEO,SAAS,sBACf,aACgB;AAChB,MAAI,gBAAgB,KAAM,QAAO;AAEjC,SAAO,aAAa,WAAW;AAChC;","names":[]}