camox 0.41.0 → 0.42.0

package/dist/core/components/lexical/SidebarLexicalEditor.js

@@ -27,9 +27,9 @@ import { $createTextNode, $getSelection, $isRangeSelection, $setSelection, COMMA
 //#region src/core/components/lexical/SidebarLexicalEditor.tsx
 function EnterAsLineBreakHandler() {
 	const $ = c(4);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -53,9 +53,9 @@ function EnterAsLineBreakHandler() {
 }
 function ExternalStateSync(t0) {
 	const $ = c(6);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const { value, isSyncingRef } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -91,9 +91,9 @@ function ExternalStateSync(t0) {
 }
 function SidebarFloatingTextToolbar() {
 	const $ = c(72);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 72; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const [editor] = useLexicalComposerContext();
 	const [open, setOpen] = React.useState(false);
@@ -518,9 +518,9 @@ function _temp(event_0) {
 }
 function PasteUrlAsLinkHandler() {
 	const $ = c(4);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -571,43 +571,46 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 		timerRef.current = window.setTimeout(flushChange, 300);
 	}, [flushChange]);
 	React.useEffect(() => flushChange, [flushChange]);
-	return /* @__PURE__ */ jsxs(LexicalComposer, {
-		initialConfig: config,
-		children: [
-			/* @__PURE__ */ jsx(RichTextPlugin, {
-				contentEditable: /* @__PURE__ */ jsx(ContentEditable, {
-					id,
-					className: cn(INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, "flex min-h-[80px] w-full px-3 py-2"),
-					onFocus,
-					onBlur: () => {
-						flushChange();
-						onBlur?.();
-					}
+	return /* @__PURE__ */ jsx("div", {
+		className: "w-full min-w-0",
+		children: /* @__PURE__ */ jsxs(LexicalComposer, {
+			initialConfig: config,
+			children: [
+				/* @__PURE__ */ jsx(RichTextPlugin, {
+					contentEditable: /* @__PURE__ */ jsx(ContentEditable, {
+						id,
+						className: cn(INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, "flex min-h-[80px] w-full px-3 py-2"),
+						onFocus,
+						onBlur: () => {
+							flushChange();
+							onBlur?.();
+						}
+					}),
+					ErrorBoundary: LexicalErrorBoundary
+				}),
+				/* @__PURE__ */ jsx(OnChangePlugin, {
+					onChange: handleChange,
+					ignoreSelectionChange: true
 				}),
-				ErrorBoundary: LexicalErrorBoundary
-			}),
-			/* @__PURE__ */ jsx(OnChangePlugin, {
-				onChange: handleChange,
-				ignoreSelectionChange: true
-			}),
-			/* @__PURE__ */ jsx(HistoryPlugin, {}),
-			/* @__PURE__ */ jsx(LinkPlugin, {}),
-			/* @__PURE__ */ jsx(ExternalStateSync, {
-				value,
-				isSyncingRef
-			}),
-			/* @__PURE__ */ jsx(EnterAsLineBreakHandler, {}),
-			/* @__PURE__ */ jsx(PasteUrlAsLinkHandler, {}),
-			/* @__PURE__ */ jsx(SidebarFloatingTextToolbar, {}),
-			/* @__PURE__ */ jsx(InlineStylesPlugin, {})
-		]
+				/* @__PURE__ */ jsx(HistoryPlugin, {}),
+				/* @__PURE__ */ jsx(LinkPlugin, {}),
+				/* @__PURE__ */ jsx(ExternalStateSync, {
+					value,
+					isSyncingRef
+				}),
+				/* @__PURE__ */ jsx(EnterAsLineBreakHandler, {}),
+				/* @__PURE__ */ jsx(PasteUrlAsLinkHandler, {}),
+				/* @__PURE__ */ jsx(SidebarFloatingTextToolbar, {}),
+				/* @__PURE__ */ jsx(InlineStylesPlugin, {})
+			]
+		})
 	});
 }
 function LexicalErrorBoundary(t0) {
 	const $ = c(3);
-	if ($[0] !== "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05") {
+	if ($[0] !== "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "63fce41aab52cd282d26a73e81de9225d7bcf44f37fcaae7c81941ba12aafa05";
+		$[0] = "9099d61d0971934e0ec89e67af10f91e79fcdfcb9a97e7101baf2650b116b54c";
 	}
 	const { children } = t0;
 	let t1;

package/dist/core/createApp.d.ts

@@ -21,9 +21,10 @@ declare function createApp({
       children
     }: {
       children: (props: {
+        "data-camox-comment-block-id"?: number;
         ref: (element: HTMLElement | null) => void;
         style: React.CSSProperties;
-        onClick: (e: React.MouseEvent) => void;
+        onClickCapture: (e: React.MouseEvent) => void;
         onMouseEnter: () => void;
         onMouseLeave: () => void;
       }) => React.ReactNode;
@@ -45,6 +46,7 @@ declare function createApp({
         "data-camox-overlay-mode"?: string;
         onMouseEnter?: (() => void) | undefined;
         onMouseLeave?: (() => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
       }, data: {
         text: string;
       }) => React.ReactNode;
@@ -86,6 +88,7 @@ declare function createApp({
         "data-camox-overlay-mode"?: string;
         onMouseEnter?: (() => void) | undefined;
         onMouseLeave?: (() => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
       }, data: {
         text: string;
         href: string;
@@ -148,6 +151,7 @@ declare function createApp({
             "data-camox-overlay-mode"?: string;
             onMouseEnter?: (() => void) | undefined;
             onMouseLeave?: (() => void) | undefined;
+            onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
           }, data: {
             text: string;
           }) => React.ReactNode;
@@ -175,6 +179,7 @@ declare function createApp({
             "data-camox-overlay-mode"?: string;
             onMouseEnter?: (() => void) | undefined;
             onMouseLeave?: (() => void) | undefined;
+            onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
           }, data: {
             text: string;
             href: string;
@@ -272,6 +277,7 @@ declare function createApp({
                 "data-camox-overlay-mode"?: string;
                 onMouseEnter?: (() => void) | undefined;
                 onMouseLeave?: (() => void) | undefined;
+                onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
               }, data: {
                 text: string;
               }) => React.ReactNode;
@@ -299,6 +305,7 @@ declare function createApp({
                 "data-camox-overlay-mode"?: string;
                 onMouseEnter?: (() => void) | undefined;
                 onMouseLeave?: (() => void) | undefined;
+                onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
               }, data: {
                 text: string;
                 href: string;
@@ -422,9 +429,10 @@ declare function createApp({
       children
     }: {
       children: (props: {
+        "data-camox-comment-block-id"?: number;
         ref: (element: HTMLElement | null) => void;
         style: React.CSSProperties;
-        onClick: (e: React.MouseEvent) => void;
+        onClickCapture: (e: React.MouseEvent) => void;
         onMouseEnter: () => void;
         onMouseLeave: () => void;
       }) => React.ReactNode;
@@ -446,6 +454,7 @@ declare function createApp({
         "data-camox-overlay-mode"?: string;
         onMouseEnter?: (() => void) | undefined;
         onMouseLeave?: (() => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
       }, data: {
         text: string;
       }) => React.ReactNode;
@@ -487,6 +496,7 @@ declare function createApp({
         "data-camox-overlay-mode"?: string;
         onMouseEnter?: (() => void) | undefined;
         onMouseLeave?: (() => void) | undefined;
+        onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
       }, data: {
         text: string;
         href: string;
@@ -549,6 +559,7 @@ declare function createApp({
             "data-camox-overlay-mode"?: string;
             onMouseEnter?: (() => void) | undefined;
             onMouseLeave?: (() => void) | undefined;
+            onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
           }, data: {
             text: string;
           }) => React.ReactNode;
@@ -576,6 +587,7 @@ declare function createApp({
             "data-camox-overlay-mode"?: string;
             onMouseEnter?: (() => void) | undefined;
             onMouseLeave?: (() => void) | undefined;
+            onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
           }, data: {
             text: string;
             href: string;
@@ -673,6 +685,7 @@ declare function createApp({
                 "data-camox-overlay-mode"?: string;
                 onMouseEnter?: (() => void) | undefined;
                 onMouseLeave?: (() => void) | undefined;
+                onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
               }, data: {
                 text: string;
               }) => React.ReactNode;
@@ -700,6 +713,7 @@ declare function createApp({
                 "data-camox-overlay-mode"?: string;
                 onMouseEnter?: (() => void) | undefined;
                 onMouseLeave?: (() => void) | undefined;
+                onClickCapture?: ((event: React.MouseEvent<HTMLElement>) => void) | undefined;
               }, data: {
                 text: string;
                 href: string;

package/dist/core/createBlock.js

@@ -181,9 +181,9 @@ function createViewBlock(options) {
 	};
 	function useAsset(name) {
 		const $ = c(4);
-		if ($[0] !== "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3") {
+		if ($[0] !== "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267") {
 			for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3";
+			$[0] = "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267";
 		}
 		const block = React.use(Context);
 		const item = React.use(RepeaterContext);
@@ -264,9 +264,9 @@ function createViewBlock(options) {
 	};
 	const ImageList = (props) => {
 		const $ = c(3);
-		if ($[0] !== "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3") {
+		if ($[0] !== "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267") {
 			for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3";
+			$[0] = "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267";
 		}
 		let t0;
 		if ($[1] !== props) {
@@ -281,9 +281,9 @@ function createViewBlock(options) {
 	};
 	const FileList = (props) => {
 		const $ = c(3);
-		if ($[0] !== "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3") {
+		if ($[0] !== "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267") {
 			for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3";
+			$[0] = "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267";
 		}
 		let t0;
 		if ($[1] !== props) {
@@ -344,31 +344,17 @@ function createViewBlock(options) {
 		});
 	};
 	const useSetting = (name) => {
-		const $ = c(4);
-		if ($[0] !== "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3") {
-			for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3";
-		}
 		const editingRuntime = useBlockEditingRuntime();
-		if (editingRuntime) {
-			let t0;
-			if ($[1] !== editingRuntime || $[2] !== name) {
-				t0 = editingRuntime.getSetting(options, name);
-				$[1] = editingRuntime;
-				$[2] = name;
-				$[3] = t0;
-			} else t0 = $[3];
-			return t0;
-		}
+		if (editingRuntime) return editingRuntime.useSetting(options, name);
 		const context = React.use(Context);
 		if (!context) throw new Error("useSetting must be used within a Block Component");
 		return context.settings[name];
 	};
 	const Detached = (t0) => {
 		const $ = c(6);
-		if ($[0] !== "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3") {
+		if ($[0] !== "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267") {
 			for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3";
+			$[0] = "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267";
 		}
 		const { children } = t0;
 		const editingRuntime = useBlockEditingRuntime();
@@ -398,9 +384,9 @@ function createViewBlock(options) {
 	};
 	const Component = (props) => {
 		const $ = c(23);
-		if ($[0] !== "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3") {
+		if ($[0] !== "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267") {
 			for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "75b083abefddb3e9610b3a45ef442367d595801379ab6452fc843eed4f8c22a3";
+			$[0] = "2482501ae16e686c6c2d84727ab607bf02513a6bcdd7de7e2f7f973cc1690267";
 		}
 		const editingRuntime = useBlockEditingRuntime();
 		if (editingRuntime) {

package/dist/core/editing/BlockEditingRuntime.js

@@ -6,9 +6,9 @@ import { jsx } from "react/jsx-runtime";
 const BlockEditingRuntimeContext = React.createContext(null);
 function BlockEditingRuntimeProvider(t0) {
 	const $ = c(4);
-	if ($[0] !== "018faf594421b0a35898b0151f09f96da583a27bff230a04b3f1849452dbd5f1") {
+	if ($[0] !== "ad4fc9cc5b1b02b16c68794c8ba79d99d7e878328fdbc5bd08fcf7fbaebb83df") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "018faf594421b0a35898b0151f09f96da583a27bff230a04b3f1849452dbd5f1";
+		$[0] = "ad4fc9cc5b1b02b16c68794c8ba79d99d7e878328fdbc5bd08fcf7fbaebb83df";
 	}
 	const { children, runtime } = t0;
 	let t1;
@@ -25,9 +25,9 @@ function BlockEditingRuntimeProvider(t0) {
 }
 function useBlockEditingRuntime() {
 	const $ = c(1);
-	if ($[0] !== "018faf594421b0a35898b0151f09f96da583a27bff230a04b3f1849452dbd5f1") {
+	if ($[0] !== "ad4fc9cc5b1b02b16c68794c8ba79d99d7e878328fdbc5bd08fcf7fbaebb83df") {
 		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "018faf594421b0a35898b0151f09f96da583a27bff230a04b3f1849452dbd5f1";
+		$[0] = "ad4fc9cc5b1b02b16c68794c8ba79d99d7e878328fdbc5bd08fcf7fbaebb83df";
 	}
 	return React.useContext(BlockEditingRuntimeContext);
 }

package/dist/core/editing/CompleteBlockEditingRuntime.js

@@ -15,9 +15,9 @@ function getEditableDefinition(options) {
 }
 function EditableBlock(t0) {
 	const $ = c(6);
-	if ($[0] !== "1831c7be6bdb574903d92ed788ce4950eb5e960930a89aedad2e2125bc6edd2a") {
+	if ($[0] !== "e1b3ebcb34bc95f5c457074764df3357687300ade86d161e3e1014255268f87d") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "1831c7be6bdb574903d92ed788ce4950eb5e960930a89aedad2e2125bc6edd2a";
+		$[0] = "e1b3ebcb34bc95f5c457074764df3357687300ade86d161e3e1014255268f87d";
 	}
 	const { options, props } = t0;
 	let t1;
@@ -38,7 +38,7 @@ function EditableBlock(t0) {
 	return t3;
 }
 const completeEditingRuntime = {
-	getSetting(options, name) {
+	useSetting(options, name) {
 		return getEditableDefinition(options).useSetting(name);
 	},
 	renderBlock(options, props) {
@@ -55,9 +55,9 @@ const completeEditingRuntime = {
 };
 function CompleteBlockEditingRuntimeProvider(t0) {
 	const $ = c(3);
-	if ($[0] !== "1831c7be6bdb574903d92ed788ce4950eb5e960930a89aedad2e2125bc6edd2a") {
+	if ($[0] !== "e1b3ebcb34bc95f5c457074764df3357687300ade86d161e3e1014255268f87d") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "1831c7be6bdb574903d92ed788ce4950eb5e960930a89aedad2e2125bc6edd2a";
+		$[0] = "e1b3ebcb34bc95f5c457074764df3357687300ade86d161e3e1014255268f87d";
 	}
 	const { children } = t0;
 	let t1;

package/dist/core/editing/createEditableBlock.d.ts

@@ -115,9 +115,10 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
     children
   }: {
     children: (props: {
+      "data-camox-comment-block-id"?: number;
       ref: (element: HTMLElement | null) => void;
       style: React.CSSProperties;
-      onClick: (e: React.MouseEvent) => void;
+      onClickCapture: (e: React.MouseEvent) => void;
       onMouseEnter: () => void;
       onMouseLeave: () => void;
     }) => React.ReactNode;
@@ -171,6 +172,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
       "data-camox-overlay-mode"?: string;
       onMouseEnter?: () => void;
       onMouseLeave?: () => void;
+      onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
     }, data: {
       /** Raw markdown source. Use `props.children` for rendered content. */text: string;
     }) => React.ReactNode;
@@ -260,6 +262,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
       "data-camox-overlay-mode"?: string;
       onMouseEnter?: () => void;
       onMouseLeave?: () => void;
+      onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
     }, data: {
       text: string;
       href: string;
@@ -530,6 +533,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
           "data-camox-overlay-mode"?: string;
           onMouseEnter?: () => void;
           onMouseLeave?: () => void;
+          onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
         }, data: {
           /** Raw markdown source. Use `props.children` for rendered content. */text: string;
         }) => React.ReactNode;
@@ -629,6 +633,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
           "data-camox-overlay-mode"?: string;
           onMouseEnter?: () => void;
           onMouseLeave?: () => void;
+          onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
         }, data: {
           text: string;
           href: string;
@@ -1254,6 +1259,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
               "data-camox-overlay-mode"?: string;
               onMouseEnter?: () => void;
               onMouseLeave?: () => void;
+              onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
             }, data: {
               /** Raw markdown source. Use `props.children` for rendered content. */text: string;
             }) => React.ReactNode;
@@ -1281,6 +1287,7 @@ declare function createEditableBlock<TSchemaShape extends Record<string, TSchema
               "data-camox-overlay-mode"?: string;
               onMouseEnter?: () => void;
               onMouseLeave?: () => void;
+              onClickCapture?: (event: React.MouseEvent<HTMLElement>) => void;
             }, data: {
               text: string;
               href: string;