@xyo-network/react-property 2.36.3 → 2.37.1

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

@@ -0,0 +1,11 @@
+export declare type XyoEventNoun = 'payload' | 'boundwitness' | 'address';
+export declare type XyoEventVerb = 'click';
+export interface XyoEvent {
+    noun: XyoEventNoun;
+    verb: XyoEventVerb;
+    data?: string;
+}
+export declare const useXyoEvent: <T extends HTMLElement>(element: T | null, listen?: ((noun?: XyoEventNoun, verb?: XyoEventVerb, data?: string) => void) | undefined) => {
+    dispatch: (noun: XyoEventNoun, verb: XyoEventVerb, data?: string) => void;
+};
+//# sourceMappingURL=XyoEvent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/XyoEvent.ts"],"names":[],"mappings":"AAEA,oBAAY,YAAY,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,CAAA;AACjE,oBAAY,YAAY,GAAG,OAAO,CAAA;AAElC,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,YAAY,CAAA;IAClB,IAAI,EAAE,YAAY,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,WAAW,+DAA+D,YAAY,SAAS,YAAY,SAAS,MAAM,KAAK,IAAI;qBAkBtH,YAAY,QAAQ,YAAY,SAAS,MAAM;CAMxE,CAAA"}

package/dist/cjs/hooks/XyoEvent.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useXyoEvent = void 0;
+const react_1 = require("react");
+const useXyoEvent = (element, listen) => {
+    (0, react_1.useEffect)(() => {
+        const listenFunction = listen;
+        const func = (event) => {
+            var _a, _b, _c;
+            console.log(`func: ${JSON.stringify(event, null, 2)}`);
+            return listenFunction === null || listenFunction === void 0 ? void 0 : listenFunction((_a = event.detail) === null || _a === void 0 ? void 0 : _a.noun, (_b = event.detail) === null || _b === void 0 ? void 0 : _b.verb, (_c = event.detail) === null || _c === void 0 ? void 0 : _c.data);
+        };
+        if (listenFunction) {
+            console.log('adding listen');
+            element === null || element === void 0 ? void 0 : element.addEventListener('xyo', func, false);
+        }
+        return () => {
+            if (listenFunction && element) {
+                element === null || element === void 0 ? void 0 : element.removeEventListener('xyo', func);
+            }
+        };
+    }, [element, listen]);
+    const dispatch = (noun, verb, data) => {
+        const event = new CustomEvent('xyo', { bubbles: true, cancelable: true, composed: true, detail: { data, noun, verb } });
+        element === null || element === void 0 ? void 0 : element.dispatchEvent(event);
+    };
+    return { dispatch };
+};
+exports.useXyoEvent = useXyoEvent;
+//# sourceMappingURL=XyoEvent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoEvent.js","sourceRoot":"","sources":["../../../src/hooks/XyoEvent.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AAW1B,MAAM,WAAW,GAAG,CAAwB,OAAiB,EAAE,MAA0E,EAAE,EAAE;IAClJ,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,MAAM,CAAA;QAC7B,MAAM,IAAI,GAAG,CAAC,KAAgC,EAAE,EAAE;;YAChD,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;YACtD,OAAO,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,MAAA,KAAK,CAAC,MAAM,0CAAE,IAAI,EAAE,MAAA,KAAK,CAAC,MAAM,0CAAE,IAAI,EAAE,MAAA,KAAK,CAAC,MAAM,0CAAE,IAAI,CAAC,CAAA;QACrF,CAAC,CAAA;QACD,IAAI,cAAc,EAAE;YAClB,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;YAC5B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;SAC9C;QACD,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,IAAI,OAAO,EAAE;gBAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;aAC1C;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAA;IAErB,MAAM,QAAQ,GAAG,CAAC,IAAkB,EAAE,IAAkB,EAAE,IAAa,EAAE,EAAE;QACzE,MAAM,KAAK,GAAG,IAAI,WAAW,CAAW,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;QACjI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,OAAO,EAAE,QAAQ,EAAE,CAAA;AACrB,CAAC,CAAA;AAxBY,QAAA,WAAW,eAwBvB"}

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

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

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

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

package/dist/cjs/hooks/index.js

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

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

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

package/dist/cjs/index.d.ts

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

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

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

package/dist/cjs/index.js

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./hooks"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB"}

package/dist/docs.json

@@ -26,7 +26,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Action.ts",
 							"line": 4,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Action.ts#L4"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Action.ts#L4"
 						}
 					],
 					"type": {
@@ -47,7 +47,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Action.ts",
 							"line": 6,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Action.ts#L6"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Action.ts#L6"
 						}
 					],
 					"type": {
@@ -68,7 +68,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Action.ts",
 							"line": 5,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Action.ts#L5"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Action.ts#L5"
 						}
 					],
 					"type": {
@@ -89,7 +89,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Action.ts",
 							"line": 7,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Action.ts#L7"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Action.ts#L7"
 						}
 					],
 					"type": {
@@ -105,7 +105,7 @@
 									"fileName": "packages/sdk/packages/property/src/components/Action.ts",
 									"line": 7,
 									"character": 12,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Action.ts#L7"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Action.ts#L7"
 								}
 							],
 							"signatures": [
@@ -141,7 +141,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Action.ts",
 					"line": 3,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Action.ts#L3"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Action.ts#L3"
 				}
 			]
 		},
@@ -165,7 +165,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 							"line": 12,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L12"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L12"
 						}
 					],
 					"type": {
@@ -186,7 +186,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 							"line": 10,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L10"
 						}
 					],
 					"type": {
@@ -209,7 +209,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 							"line": 11,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L11"
 						}
 					],
 					"type": {
@@ -230,7 +230,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 							"line": 13,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L13"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L13"
 						}
 					],
 					"type": {
@@ -256,7 +256,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 					"line": 9,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L9"
 				}
 			]
 		},
@@ -4700,7 +4700,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Title.tsx",
 							"line": 14,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Title.tsx#L14"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Title.tsx#L14"
 						}
 					],
 					"type": {
@@ -12390,7 +12390,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Title.tsx",
 							"line": 11,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Title.tsx#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Title.tsx#L11"
 						}
 					],
 					"type": {
@@ -17140,7 +17140,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Title.tsx",
 							"line": 13,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Title.tsx#L13"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Title.tsx#L13"
 						}
 					],
 					"type": {
@@ -17589,7 +17589,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Title.tsx",
 							"line": 10,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Title.tsx#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Title.tsx#L10"
 						}
 					],
 					"type": {
@@ -17612,7 +17612,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Title.tsx",
 							"line": 12,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Title.tsx#L12"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Title.tsx#L12"
 						}
 					],
 					"type": {
@@ -18747,7 +18747,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Title.tsx",
 					"line": 9,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Title.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Title.tsx#L9"
 				}
 			],
 			"extendedTypes": [
@@ -35609,7 +35609,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Value.tsx",
 							"line": 9,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Value.tsx#L9"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Value.tsx#L9"
 						}
 					],
 					"type": {
@@ -36371,7 +36371,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Value.tsx",
 							"line": 7,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Value.tsx#L7"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Value.tsx#L7"
 						}
 					],
 					"type": {
@@ -36394,7 +36394,7 @@
 							"fileName": "packages/sdk/packages/property/src/components/Value.tsx",
 							"line": 6,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Value.tsx#L6"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Value.tsx#L6"
 						}
 					],
 					"type": {
@@ -37226,7 +37226,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Value.tsx",
 					"line": 5,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Value.tsx#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Value.tsx#L5"
 				}
 			],
 			"extendedTypes": [
@@ -37244,6 +37244,93 @@
 				}
 			]
 		},
+		{
+			"id": 812,
+			"name": "XyoEvent",
+			"kind": 256,
+			"kindString": "Interface",
+			"flags": {},
+			"children": [
+				{
+					"id": 815,
+					"name": "data",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {
+						"isOptional": true
+					},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+							"line": 9,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L9"
+						}
+					],
+					"type": {
+						"type": "intrinsic",
+						"name": "string"
+					}
+				},
+				{
+					"id": 813,
+					"name": "noun",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+							"line": 7,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L7"
+						}
+					],
+					"type": {
+						"type": "reference",
+						"id": 810,
+						"name": "XyoEventNoun"
+					}
+				},
+				{
+					"id": 814,
+					"name": "verb",
+					"kind": 1024,
+					"kindString": "Property",
+					"flags": {},
+					"sources": [
+						{
+							"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+							"line": 8,
+							"character": 2,
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L8"
+						}
+					],
+					"type": {
+						"type": "literal",
+						"value": "click"
+					}
+				}
+			],
+			"groups": [
+				{
+					"title": "Properties",
+					"children": [
+						815,
+						813,
+						814
+					]
+				}
+			],
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+					"line": 6,
+					"character": 17,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L6"
+				}
+			]
+		},
 		{
 			"id": 28,
 			"name": "PropertyBoxProps",
@@ -37255,7 +37342,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 					"line": 24,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L24"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L24"
 				}
 			],
 			"type": {
@@ -37294,7 +37381,7 @@
 											"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 											"line": 26,
 											"character": 4,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L26"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L26"
 										}
 									],
 									"type": {
@@ -37316,7 +37403,7 @@
 									"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 									"line": 25,
 									"character": 17,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L25"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L25"
 								}
 							]
 						}
@@ -37335,7 +37422,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 					"line": 16,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L16"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L16"
 				}
 			],
 			"type": {
@@ -37368,7 +37455,7 @@
 											"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 											"line": 17,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L17"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L17"
 										}
 									],
 									"type": {
@@ -37393,7 +37480,7 @@
 											"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 											"line": 20,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L20"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L20"
 										}
 									],
 									"type": {
@@ -37414,7 +37501,7 @@
 											"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 											"line": 18,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L18"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L18"
 										}
 									],
 									"type": {
@@ -37435,7 +37522,7 @@
 											"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 											"line": 21,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L21"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L21"
 										}
 									],
 									"type": {
@@ -37456,7 +37543,7 @@
 											"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 											"line": 19,
 											"character": 2,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L19"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L19"
 										}
 									],
 									"type": {
@@ -37499,7 +37586,7 @@
 									"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 									"line": 16,
 									"character": 57,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L16"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L16"
 								}
 							]
 						}
@@ -37518,7 +37605,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 					"line": 36,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L36"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L36"
 				}
 			],
 			"type": {
@@ -37538,7 +37625,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 					"line": 38,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L38"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L38"
 				}
 			],
 			"type": {
@@ -37577,7 +37664,7 @@
 											"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 											"line": 40,
 											"character": 4,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L40"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L40"
 										}
 									],
 									"type": {
@@ -37599,7 +37686,7 @@
 									"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 									"line": 39,
 									"character": 17,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L39"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L39"
 								}
 							]
 						}
@@ -37618,7 +37705,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 					"line": 43,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L43"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L43"
 				}
 			],
 			"type": {
@@ -37655,7 +37742,7 @@
 											"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 											"line": 45,
 											"character": 4,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L45"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L45"
 										}
 									],
 									"type": {
@@ -37677,7 +37764,7 @@
 									"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 									"line": 44,
 									"character": 15,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L44"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L44"
 								}
 							]
 						}
@@ -37696,7 +37783,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 					"line": 48,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L48"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L48"
 				}
 			],
 			"type": {
@@ -37726,7 +37813,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 					"line": 29,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L29"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L29"
 				}
 			],
 			"type": {
@@ -37763,7 +37850,7 @@
 											"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 											"line": 31,
 											"character": 4,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L31"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L31"
 										}
 									],
 									"type": {
@@ -37785,7 +37872,7 @@
 									"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 									"line": 30,
 									"character": 15,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L30"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L30"
 								}
 							]
 						}
@@ -37804,7 +37891,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Props.tsx",
 					"line": 34,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Props.tsx#L34"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Props.tsx#L34"
 				}
 			],
 			"type": {
@@ -37834,7 +37921,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Title.tsx",
 					"line": 7,
 					"character": 12,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Title.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Title.tsx#L7"
 				}
 			],
 			"type": {
@@ -37851,6 +37938,57 @@
 				]
 			}
 		},
+		{
+			"id": 810,
+			"name": "XyoEventNoun",
+			"kind": 4194304,
+			"kindString": "Type alias",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+					"line": 3,
+					"character": 12,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L3"
+				}
+			],
+			"type": {
+				"type": "union",
+				"types": [
+					{
+						"type": "literal",
+						"value": "payload"
+					},
+					{
+						"type": "literal",
+						"value": "boundwitness"
+					},
+					{
+						"type": "literal",
+						"value": "address"
+					}
+				]
+			}
+		},
+		{
+			"id": 811,
+			"name": "XyoEventVerb",
+			"kind": 4194304,
+			"kindString": "Type alias",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+					"line": 4,
+					"character": 12,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L4"
+				}
+			],
+			"type": {
+				"type": "literal",
+				"value": "click"
+			}
+		},
 		{
 			"id": 12,
 			"name": "Property",
@@ -37862,7 +38000,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Property.tsx",
 					"line": 68,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Property.tsx#L68"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Property.tsx#L68"
 				}
 			],
 			"signatures": [
@@ -37938,7 +38076,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Group.tsx",
 					"line": 42,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Group.tsx#L42"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Group.tsx#L42"
 				}
 			],
 			"signatures": [
@@ -38014,7 +38152,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Title.tsx",
 					"line": 17,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Title.tsx#L17"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Title.tsx#L17"
 				}
 			],
 			"signatures": [
@@ -38090,7 +38228,7 @@
 					"fileName": "packages/sdk/packages/property/src/components/Value.tsx",
 					"line": 12,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/components/Value.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/components/Value.tsx#L12"
 				}
 			],
 			"signatures": [
@@ -38154,6 +38292,262 @@
 					}
 				}
 			]
+		},
+		{
+			"id": 816,
+			"name": "useXyoEvent",
+			"kind": 64,
+			"kindString": "Function",
+			"flags": {},
+			"sources": [
+				{
+					"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+					"line": 12,
+					"character": 13,
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L12"
+				}
+			],
+			"signatures": [
+				{
+					"id": 817,
+					"name": "useXyoEvent",
+					"kind": 4096,
+					"kindString": "Call signature",
+					"flags": {},
+					"typeParameter": [
+						{
+							"id": 818,
+							"name": "T",
+							"kind": 131072,
+							"kindString": "Type parameter",
+							"flags": {},
+							"type": {
+								"type": "reference",
+								"name": "HTMLElement",
+								"qualifiedName": "HTMLElement",
+								"package": "typescript"
+							}
+						}
+					],
+					"parameters": [
+						{
+							"id": 819,
+							"name": "element",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {},
+							"type": {
+								"type": "union",
+								"types": [
+									{
+										"type": "literal",
+										"value": null
+									},
+									{
+										"type": "reference",
+										"id": 818,
+										"name": "T"
+									}
+								]
+							}
+						},
+						{
+							"id": 820,
+							"name": "listen",
+							"kind": 32768,
+							"kindString": "Parameter",
+							"flags": {
+								"isOptional": true
+							},
+							"type": {
+								"type": "reflection",
+								"declaration": {
+									"id": 821,
+									"name": "__type",
+									"kind": 65536,
+									"kindString": "Type literal",
+									"flags": {},
+									"sources": [
+										{
+											"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+											"line": 12,
+											"character": 79,
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L12"
+										}
+									],
+									"signatures": [
+										{
+											"id": 822,
+											"name": "__type",
+											"kind": 4096,
+											"kindString": "Call signature",
+											"flags": {},
+											"parameters": [
+												{
+													"id": 823,
+													"name": "noun",
+													"kind": 32768,
+													"kindString": "Parameter",
+													"flags": {
+														"isOptional": true
+													},
+													"type": {
+														"type": "reference",
+														"id": 810,
+														"name": "XyoEventNoun"
+													}
+												},
+												{
+													"id": 824,
+													"name": "verb",
+													"kind": 32768,
+													"kindString": "Parameter",
+													"flags": {
+														"isOptional": true
+													},
+													"type": {
+														"type": "literal",
+														"value": "click"
+													}
+												},
+												{
+													"id": 825,
+													"name": "data",
+													"kind": 32768,
+													"kindString": "Parameter",
+													"flags": {
+														"isOptional": true
+													},
+													"type": {
+														"type": "intrinsic",
+														"name": "string"
+													}
+												}
+											],
+											"type": {
+												"type": "intrinsic",
+												"name": "void"
+											}
+										}
+									]
+								}
+							}
+						}
+					],
+					"type": {
+						"type": "reflection",
+						"declaration": {
+							"id": 826,
+							"name": "__type",
+							"kind": 65536,
+							"kindString": "Type literal",
+							"flags": {},
+							"children": [
+								{
+									"id": 827,
+									"name": "dispatch",
+									"kind": 1024,
+									"kindString": "Property",
+									"flags": {},
+									"sources": [
+										{
+											"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+											"line": 35,
+											"character": 11,
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L35"
+										}
+									],
+									"type": {
+										"type": "reflection",
+										"declaration": {
+											"id": 828,
+											"name": "__type",
+											"kind": 65536,
+											"kindString": "Type literal",
+											"flags": {},
+											"sources": [
+												{
+													"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+													"line": 30,
+													"character": 19,
+													"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L30"
+												}
+											],
+											"signatures": [
+												{
+													"id": 829,
+													"name": "__type",
+													"kind": 4096,
+													"kindString": "Call signature",
+													"flags": {},
+													"parameters": [
+														{
+															"id": 830,
+															"name": "noun",
+															"kind": 32768,
+															"kindString": "Parameter",
+															"flags": {},
+															"type": {
+																"type": "reference",
+																"id": 810,
+																"name": "XyoEventNoun"
+															}
+														},
+														{
+															"id": 831,
+															"name": "verb",
+															"kind": 32768,
+															"kindString": "Parameter",
+															"flags": {},
+															"type": {
+																"type": "literal",
+																"value": "click"
+															}
+														},
+														{
+															"id": 832,
+															"name": "data",
+															"kind": 32768,
+															"kindString": "Parameter",
+															"flags": {
+																"isOptional": true
+															},
+															"type": {
+																"type": "intrinsic",
+																"name": "string"
+															}
+														}
+													],
+													"type": {
+														"type": "intrinsic",
+														"name": "void"
+													}
+												}
+											]
+										}
+									}
+								}
+							],
+							"groups": [
+								{
+									"title": "Properties",
+									"children": [
+										827
+									]
+								}
+							],
+							"sources": [
+								{
+									"fileName": "packages/sdk/packages/property/src/hooks/XyoEvent.ts",
+									"line": 35,
+									"character": 9,
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/hooks/XyoEvent.ts#L35"
+								}
+							]
+						}
+					}
+				}
+			]
 		}
 	],
 	"groups": [
@@ -38163,7 +38557,8 @@
 				1,
 				16,
 				44,
-				428
+				428,
+				812
 			]
 		},
 		{
@@ -38177,7 +38572,9 @@
 				42,
 				31,
 				34,
-				43
+				43,
+				810,
+				811
 			]
 		},
 		{
@@ -38186,7 +38583,8 @@
 				12,
 				8,
 				424,
-				806
+				806,
+				816
 			]
 		}
 	],
@@ -38195,7 +38593,7 @@
 			"fileName": "packages/sdk/packages/property/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/915e556e/packages/sdk/packages/property/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/0e99a745/packages/sdk/packages/property/src/index.ts#L1"
 		}
 	]
 }

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

@@ -0,0 +1,11 @@
+export declare type XyoEventNoun = 'payload' | 'boundwitness' | 'address';
+export declare type XyoEventVerb = 'click';
+export interface XyoEvent {
+    noun: XyoEventNoun;
+    verb: XyoEventVerb;
+    data?: string;
+}
+export declare const useXyoEvent: <T extends HTMLElement>(element: T | null, listen?: ((noun?: XyoEventNoun, verb?: XyoEventVerb, data?: string) => void) | undefined) => {
+    dispatch: (noun: XyoEventNoun, verb: XyoEventVerb, data?: string) => void;
+};
+//# sourceMappingURL=XyoEvent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/XyoEvent.ts"],"names":[],"mappings":"AAEA,oBAAY,YAAY,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,CAAA;AACjE,oBAAY,YAAY,GAAG,OAAO,CAAA;AAElC,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,YAAY,CAAA;IAClB,IAAI,EAAE,YAAY,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,WAAW,+DAA+D,YAAY,SAAS,YAAY,SAAS,MAAM,KAAK,IAAI;qBAkBtH,YAAY,QAAQ,YAAY,SAAS,MAAM;CAMxE,CAAA"}

package/dist/esm/hooks/XyoEvent.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+export const useXyoEvent = (element, listen) => {
+    useEffect(() => {
+        const listenFunction = listen;
+        const func = (event) => {
+            console.log(`func: ${JSON.stringify(event, null, 2)}`);
+            return listenFunction?.(event.detail?.noun, event.detail?.verb, event.detail?.data);
+        };
+        if (listenFunction) {
+            console.log('adding listen');
+            element?.addEventListener('xyo', func, false);
+        }
+        return () => {
+            if (listenFunction && element) {
+                element?.removeEventListener('xyo', func);
+            }
+        };
+    }, [element, listen]);
+    const dispatch = (noun, verb, data) => {
+        const event = new CustomEvent('xyo', { bubbles: true, cancelable: true, composed: true, detail: { data, noun, verb } });
+        element?.dispatchEvent(event);
+    };
+    return { dispatch };
+};
+//# sourceMappingURL=XyoEvent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"XyoEvent.js","sourceRoot":"","sources":["../../../src/hooks/XyoEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAwB,OAAiB,EAAE,MAA0E,EAAE,EAAE;IAClJ,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,MAAM,CAAA;QAC7B,MAAM,IAAI,GAAG,CAAC,KAAgC,EAAE,EAAE;YAChD,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;YACtD,OAAO,cAAc,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QACrF,CAAC,CAAA;QACD,IAAI,cAAc,EAAE;YAClB,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;YAC5B,OAAO,EAAE,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;SAC9C;QACD,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,IAAI,OAAO,EAAE;gBAC7B,OAAO,EAAE,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;aAC1C;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAA;IAErB,MAAM,QAAQ,GAAG,CAAC,IAAkB,EAAE,IAAkB,EAAE,IAAa,EAAE,EAAE;QACzE,MAAM,KAAK,GAAG,IAAI,WAAW,CAAW,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;QACjI,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,OAAO,EAAE,QAAQ,EAAE,CAAA;AACrB,CAAC,CAAA"}

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

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

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

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

package/dist/esm/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './XyoEvent';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/index.d.ts

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

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

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

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/package.json

@@ -10,11 +10,11 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-button": "^2.14.20",
-    "@xylabs/react-flexbox": "^2.14.20",
-    "@xylabs/react-identicon": "^2.14.20",
-    "@xylabs/react-quick-tip-button": "^2.14.20",
-    "@xyo-network/react-shared": "^2.36.3",
+    "@xylabs/react-button": "^2.15.0",
+    "@xylabs/react-flexbox": "^2.15.0",
+    "@xylabs/react-identicon": "^2.15.0",
+    "@xylabs/react-quick-tip-button": "^2.15.0",
+    "@xyo-network/react-shared": "^2.37.1",
     "tslib": "^2.4.0"
   },
   "peerDependencies": {
@@ -26,7 +26,7 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@xyo-network/typeof": "^2.35.0"
+    "@xyo-network/typeof": "^2.36.0"
   },
   "description": "Common React library for all XYO projects that use React",
   "browser": "dist/esm/index.js",
@@ -71,5 +71,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.36.3"
+  "version": "2.37.1"
 }

package/src/hooks/XyoEvent.ts

@@ -0,0 +1,36 @@
+import { useEffect } from 'react'
+
+export type XyoEventNoun = 'payload' | 'boundwitness' | 'address'
+export type XyoEventVerb = 'click'
+
+export interface XyoEvent {
+  noun: XyoEventNoun
+  verb: XyoEventVerb
+  data?: string
+}
+
+export const useXyoEvent = <T extends HTMLElement>(element: T | null, listen?: (noun?: XyoEventNoun, verb?: XyoEventVerb, data?: string) => void) => {
+  useEffect(() => {
+    const listenFunction = listen
+    const func = (event: CustomEventInit<XyoEvent>) => {
+      console.log(`func: ${JSON.stringify(event, null, 2)}`)
+      return listenFunction?.(event.detail?.noun, event.detail?.verb, event.detail?.data)
+    }
+    if (listenFunction) {
+      console.log('adding listen')
+      element?.addEventListener('xyo', func, false)
+    }
+    return () => {
+      if (listenFunction && element) {
+        element?.removeEventListener('xyo', func)
+      }
+    }
+  }, [element, listen])
+
+  const dispatch = (noun: XyoEventNoun, verb: XyoEventVerb, data?: string) => {
+    const event = new CustomEvent<XyoEvent>('xyo', { bubbles: true, cancelable: true, composed: true, detail: { data, noun, verb } })
+    element?.dispatchEvent(event)
+  }
+
+  return { dispatch }
+}

package/src/hooks/index.ts

@@ -0,0 +1 @@
+export * from './XyoEvent'

package/src/index.ts

@@ -1 +1,2 @@
 export * from './components'
+export * from './hooks'