@xyo-network/react-event 2.37.27 → 2.37.29

package/dist/cjs/hooks/index.d.ts

@@ -1,2 +1,3 @@
+export * from './useCustomEvent';
 export * from './useXyoEvent';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA"}

package/dist/cjs/hooks/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useCustomEvent"), exports);
 tslib_1.__exportStar(require("./useXyoEvent"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC;AAChC,wDAA6B"}

package/dist/cjs/hooks/useCustomEvent.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from 'react';
 export declare type CustomEventDispatch<T = unknown> = (detail: T) => boolean | void;
-export declare const useCustomEvent: <TElement extends HTMLElement, TDetail = unknown>(type: string, listener?: CustomEventDispatch<TDetail> | undefined) => [RefObject<TElement>, CustomEventDispatch<TDetail>];
+export declare const useCustomEvent: <TElement extends HTMLElement, TDetail = unknown>(type: string, listener?: CustomEventDispatch<TDetail> | undefined, customRef?: RefObject<TElement> | undefined) => [RefObject<TElement>, CustomEventDispatch<TDetail>];
 //# sourceMappingURL=useCustomEvent.d.ts.map

package/dist/cjs/hooks/useCustomEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCustomEvent.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAa,MAAM,OAAO,CAAA;AAEvD,oBAAY,mBAAmB,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,GAAG,IAAI,CAAA;AAE5E,eAAO,MAAM,cAAc,0DACnB,MAAM,6GAoCb,CAAA"}
+{"version":3,"file":"useCustomEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCustomEvent.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAa,MAAM,OAAO,CAAA;AAEvD,oBAAY,mBAAmB,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,GAAG,IAAI,CAAA;AAE5E,eAAO,MAAM,cAAc,0DACnB,MAAM,0JAqCb,CAAA"}

package/dist/cjs/hooks/useCustomEvent.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCustomEvent = void 0;
 const assert_1 = require("@xylabs/assert");
 const react_1 = require("react");
-const useCustomEvent = (type, listener) => {
-    const ref = (0, react_1.createRef)();
+const useCustomEvent = (type, listener, customRef) => {
+    const ref = customRef !== null && customRef !== void 0 ? customRef : (0, react_1.createRef)();
     (0, react_1.useEffect)(() => {
         const element = ref === null || ref === void 0 ? void 0 : ref.current;
         const currentListener = listener;

package/dist/cjs/hooks/useCustomEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomEvent.js","sourceRoot":"","sources":["../../../src/hooks/useCustomEvent.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AACzC,iCAAuD;AAIhD,MAAM,cAAc,GAAG,CAC5B,IAAY,EACZ,QAAuC,EACc,EAAE;IACvD,MAAM,GAAG,GAAG,IAAA,iBAAS,GAAY,CAAA;IACjC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAA;QAC5B,MAAM,eAAe,GAAG,QAAQ,CAAA;QAChC,MAAM,OAAO,GAAG,eAAe;YAC7B,CAAC,CAAC,CAAC,KAAuC,EAAE,EAAE;gBAC1C,MAAM,MAAM,GAAG,IAAA,iBAAQ,EAAC,KAAK,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAA;gBAChE,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;gBACpC,IAAI,IAAI,EAAE;oBACR,KAAK,CAAC,eAAe,EAAE,CAAA;iBACxB;YACH,CAAC;YACH,CAAC,CAAC,SAAS,CAAA;QAEb,IAAI,OAAO,IAAI,OAAO,EAAE;YACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACzC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,IAAI,OAAO,EAAE;gBACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;aAC5C;QACH,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,MAAM,QAAQ,GAAiC,CAAC,MAAgB,EAAE,EAAE;;QAClE,MAAM,KAAK,GAAG,IAAI,WAAW,CAAU,IAAI,EAAE;YAC3C,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,IAAI;YACd,MAAM;SACP,CAAC,CAAA;QACF,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC,CAAA;IACD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACxB,CAAC,CAAA;AArCY,QAAA,cAAc,kBAqC1B"}
+{"version":3,"file":"useCustomEvent.js","sourceRoot":"","sources":["../../../src/hooks/useCustomEvent.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AACzC,iCAAuD;AAIhD,MAAM,cAAc,GAAG,CAC5B,IAAY,EACZ,QAAuC,EACvC,SAA+B,EACsB,EAAE;IACvD,MAAM,GAAG,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAA,iBAAS,GAAY,CAAA;IAC9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAA;QAC5B,MAAM,eAAe,GAAG,QAAQ,CAAA;QAChC,MAAM,OAAO,GAAG,eAAe;YAC7B,CAAC,CAAC,CAAC,KAAuC,EAAE,EAAE;gBAC1C,MAAM,MAAM,GAAG,IAAA,iBAAQ,EAAC,KAAK,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAA;gBAChE,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;gBACpC,IAAI,IAAI,EAAE;oBACR,KAAK,CAAC,eAAe,EAAE,CAAA;iBACxB;YACH,CAAC;YACH,CAAC,CAAC,SAAS,CAAA;QAEb,IAAI,OAAO,IAAI,OAAO,EAAE;YACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACzC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,IAAI,OAAO,EAAE;gBACtB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;aAC5C;QACH,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,MAAM,QAAQ,GAAiC,CAAC,MAAgB,EAAE,EAAE;;QAClE,MAAM,KAAK,GAAG,IAAI,WAAW,CAAU,IAAI,EAAE;YAC3C,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,IAAI;YACd,MAAM;SACP,CAAC,CAAA;QACF,MAAA,GAAG,CAAC,OAAO,0CAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC,CAAA;IACD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACxB,CAAC,CAAA;AAtCY,QAAA,cAAc,kBAsC1B"}

package/dist/cjs/hooks/useXyoEvent.d.ts

@@ -7,5 +7,5 @@ export interface XyoEvent<TNoun = XyoEventNoun, TVerb = XyoEventVerb, TData = st
     data?: TData;
 }
 export declare type XyoEventDispatch<TNoun = XyoEventNoun, TVerb = XyoEventVerb, TData = string> = (noun: TNoun, verb: TVerb, data?: TData) => boolean | void;
-export declare const useXyoEvent: <T extends HTMLElement, TNoun = XyoEventNoun, TVerb = "click", TData = string>(listener?: XyoEventDispatch<TNoun, TVerb, TData> | undefined) => [RefObject<T>, XyoEventDispatch<TNoun, TVerb, TData>];
+export declare const useXyoEvent: <T extends HTMLElement, TNoun = XyoEventNoun, TVerb = "click", TData = string>(listener?: XyoEventDispatch<TNoun, TVerb, TData> | undefined, sharableRef?: RefObject<T> | undefined) => [RefObject<T>, XyoEventDispatch<TNoun, TVerb, TData>];
 //# sourceMappingURL=useXyoEvent.d.ts.map

package/dist/cjs/hooks/useXyoEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useXyoEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useXyoEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,oBAAY,YAAY,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,CAAA;AACjE,oBAAY,YAAY,GAAG,OAAO,CAAA;AAElC,MAAM,WAAW,QAAQ,CAAC,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,MAAM;IAClF,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED,oBAAY,gBAAgB,CAAC,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,KAAK,KAAK,OAAO,GAAG,IAAI,CAAA;AAErJ,eAAO,MAAM,WAAW,uMAgBvB,CAAA"}
+{"version":3,"file":"useXyoEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useXyoEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,oBAAY,YAAY,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,CAAA;AACjE,oBAAY,YAAY,GAAG,OAAO,CAAA;AAElC,MAAM,WAAW,QAAQ,CAAC,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,MAAM;IAClF,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED,oBAAY,gBAAgB,CAAC,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,KAAK,KAAK,OAAO,GAAG,IAAI,CAAA;AAErJ,eAAO,MAAM,WAAW,+OAkBvB,CAAA"}

package/dist/cjs/hooks/useXyoEvent.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useXyoEvent = void 0;
 const useCustomEvent_1 = require("./useCustomEvent");
-const useXyoEvent = (listener) => {
+const useXyoEvent = (listener, sharableRef) => {
     const [ref, customDispatch] = (0, useCustomEvent_1.useCustomEvent)('xyo', listener
         ? (detail) => {
             return listener(detail.noun, detail.verb, detail.data);
         }
-        : undefined);
+        : undefined, sharableRef);
     const dispatch = (noun, verb, data) => {
         return customDispatch({ data, noun, verb });
     };

package/dist/cjs/hooks/useXyoEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useXyoEvent.js","sourceRoot":"","sources":["../../../src/hooks/useXyoEvent.ts"],"names":[],"mappings":";;;AAEA,qDAAiD;AAa1C,MAAM,WAAW,GAAG,CACzB,QAAgD,EACO,EAAE;IACzD,MAAM,CAAC,GAAG,EAAE,cAAc,CAAC,GAAG,IAAA,+BAAc,EAC1C,KAAK,EACL,QAAQ;QACN,CAAC,CAAC,CAAC,MAAqC,EAAE,EAAE;YACxC,OAAO,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;QACxD,CAAC;QACH,CAAC,CAAC,SAAS,CACd,CAAA;IAED,MAAM,QAAQ,GAA0C,CAAC,IAAW,EAAE,IAAW,EAAE,IAAY,EAAE,EAAE;QACjG,OAAO,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAC7C,CAAC,CAAA;IACD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACxB,CAAC,CAAA;AAhBY,QAAA,WAAW,eAgBvB"}
+{"version":3,"file":"useXyoEvent.js","sourceRoot":"","sources":["../../../src/hooks/useXyoEvent.ts"],"names":[],"mappings":";;;AAEA,qDAAiD;AAa1C,MAAM,WAAW,GAAG,CACzB,QAAgD,EAChD,WAA0B,EAC6B,EAAE;IACzD,MAAM,CAAC,GAAG,EAAE,cAAc,CAAC,GAAG,IAAA,+BAAc,EAC1C,KAAK,EACL,QAAQ;QACN,CAAC,CAAC,CAAC,MAAqC,EAAE,EAAE;YACxC,OAAO,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;QACxD,CAAC;QACH,CAAC,CAAC,SAAS,EACb,WAAW,CACZ,CAAA;IAED,MAAM,QAAQ,GAA0C,CAAC,IAAW,EAAE,IAAW,EAAE,IAAY,EAAE,EAAE;QACjG,OAAO,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAC7C,CAAC,CAAA;IACD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACxB,CAAC,CAAA;AAlBY,QAAA,WAAW,eAkBvB"}

package/dist/docs.json

@@ -7,14 +7,14 @@
 	"originalName": "",
 	"children": [
 		{
-			"id": 3,
+			"id": 15,
 			"name": "XyoEvent",
 			"kind": 256,
 			"kindString": "Interface",
 			"flags": {},
 			"children": [
 				{
-					"id": 6,
+					"id": 18,
 					"name": "data",
 					"kind": 1024,
 					"kindString": "Property",
@@ -26,17 +26,17 @@
 							"fileName": "hooks/useXyoEvent.ts",
 							"line": 11,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L11"
 						}
 					],
 					"type": {
 						"type": "reference",
-						"id": 9,
+						"id": 21,
 						"name": "TData"
 					}
 				},
 				{
-					"id": 4,
+					"id": 16,
 					"name": "noun",
 					"kind": 1024,
 					"kindString": "Property",
@@ -46,17 +46,17 @@
 							"fileName": "hooks/useXyoEvent.ts",
 							"line": 9,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L9"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L9"
 						}
 					],
 					"type": {
 						"type": "reference",
-						"id": 7,
+						"id": 19,
 						"name": "TNoun"
 					}
 				},
 				{
-					"id": 5,
+					"id": 17,
 					"name": "verb",
 					"kind": 1024,
 					"kindString": "Property",
@@ -66,12 +66,12 @@
 							"fileName": "hooks/useXyoEvent.ts",
 							"line": 10,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L10"
 						}
 					],
 					"type": {
 						"type": "reference",
-						"id": 8,
+						"id": 20,
 						"name": "TVerb"
 					}
 				}
@@ -80,9 +80,9 @@
 				{
 					"title": "Properties",
 					"children": [
-						6,
-						4,
-						5
+						18,
+						16,
+						17
 					]
 				}
 			],
@@ -91,36 +91,36 @@
 					"fileName": "hooks/useXyoEvent.ts",
 					"line": 8,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L8"
 				}
 			],
 			"typeParameters": [
 				{
-					"id": 7,
+					"id": 19,
 					"name": "TNoun",
 					"kind": 131072,
 					"kindString": "Type parameter",
 					"flags": {},
 					"default": {
 						"type": "reference",
-						"id": 1,
+						"id": 13,
 						"name": "XyoEventNoun"
 					}
 				},
 				{
-					"id": 8,
+					"id": 20,
 					"name": "TVerb",
 					"kind": 131072,
 					"kindString": "Type parameter",
 					"flags": {},
 					"default": {
 						"type": "reference",
-						"id": 2,
+						"id": 14,
 						"name": "XyoEventVerb"
 					}
 				},
 				{
-					"id": 9,
+					"id": 21,
 					"name": "TData",
 					"kind": 131072,
 					"kindString": "Type parameter",
@@ -133,7 +133,89 @@
 			]
 		},
 		{
-			"id": 10,
+			"id": 1,
+			"name": "CustomEventDispatch",
+			"kind": 4194304,
+			"kindString": "Type alias",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "hooks/useCustomEvent.ts",
+					"line": 4,
+					"character": 12,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useCustomEvent.ts#L4"
+				}
+			],
+			"typeParameters": [
+				{
+					"id": 5,
+					"name": "T",
+					"kind": 131072,
+					"kindString": "Type parameter",
+					"flags": {},
+					"default": {
+						"type": "intrinsic",
+						"name": "unknown"
+					}
+				}
+			],
+			"type": {
+				"type": "reflection",
+				"declaration": {
+					"id": 2,
+					"name": "__type",
+					"kind": 65536,
+					"kindString": "Type literal",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "hooks/useCustomEvent.ts",
+							"line": 4,
+							"character": 47,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useCustomEvent.ts#L4"
+						}
+					],
+					"signatures": [
+						{
+							"id": 3,
+							"name": "__type",
+							"kind": 4096,
+							"kindString": "Call signature",
+							"flags": {},
+							"parameters": [
+								{
+									"id": 4,
+									"name": "detail",
+									"kind": 32768,
+									"kindString": "Parameter",
+									"flags": {},
+									"type": {
+										"type": "reference",
+										"id": 5,
+										"name": "T"
+									}
+								}
+							],
+							"type": {
+								"type": "union",
+								"types": [
+									{
+										"type": "intrinsic",
+										"name": "boolean"
+									},
+									{
+										"type": "intrinsic",
+										"name": "void"
+									}
+								]
+							}
+						}
+					]
+				}
+			}
+		},
+		{
+			"id": 22,
 			"name": "XyoEventDispatch",
 			"kind": 4194304,
 			"kindString": "Type alias",
@@ -143,36 +225,36 @@
 					"fileName": "hooks/useXyoEvent.ts",
 					"line": 14,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L14"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L14"
 				}
 			],
 			"typeParameters": [
 				{
-					"id": 16,
+					"id": 28,
 					"name": "TNoun",
 					"kind": 131072,
 					"kindString": "Type parameter",
 					"flags": {},
 					"default": {
 						"type": "reference",
-						"id": 1,
+						"id": 13,
 						"name": "XyoEventNoun"
 					}
 				},
 				{
-					"id": 17,
+					"id": 29,
 					"name": "TVerb",
 					"kind": 131072,
 					"kindString": "Type parameter",
 					"flags": {},
 					"default": {
 						"type": "reference",
-						"id": 2,
+						"id": 14,
 						"name": "XyoEventVerb"
 					}
 				},
 				{
-					"id": 18,
+					"id": 30,
 					"name": "TData",
 					"kind": 131072,
 					"kindString": "Type parameter",
@@ -186,7 +268,7 @@
 			"type": {
 				"type": "reflection",
 				"declaration": {
-					"id": 11,
+					"id": 23,
 					"name": "__type",
 					"kind": 65536,
 					"kindString": "Type literal",
@@ -196,43 +278,43 @@
 							"fileName": "hooks/useXyoEvent.ts",
 							"line": 14,
 							"character": 91,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L14"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L14"
 						}
 					],
 					"signatures": [
 						{
-							"id": 12,
+							"id": 24,
 							"name": "__type",
 							"kind": 4096,
 							"kindString": "Call signature",
 							"flags": {},
 							"parameters": [
 								{
-									"id": 13,
+									"id": 25,
 									"name": "noun",
 									"kind": 32768,
 									"kindString": "Parameter",
 									"flags": {},
 									"type": {
 										"type": "reference",
-										"id": 16,
+										"id": 28,
 										"name": "TNoun"
 									}
 								},
 								{
-									"id": 14,
+									"id": 26,
 									"name": "verb",
 									"kind": 32768,
 									"kindString": "Parameter",
 									"flags": {},
 									"type": {
 										"type": "reference",
-										"id": 17,
+										"id": 29,
 										"name": "TVerb"
 									}
 								},
 								{
-									"id": 15,
+									"id": 27,
 									"name": "data",
 									"kind": 32768,
 									"kindString": "Parameter",
@@ -241,7 +323,7 @@
 									},
 									"type": {
 										"type": "reference",
-										"id": 18,
+										"id": 30,
 										"name": "TData"
 									}
 								}
@@ -265,7 +347,7 @@
 			}
 		},
 		{
-			"id": 1,
+			"id": 13,
 			"name": "XyoEventNoun",
 			"kind": 4194304,
 			"kindString": "Type alias",
@@ -275,7 +357,7 @@
 					"fileName": "hooks/useXyoEvent.ts",
 					"line": 5,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L5"
 				}
 			],
 			"type": {
@@ -297,7 +379,7 @@
 			}
 		},
 		{
-			"id": 2,
+			"id": 14,
 			"name": "XyoEventVerb",
 			"kind": 4194304,
 			"kindString": "Type alias",
@@ -307,7 +389,7 @@
 					"fileName": "hooks/useXyoEvent.ts",
 					"line": 6,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L6"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L6"
 				}
 			],
 			"type": {
@@ -316,7 +398,143 @@
 			}
 		},
 		{
-			"id": 19,
+			"id": 6,
+			"name": "useCustomEvent",
+			"kind": 64,
+			"kindString": "Function",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "hooks/useCustomEvent.ts",
+					"line": 6,
+					"character": 13,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useCustomEvent.ts#L6"
+				}
+			],
+			"signatures": [
+				{
+					"id": 7,
+					"name": "useCustomEvent",
+					"kind": 4096,
+					"kindString": "Call signature",
+					"flags": {},
+					"typeParameter": [
+						{
+							"id": 8,
+							"name": "TElement",
+							"kind": 131072,
+							"kindString": "Type parameter",
+							"flags": {},
+							"type": {
+								"type": "reference",
+								"name": "HTMLElement",
+								"qualifiedName": "HTMLElement",
+								"package": "typescript"
+							}
+						},
+						{
+							"id": 9,
+							"name": "TDetail",
+							"kind": 131072,
+							"kindString": "Type parameter",
+							"flags": {},
+							"default": {
+								"type": "intrinsic",
+								"name": "unknown"
+							}
+						}
+					],
+					"parameters": [
+						{
+							"id": 10,
+							"name": "type",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {},
+							"type": {
+								"type": "intrinsic",
+								"name": "string"
+							}
+						},
+						{
+							"id": 11,
+							"name": "listener",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {
+								"isOptional": true
+							},
+							"type": {
+								"type": "reference",
+								"id": 1,
+								"typeArguments": [
+									{
+										"type": "reference",
+										"id": 9,
+										"name": "TDetail"
+									}
+								],
+								"name": "CustomEventDispatch"
+							}
+						},
+						{
+							"id": 12,
+							"name": "customRef",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {
+								"isOptional": true
+							},
+							"type": {
+								"type": "reference",
+								"typeArguments": [
+									{
+										"type": "reference",
+										"id": 8,
+										"name": "TElement"
+									}
+								],
+								"name": "RefObject",
+								"qualifiedName": "React.RefObject",
+								"package": "@types/react"
+							}
+						}
+					],
+					"type": {
+						"type": "tuple",
+						"elements": [
+							{
+								"type": "reference",
+								"typeArguments": [
+									{
+										"type": "reference",
+										"id": 8,
+										"name": "TElement"
+									}
+								],
+								"name": "RefObject",
+								"qualifiedName": "React.RefObject",
+								"package": "@types/react"
+							},
+							{
+								"type": "reference",
+								"id": 1,
+								"typeArguments": [
+									{
+										"type": "reference",
+										"id": 9,
+										"name": "TDetail"
+									}
+								],
+								"name": "CustomEventDispatch"
+							}
+						]
+					}
+				}
+			]
+		},
+		{
+			"id": 31,
 			"name": "useXyoEvent",
 			"kind": 64,
 			"kindString": "Function",
@@ -326,19 +544,19 @@
 					"fileName": "hooks/useXyoEvent.ts",
 					"line": 16,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L16"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/hooks/useXyoEvent.ts#L16"
 				}
 			],
 			"signatures": [
 				{
-					"id": 20,
+					"id": 32,
 					"name": "useXyoEvent",
 					"kind": 4096,
 					"kindString": "Call signature",
 					"flags": {},
 					"typeParameter": [
 						{
-							"id": 21,
+							"id": 33,
 							"name": "T",
 							"kind": 131072,
 							"kindString": "Type parameter",
@@ -351,19 +569,19 @@
 							}
 						},
 						{
-							"id": 22,
+							"id": 34,
 							"name": "TNoun",
 							"kind": 131072,
 							"kindString": "Type parameter",
 							"flags": {},
 							"default": {
 								"type": "reference",
-								"id": 1,
+								"id": 13,
 								"name": "XyoEventNoun"
 							}
 						},
 						{
-							"id": 23,
+							"id": 35,
 							"name": "TVerb",
 							"kind": 131072,
 							"kindString": "Type parameter",
@@ -374,7 +592,7 @@
 							}
 						},
 						{
-							"id": 24,
+							"id": 36,
 							"name": "TData",
 							"kind": 131072,
 							"kindString": "Type parameter",
@@ -387,7 +605,7 @@
 					],
 					"parameters": [
 						{
-							"id": 25,
+							"id": 37,
 							"name": "listener",
 							"kind": 32768,
 							"kindString": "Parameter",
@@ -396,26 +614,48 @@
 							},
 							"type": {
 								"type": "reference",
-								"id": 10,
+								"id": 22,
 								"typeArguments": [
 									{
 										"type": "reference",
-										"id": 22,
+										"id": 34,
 										"name": "TNoun"
 									},
 									{
 										"type": "reference",
-										"id": 23,
+										"id": 35,
 										"name": "TVerb"
 									},
 									{
 										"type": "reference",
-										"id": 24,
+										"id": 36,
 										"name": "TData"
 									}
 								],
 								"name": "XyoEventDispatch"
 							}
+						},
+						{
+							"id": 38,
+							"name": "sharableRef",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {
+								"isOptional": true
+							},
+							"type": {
+								"type": "reference",
+								"typeArguments": [
+									{
+										"type": "reference",
+										"id": 33,
+										"name": "T"
+									}
+								],
+								"name": "RefObject",
+								"qualifiedName": "React.RefObject",
+								"package": "@types/react"
+							}
 						}
 					],
 					"type": {
@@ -426,7 +666,7 @@
 								"typeArguments": [
 									{
 										"type": "reference",
-										"id": 21,
+										"id": 33,
 										"name": "T"
 									}
 								],
@@ -436,21 +676,21 @@
 							},
 							{
 								"type": "reference",
-								"id": 10,
+								"id": 22,
 								"typeArguments": [
 									{
 										"type": "reference",
-										"id": 22,
+										"id": 34,
 										"name": "TNoun"
 									},
 									{
 										"type": "reference",
-										"id": 23,
+										"id": 35,
 										"name": "TVerb"
 									},
 									{
 										"type": "reference",
-										"id": 24,
+										"id": 36,
 										"name": "TData"
 									}
 								],
@@ -466,21 +706,23 @@
 		{
 			"title": "Interfaces",
 			"children": [
-				3
+				15
 			]
 		},
 		{
 			"title": "Type Aliases",
 			"children": [
-				10,
 				1,
-				2
+				22,
+				13,
+				14
 			]
 		},
 		{
 			"title": "Functions",
 			"children": [
-				19
+				6,
+				31
 			]
 		}
 	],
@@ -489,7 +731,7 @@
 			"fileName": "index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/60c26434/packages/sdk/packages/event/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b5ab3949/packages/sdk/packages/event/src/index.ts#L1"
 		}
 	]
 }

package/dist/esm/hooks/index.d.ts

@@ -1,2 +1,3 @@
+export * from './useCustomEvent';
 export * from './useXyoEvent';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA"}

package/dist/esm/hooks/index.js

@@ -1,2 +1,3 @@
+export * from './useCustomEvent';
 export * from './useXyoEvent';
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA"}

package/dist/esm/hooks/useCustomEvent.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from 'react';
 export declare type CustomEventDispatch<T = unknown> = (detail: T) => boolean | void;
-export declare const useCustomEvent: <TElement extends HTMLElement, TDetail = unknown>(type: string, listener?: CustomEventDispatch<TDetail> | undefined) => [RefObject<TElement>, CustomEventDispatch<TDetail>];
+export declare const useCustomEvent: <TElement extends HTMLElement, TDetail = unknown>(type: string, listener?: CustomEventDispatch<TDetail> | undefined, customRef?: RefObject<TElement> | undefined) => [RefObject<TElement>, CustomEventDispatch<TDetail>];
 //# sourceMappingURL=useCustomEvent.d.ts.map

package/dist/esm/hooks/useCustomEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCustomEvent.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAa,MAAM,OAAO,CAAA;AAEvD,oBAAY,mBAAmB,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,GAAG,IAAI,CAAA;AAE5E,eAAO,MAAM,cAAc,0DACnB,MAAM,6GAoCb,CAAA"}
+{"version":3,"file":"useCustomEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCustomEvent.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,SAAS,EAAa,MAAM,OAAO,CAAA;AAEvD,oBAAY,mBAAmB,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,GAAG,IAAI,CAAA;AAE5E,eAAO,MAAM,cAAc,0DACnB,MAAM,0JAqCb,CAAA"}

package/dist/esm/hooks/useCustomEvent.js

@@ -1,7 +1,7 @@
 import { assertEx } from '@xylabs/assert';
 import { createRef, useEffect } from 'react';
-export const useCustomEvent = (type, listener) => {
-    const ref = createRef();
+export const useCustomEvent = (type, listener, customRef) => {
+    const ref = customRef ?? createRef();
     useEffect(() => {
         const element = ref?.current;
         const currentListener = listener;

package/dist/esm/hooks/useCustomEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCustomEvent.js","sourceRoot":"","sources":["../../../src/hooks/useCustomEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAIvD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAY,EACZ,QAAuC,EACc,EAAE;IACvD,MAAM,GAAG,GAAG,SAAS,EAAY,CAAA;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE,OAAO,CAAA;QAC5B,MAAM,eAAe,GAAG,QAAQ,CAAA;QAChC,MAAM,OAAO,GAAG,eAAe;YAC7B,CAAC,CAAC,CAAC,KAAuC,EAAE,EAAE;gBAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAA;gBAChE,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;gBACpC,IAAI,IAAI,EAAE;oBACR,KAAK,CAAC,eAAe,EAAE,CAAA;iBACxB;YACH,CAAC;YACH,CAAC,CAAC,SAAS,CAAA;QAEb,IAAI,OAAO,IAAI,OAAO,EAAE;YACtB,OAAO,EAAE,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACzC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,IAAI,OAAO,EAAE;gBACtB,OAAO,EAAE,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;aAC5C;QACH,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,MAAM,QAAQ,GAAiC,CAAC,MAAgB,EAAE,EAAE;QAClE,MAAM,KAAK,GAAG,IAAI,WAAW,CAAU,IAAI,EAAE;YAC3C,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,IAAI;YACd,MAAM;SACP,CAAC,CAAA;QACF,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC,CAAA;IACD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"useCustomEvent.js","sourceRoot":"","sources":["../../../src/hooks/useCustomEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAa,SAAS,EAAE,MAAM,OAAO,CAAA;AAIvD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAY,EACZ,QAAuC,EACvC,SAA+B,EACsB,EAAE;IACvD,MAAM,GAAG,GAAG,SAAS,IAAI,SAAS,EAAY,CAAA;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE,OAAO,CAAA;QAC5B,MAAM,eAAe,GAAG,QAAQ,CAAA;QAChC,MAAM,OAAO,GAAG,eAAe;YAC7B,CAAC,CAAC,CAAC,KAAuC,EAAE,EAAE;gBAC1C,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAA;gBAChE,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;gBACpC,IAAI,IAAI,EAAE;oBACR,KAAK,CAAC,eAAe,EAAE,CAAA;iBACxB;YACH,CAAC;YACH,CAAC,CAAC,SAAS,CAAA;QAEb,IAAI,OAAO,IAAI,OAAO,EAAE;YACtB,OAAO,EAAE,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;SACzC;QACD,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,IAAI,OAAO,EAAE;gBACtB,OAAO,EAAE,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;aAC5C;QACH,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,MAAM,QAAQ,GAAiC,CAAC,MAAgB,EAAE,EAAE;QAClE,MAAM,KAAK,GAAG,IAAI,WAAW,CAAU,IAAI,EAAE;YAC3C,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,IAAI;YACd,MAAM;SACP,CAAC,CAAA;QACF,GAAG,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC,CAAA;IACD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACxB,CAAC,CAAA"}

package/dist/esm/hooks/useXyoEvent.d.ts

@@ -7,5 +7,5 @@ export interface XyoEvent<TNoun = XyoEventNoun, TVerb = XyoEventVerb, TData = st
     data?: TData;
 }
 export declare type XyoEventDispatch<TNoun = XyoEventNoun, TVerb = XyoEventVerb, TData = string> = (noun: TNoun, verb: TVerb, data?: TData) => boolean | void;
-export declare const useXyoEvent: <T extends HTMLElement, TNoun = XyoEventNoun, TVerb = "click", TData = string>(listener?: XyoEventDispatch<TNoun, TVerb, TData> | undefined) => [RefObject<T>, XyoEventDispatch<TNoun, TVerb, TData>];
+export declare const useXyoEvent: <T extends HTMLElement, TNoun = XyoEventNoun, TVerb = "click", TData = string>(listener?: XyoEventDispatch<TNoun, TVerb, TData> | undefined, sharableRef?: RefObject<T> | undefined) => [RefObject<T>, XyoEventDispatch<TNoun, TVerb, TData>];
 //# sourceMappingURL=useXyoEvent.d.ts.map

package/dist/esm/hooks/useXyoEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useXyoEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useXyoEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,oBAAY,YAAY,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,CAAA;AACjE,oBAAY,YAAY,GAAG,OAAO,CAAA;AAElC,MAAM,WAAW,QAAQ,CAAC,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,MAAM;IAClF,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED,oBAAY,gBAAgB,CAAC,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,KAAK,KAAK,OAAO,GAAG,IAAI,CAAA;AAErJ,eAAO,MAAM,WAAW,uMAgBvB,CAAA"}
+{"version":3,"file":"useXyoEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useXyoEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,oBAAY,YAAY,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,CAAA;AACjE,oBAAY,YAAY,GAAG,OAAO,CAAA;AAElC,MAAM,WAAW,QAAQ,CAAC,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,MAAM;IAClF,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,EAAE,KAAK,CAAA;IACX,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED,oBAAY,gBAAgB,CAAC,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,YAAY,EAAE,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,KAAK,KAAK,OAAO,GAAG,IAAI,CAAA;AAErJ,eAAO,MAAM,WAAW,+OAkBvB,CAAA"}

package/dist/esm/hooks/useXyoEvent.js

@@ -1,10 +1,10 @@
 import { useCustomEvent } from './useCustomEvent';
-export const useXyoEvent = (listener) => {
+export const useXyoEvent = (listener, sharableRef) => {
     const [ref, customDispatch] = useCustomEvent('xyo', listener
         ? (detail) => {
             return listener(detail.noun, detail.verb, detail.data);
         }
-        : undefined);
+        : undefined, sharableRef);
     const dispatch = (noun, verb, data) => {
         return customDispatch({ data, noun, verb });
     };

package/dist/esm/hooks/useXyoEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useXyoEvent.js","sourceRoot":"","sources":["../../../src/hooks/useXyoEvent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAajD,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,QAAgD,EACO,EAAE;IACzD,MAAM,CAAC,GAAG,EAAE,cAAc,CAAC,GAAG,cAAc,CAC1C,KAAK,EACL,QAAQ;QACN,CAAC,CAAC,CAAC,MAAqC,EAAE,EAAE;YACxC,OAAO,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;QACxD,CAAC;QACH,CAAC,CAAC,SAAS,CACd,CAAA;IAED,MAAM,QAAQ,GAA0C,CAAC,IAAW,EAAE,IAAW,EAAE,IAAY,EAAE,EAAE;QACjG,OAAO,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAC7C,CAAC,CAAA;IACD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACxB,CAAC,CAAA"}
+{"version":3,"file":"useXyoEvent.js","sourceRoot":"","sources":["../../../src/hooks/useXyoEvent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAajD,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,QAAgD,EAChD,WAA0B,EAC6B,EAAE;IACzD,MAAM,CAAC,GAAG,EAAE,cAAc,CAAC,GAAG,cAAc,CAC1C,KAAK,EACL,QAAQ;QACN,CAAC,CAAC,CAAC,MAAqC,EAAE,EAAE;YACxC,OAAO,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;QACxD,CAAC;QACH,CAAC,CAAC,SAAS,EACb,WAAW,CACZ,CAAA;IAED,MAAM,QAAQ,GAA0C,CAAC,IAAW,EAAE,IAAW,EAAE,IAAY,EAAE,EAAE;QACjG,OAAO,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA;IAC7C,CAAC,CAAA;IACD,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACxB,CAAC,CAAA"}

package/package.json

@@ -59,5 +59,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.37.27"
+  "version": "2.37.29"
 }

package/src/hooks/index.ts

@@ -1 +1,2 @@
+export * from './useCustomEvent'
 export * from './useXyoEvent'

package/src/hooks/useCustomEvent.ts

@@ -6,8 +6,9 @@ export type CustomEventDispatch<T = unknown> = (detail: T) => boolean | void
 export const useCustomEvent = <TElement extends HTMLElement, TDetail = unknown>(
   type: string,
   listener?: CustomEventDispatch<TDetail>,
+  customRef?: RefObject<TElement>,
 ): [RefObject<TElement>, CustomEventDispatch<TDetail>] => {
-  const ref = createRef<TElement>()
+  const ref = customRef ?? createRef<TElement>()
   useEffect(() => {
     const element = ref?.current
     const currentListener = listener

package/src/hooks/useXyoEvent.ts

@@ -15,6 +15,7 @@ export type XyoEventDispatch<TNoun = XyoEventNoun, TVerb = XyoEventVerb, TData =
 
 export const useXyoEvent = <T extends HTMLElement, TNoun = XyoEventNoun, TVerb = XyoEventVerb, TData = string>(
   listener?: XyoEventDispatch<TNoun, TVerb, TData>,
+  sharableRef?: RefObject<T>,
 ): [RefObject<T>, XyoEventDispatch<TNoun, TVerb, TData>] => {
   const [ref, customDispatch] = useCustomEvent<T, XyoEvent<TNoun, TVerb, TData>>(
     'xyo',
@@ -23,6 +24,7 @@ export const useXyoEvent = <T extends HTMLElement, TNoun = XyoEventNoun, TVerb =
           return listener(detail.noun, detail.verb, detail.data)
         }
       : undefined,
+    sharableRef,
   )
 
   const dispatch: XyoEventDispatch<TNoun, TVerb, TData> = (noun: TNoun, verb: TVerb, data?: TData) => {