@xyo-network/react-event 7.5.8 → 7.5.11

package/dist/browser/hooks/useEvent.d.ts

@@ -2,9 +2,9 @@ import type { RefObject } from 'react';
 export type EventNoun = 'payload' | 'boundwitness' | 'address' | 'hash' | 'signature' | 'schema';
 export type ExtendEventNoun<Extension extends string | void = void> = Extension extends string ? Extension : EventNoun;
 export type EventVerb = 'click' | 'favorite';
-export type EventData = {
+export interface EventData {
     sourceEvent?: globalThis.Event;
-};
+}
 export interface Event<TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string> {
     data?: TData;
     noun: TNoun;

package/dist/browser/hooks/useEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEvent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;AAChG,MAAM,MAAM,eAAe,CAAC,SAAS,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI,IAAI,SAAS,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAEtH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;AAE5C,MAAM,MAAM,SAAS,GAAG;IAAE,WAAW,CAAC,EAAE,UAAU,CAAC,KAAK,CAAA;CAAE,CAAA;AAE1D,MAAM,WAAW,KAAK,CAAC,KAAK,GAAG,eAAe,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,MAAM;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,KAAK,CAAA;IACX,WAAW,CAAC,EAAE,UAAU,CAAC,KAAK,CAAA;IAC9B,IAAI,EAAE,KAAK,CAAA;CACZ;AAED,MAAM,MAAM,aAAa,CAAC,KAAK,GAAG,eAAe,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,MAAM,IAAI,CACtF,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,KAAK,EACX,IAAI,CAAC,EAAE,KAAK,EACZ,WAAW,CAAC,EAAE,UAAU,CAAC,KAAK,KAC3B,OAAO,GAAG,IAAI,CAAA;AAEnB,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,EAAE,KAAK,GAAG,eAAe,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,MAAM,EACxG,WAAW,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAC7C,cAAc,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,KAChC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAiB1D,CAAA"}
+{"version":3,"file":"useEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEvent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;AAChG,MAAM,MAAM,eAAe,CAAC,SAAS,SAAS,MAAM,GAAG,IAAI,GAAG,IAAI,IAAI,SAAS,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAEtH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;AAE5C,MAAM,WAAW,SAAS;IAAG,WAAW,CAAC,EAAE,UAAU,CAAC,KAAK,CAAA;CAAE;AAE7D,MAAM,WAAW,KAAK,CAAC,KAAK,GAAG,eAAe,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,MAAM;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,KAAK,CAAA;IACX,WAAW,CAAC,EAAE,UAAU,CAAC,KAAK,CAAA;IAC9B,IAAI,EAAE,KAAK,CAAA;CACZ;AAED,MAAM,MAAM,aAAa,CAAC,KAAK,GAAG,eAAe,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,MAAM,IAAI,CACtF,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,KAAK,EACX,IAAI,CAAC,EAAE,KAAK,EACZ,WAAW,CAAC,EAAE,UAAU,CAAC,KAAK,KAC3B,OAAO,GAAG,IAAI,CAAA;AAEnB,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,EAAE,KAAK,GAAG,eAAe,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,GAAG,MAAM,EACxG,WAAW,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EAC7C,cAAc,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,KAChC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAiB1D,CAAA"}

package/dist/browser/index.mjs

@@ -1,10 +1,7 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/hooks/useCustomEvent.ts
 import { assertEx } from "@xylabs/sdk-js";
 import { useEffect, useRef } from "react";
-var useCustomEvent = /* @__PURE__ */ __name((type, listener, customRef) => {
+var useCustomEvent = (type, listener, customRef) => {
   const newRef = useRef(null);
   const ref = customRef ?? newRef;
   useEffect(() => {
@@ -27,7 +24,7 @@ var useCustomEvent = /* @__PURE__ */ __name((type, listener, customRef) => {
       }
     };
   });
-  const dispatch = /* @__PURE__ */ __name((detail, sourceEvent) => {
+  const dispatch = (detail, sourceEvent) => {
     const event = new CustomEvent(type, {
       bubbles: true,
       cancelable: true,
@@ -38,30 +35,28 @@ var useCustomEvent = /* @__PURE__ */ __name((type, listener, customRef) => {
       }
     });
     ref.current?.dispatchEvent(event);
-  }, "dispatch");
-  return [
-    ref,
-    dispatch
-  ];
-}, "useCustomEvent");
+  };
+  return [ref, dispatch];
+};
 
 // src/hooks/useEvent.ts
-var useEvent = /* @__PURE__ */ __name((listener, sharableRef) => {
-  const [ref, customDispatch] = useCustomEvent("xyo", listener ? (detail) => {
-    return listener(detail.noun, detail.verb, detail.data, detail.sourceEvent);
-  } : void 0, sharableRef);
-  const dispatch = /* @__PURE__ */ __name((noun, verb, data, sourceEvent) => {
+var useEvent = (listener, sharableRef) => {
+  const [ref, customDispatch] = useCustomEvent(
+    "xyo",
+    listener ? (detail) => {
+      return listener(detail.noun, detail.verb, detail.data, detail.sourceEvent);
+    } : void 0,
+    sharableRef
+  );
+  const dispatch = (noun, verb, data, sourceEvent) => {
     return customDispatch({
       data,
       noun,
       verb
     }, sourceEvent);
-  }, "dispatch");
-  return [
-    ref,
-    dispatch
-  ];
-}, "useEvent");
+  };
+  return [ref, dispatch];
+};
 export {
   useCustomEvent,
   useEvent

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useCustomEvent.ts","../../src/hooks/useEvent.ts"],"sourcesContent":["import { assertEx } from '@xylabs/sdk-js'\nimport type { RefObject } from 'react'\nimport { useEffect, useRef } from 'react'\n\nexport type CustomEventListener<T = unknown> = (detail: T, event?: Event) => boolean | void\n\nexport const useCustomEvent = <TElement extends HTMLElement, TDetail = unknown>(\n  type: string,\n  listener?: CustomEventListener<TDetail>,\n  customRef?: RefObject<TElement | null>,\n): [RefObject<TElement | null>, CustomEventListener<TDetail>] => {\n  const newRef = useRef<TElement>(null)\n  const ref = customRef ?? newRef\n  useEffect(() => {\n    const element = ref?.current\n    const currentListener = listener\n    const handler\n      = currentListener\n        ? (event: Event) => {\n            const customEvent = event as CustomEvent<TDetail>\n            const detail = assertEx(customEvent.detail, () => 'Event missing detail')\n            const stop = currentListener(detail)\n            if (stop) {\n              event.stopPropagation()\n            }\n          }\n        : undefined\n\n    if (handler && element) {\n      element?.addEventListener(type, handler)\n    }\n    return () => {\n      if (handler && element) {\n        element?.removeEventListener(type, handler)\n      }\n    }\n  })\n  const dispatch: CustomEventListener<TDetail> = (detail?: TDetail, sourceEvent?: Event) => {\n    const event = new CustomEvent<TDetail>(type, {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        ...detail,\n        sourceEvent,\n      } as TDetail,\n    })\n    ref.current?.dispatchEvent(event)\n  }\n  return [ref, dispatch]\n}\n","import type { RefObject } from 'react'\n\nimport { useCustomEvent } from './useCustomEvent.ts'\n\nexport type EventNoun = 'payload' | 'boundwitness' | 'address' | 'hash' | 'signature' | 'schema'\nexport type ExtendEventNoun<Extension extends string | void = void> = Extension extends string ? Extension : EventNoun\n\nexport type EventVerb = 'click' | 'favorite'\n\nexport type EventData = { sourceEvent?: globalThis.Event }\n\nexport interface Event<TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string> {\n  data?: TData\n  noun: TNoun\n  sourceEvent?: globalThis.Event\n  verb: TVerb\n}\n\nexport type EventDispatch<TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string> = (\n  noun: TNoun,\n  verb: TVerb,\n  data?: TData,\n  sourceEvent?: globalThis.Event,\n) => boolean | void\n\nexport const useEvent = <T extends HTMLElement, TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string>(\n  listener?: EventDispatch<TNoun, TVerb, TData>,\n  sharableRef?: RefObject<T | null>,\n): [RefObject<T | null>, EventDispatch<TNoun, TVerb, TData>] => {\n  const [ref, customDispatch] = useCustomEvent<T, Event<TNoun, TVerb, TData>>(\n    'xyo',\n    listener\n      ? (detail: Event<TNoun, TVerb, TData>) => {\n          return listener(detail.noun, detail.verb, detail.data, detail.sourceEvent)\n        }\n      : undefined,\n    sharableRef,\n  )\n\n  const dispatch: EventDispatch<TNoun, TVerb, TData> = (noun: TNoun, verb: TVerb, data?: TData, sourceEvent?: globalThis.Event) => {\n    return customDispatch({\n      data, noun, verb,\n    }, sourceEvent)\n  }\n  return [ref, dispatch]\n}\n"],"mappings":";;;;AAAA,SAASA,gBAAgB;AAEzB,SAASC,WAAWC,cAAc;AAI3B,IAAMC,iBAAiB,wBAC5BC,MACAC,UACAC,cAAAA;AAEA,QAAMC,SAASC,OAAiB,IAAA;AAChC,QAAMC,MAAMH,aAAaC;AACzBG,YAAU,MAAA;AACR,UAAMC,UAAUF,KAAKG;AACrB,UAAMC,kBAAkBR;AACxB,UAAMS,UACFD,kBACE,CAACE,UAAAA;AACC,YAAMC,cAAcD;AACpB,YAAME,SAASC,SAASF,YAAYC,QAAQ,MAAM,sBAAA;AAClD,YAAME,OAAON,gBAAgBI,MAAAA;AAC7B,UAAIE,MAAM;AACRJ,cAAMK,gBAAe;MACvB;IACF,IACAC;AAEN,QAAIP,WAAWH,SAAS;AACtBA,eAASW,iBAAiBlB,MAAMU,OAAAA;IAClC;AACA,WAAO,MAAA;AACL,UAAIA,WAAWH,SAAS;AACtBA,iBAASY,oBAAoBnB,MAAMU,OAAAA;MACrC;IACF;EACF,CAAA;AACA,QAAMU,WAAyC,wBAACP,QAAkBQ,gBAAAA;AAChE,UAAMV,QAAQ,IAAIW,YAAqBtB,MAAM;MAC3CuB,SAAS;MACTC,YAAY;MACZC,UAAU;MACVZ,QAAQ;QACN,GAAGA;QACHQ;MACF;IACF,CAAA;AACAhB,QAAIG,SAASkB,cAAcf,KAAAA;EAC7B,GAX+C;AAY/C,SAAO;IAACN;IAAKe;;AACf,GA5C8B;;;ACmBvB,IAAMO,WAAW,wBACtBC,UACAC,gBAAAA;AAEA,QAAM,CAACC,KAAKC,cAAAA,IAAkBC,eAC5B,OACAJ,WACI,CAACK,WAAAA;AACC,WAAOL,SAASK,OAAOC,MAAMD,OAAOE,MAAMF,OAAOG,MAAMH,OAAOI,WAAW;EAC3E,IACAC,QACJT,WAAAA;AAGF,QAAMU,WAA+C,wBAACL,MAAaC,MAAaC,MAAcC,gBAAAA;AAC5F,WAAON,eAAe;MACpBK;MAAMF;MAAMC;IACd,GAAGE,WAAAA;EACL,GAJqD;AAKrD,SAAO;IAACP;IAAKS;;AACf,GApBwB;","names":["assertEx","useEffect","useRef","useCustomEvent","type","listener","customRef","newRef","useRef","ref","useEffect","element","current","currentListener","handler","event","customEvent","detail","assertEx","stop","stopPropagation","undefined","addEventListener","removeEventListener","dispatch","sourceEvent","CustomEvent","bubbles","cancelable","composed","dispatchEvent","useEvent","listener","sharableRef","ref","customDispatch","useCustomEvent","detail","noun","verb","data","sourceEvent","undefined","dispatch"]}
+{"version":3,"sources":["../../src/hooks/useCustomEvent.ts","../../src/hooks/useEvent.ts"],"sourcesContent":["import { assertEx } from '@xylabs/sdk-js'\nimport type { RefObject } from 'react'\nimport { useEffect, useRef } from 'react'\n\nexport type CustomEventListener<T = unknown> = (detail: T, event?: Event) => boolean | void\n\nexport const useCustomEvent = <TElement extends HTMLElement, TDetail = unknown>(\n  type: string,\n  listener?: CustomEventListener<TDetail>,\n  customRef?: RefObject<TElement | null>,\n): [RefObject<TElement | null>, CustomEventListener<TDetail>] => {\n  const newRef = useRef<TElement>(null)\n  const ref = customRef ?? newRef\n  useEffect(() => {\n    const element = ref?.current\n    const currentListener = listener\n    const handler\n      = currentListener\n        ? (event: Event) => {\n            const customEvent = event as CustomEvent<TDetail>\n            const detail = assertEx(customEvent.detail, () => 'Event missing detail')\n            const stop = currentListener(detail)\n            if (stop) {\n              event.stopPropagation()\n            }\n          }\n        : undefined\n\n    if (handler && element) {\n      element?.addEventListener(type, handler)\n    }\n    return () => {\n      if (handler && element) {\n        element?.removeEventListener(type, handler)\n      }\n    }\n  })\n  const dispatch: CustomEventListener<TDetail> = (detail?: TDetail, sourceEvent?: Event) => {\n    const event = new CustomEvent<TDetail>(type, {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        ...detail,\n        sourceEvent,\n      } as TDetail,\n    })\n    ref.current?.dispatchEvent(event)\n  }\n  return [ref, dispatch]\n}\n","import type { RefObject } from 'react'\n\nimport { useCustomEvent } from './useCustomEvent.ts'\n\nexport type EventNoun = 'payload' | 'boundwitness' | 'address' | 'hash' | 'signature' | 'schema'\nexport type ExtendEventNoun<Extension extends string | void = void> = Extension extends string ? Extension : EventNoun\n\nexport type EventVerb = 'click' | 'favorite'\n\nexport interface EventData { sourceEvent?: globalThis.Event }\n\nexport interface Event<TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string> {\n  data?: TData\n  noun: TNoun\n  sourceEvent?: globalThis.Event\n  verb: TVerb\n}\n\nexport type EventDispatch<TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string> = (\n  noun: TNoun,\n  verb: TVerb,\n  data?: TData,\n  sourceEvent?: globalThis.Event,\n) => boolean | void\n\nexport const useEvent = <T extends HTMLElement, TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string>(\n  listener?: EventDispatch<TNoun, TVerb, TData>,\n  sharableRef?: RefObject<T | null>,\n): [RefObject<T | null>, EventDispatch<TNoun, TVerb, TData>] => {\n  const [ref, customDispatch] = useCustomEvent<T, Event<TNoun, TVerb, TData>>(\n    'xyo',\n    listener\n      ? (detail: Event<TNoun, TVerb, TData>) => {\n          return listener(detail.noun, detail.verb, detail.data, detail.sourceEvent)\n        }\n      : undefined,\n    sharableRef,\n  )\n\n  const dispatch: EventDispatch<TNoun, TVerb, TData> = (noun: TNoun, verb: TVerb, data?: TData, sourceEvent?: globalThis.Event) => {\n    return customDispatch({\n      data, noun, verb,\n    }, sourceEvent)\n  }\n  return [ref, dispatch]\n}\n"],"mappings":";AAAA,SAAS,gBAAgB;AAEzB,SAAS,WAAW,cAAc;AAI3B,IAAM,iBAAiB,CAC5B,MACA,UACA,cAC+D;AAC/D,QAAM,SAAS,OAAiB,IAAI;AACpC,QAAM,MAAM,aAAa;AACzB,YAAU,MAAM;AACd,UAAM,UAAU,KAAK;AACrB,UAAM,kBAAkB;AACxB,UAAM,UACF,kBACE,CAAC,UAAiB;AAChB,YAAM,cAAc;AACpB,YAAM,SAAS,SAAS,YAAY,QAAQ,MAAM,sBAAsB;AACxE,YAAM,OAAO,gBAAgB,MAAM;AACnC,UAAI,MAAM;AACR,cAAM,gBAAgB;AAAA,MACxB;AAAA,IACF,IACA;AAEN,QAAI,WAAW,SAAS;AACtB,eAAS,iBAAiB,MAAM,OAAO;AAAA,IACzC;AACA,WAAO,MAAM;AACX,UAAI,WAAW,SAAS;AACtB,iBAAS,oBAAoB,MAAM,OAAO;AAAA,MAC5C;AAAA,IACF;AAAA,EACF,CAAC;AACD,QAAM,WAAyC,CAAC,QAAkB,gBAAwB;AACxF,UAAM,QAAQ,IAAI,YAAqB,MAAM;AAAA,MAC3C,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AACD,QAAI,SAAS,cAAc,KAAK;AAAA,EAClC;AACA,SAAO,CAAC,KAAK,QAAQ;AACvB;;;ACzBO,IAAM,WAAW,CACtB,UACA,gBAC8D;AAC9D,QAAM,CAAC,KAAK,cAAc,IAAI;AAAA,IAC5B;AAAA,IACA,WACI,CAAC,WAAuC;AACtC,aAAO,SAAS,OAAO,MAAM,OAAO,MAAM,OAAO,MAAM,OAAO,WAAW;AAAA,IAC3E,IACA;AAAA,IACJ;AAAA,EACF;AAEA,QAAM,WAA+C,CAAC,MAAa,MAAa,MAAc,gBAAmC;AAC/H,WAAO,eAAe;AAAA,MACpB;AAAA,MAAM;AAAA,MAAM;AAAA,IACd,GAAG,WAAW;AAAA,EAChB;AACA,SAAO,CAAC,KAAK,QAAQ;AACvB;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-event",
-  "version": "7.5.8",
+  "version": "7.5.11",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,26 +36,50 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
-  "dependencies": {
-    "@xylabs/sdk-js": "~5.0.90"
-  },
   "devDependencies": {
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "typescript": "^5.9.3"
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@types/node": "~25.6.0",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "typescript": "^5.9.3",
+    "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19"
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "pako": "^2.1.0",
+    "react": "^19.2.5",
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/hooks/index.ts

@@ -1,2 +0,0 @@
-export * from './useCustomEvent.ts'
-export * from './useEvent.ts'

package/src/hooks/useCustomEvent.ts

@@ -1,51 +0,0 @@
-import { assertEx } from '@xylabs/sdk-js'
-import type { RefObject } from 'react'
-import { useEffect, useRef } from 'react'
-
-export type CustomEventListener<T = unknown> = (detail: T, event?: Event) => boolean | void
-
-export const useCustomEvent = <TElement extends HTMLElement, TDetail = unknown>(
-  type: string,
-  listener?: CustomEventListener<TDetail>,
-  customRef?: RefObject<TElement | null>,
-): [RefObject<TElement | null>, CustomEventListener<TDetail>] => {
-  const newRef = useRef<TElement>(null)
-  const ref = customRef ?? newRef
-  useEffect(() => {
-    const element = ref?.current
-    const currentListener = listener
-    const handler
-      = currentListener
-        ? (event: Event) => {
-            const customEvent = event as CustomEvent<TDetail>
-            const detail = assertEx(customEvent.detail, () => 'Event missing detail')
-            const stop = currentListener(detail)
-            if (stop) {
-              event.stopPropagation()
-            }
-          }
-        : undefined
-
-    if (handler && element) {
-      element?.addEventListener(type, handler)
-    }
-    return () => {
-      if (handler && element) {
-        element?.removeEventListener(type, handler)
-      }
-    }
-  })
-  const dispatch: CustomEventListener<TDetail> = (detail?: TDetail, sourceEvent?: Event) => {
-    const event = new CustomEvent<TDetail>(type, {
-      bubbles: true,
-      cancelable: true,
-      composed: true,
-      detail: {
-        ...detail,
-        sourceEvent,
-      } as TDetail,
-    })
-    ref.current?.dispatchEvent(event)
-  }
-  return [ref, dispatch]
-}

package/src/hooks/useEvent.ts

@@ -1,46 +0,0 @@
-import type { RefObject } from 'react'
-
-import { useCustomEvent } from './useCustomEvent.ts'
-
-export type EventNoun = 'payload' | 'boundwitness' | 'address' | 'hash' | 'signature' | 'schema'
-export type ExtendEventNoun<Extension extends string | void = void> = Extension extends string ? Extension : EventNoun
-
-export type EventVerb = 'click' | 'favorite'
-
-export type EventData = { sourceEvent?: globalThis.Event }
-
-export interface Event<TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string> {
-  data?: TData
-  noun: TNoun
-  sourceEvent?: globalThis.Event
-  verb: TVerb
-}
-
-export type EventDispatch<TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string> = (
-  noun: TNoun,
-  verb: TVerb,
-  data?: TData,
-  sourceEvent?: globalThis.Event,
-) => boolean | void
-
-export const useEvent = <T extends HTMLElement, TNoun = ExtendEventNoun, TVerb = EventVerb, TData = string>(
-  listener?: EventDispatch<TNoun, TVerb, TData>,
-  sharableRef?: RefObject<T | null>,
-): [RefObject<T | null>, EventDispatch<TNoun, TVerb, TData>] => {
-  const [ref, customDispatch] = useCustomEvent<T, Event<TNoun, TVerb, TData>>(
-    'xyo',
-    listener
-      ? (detail: Event<TNoun, TVerb, TData>) => {
-          return listener(detail.noun, detail.verb, detail.data, detail.sourceEvent)
-        }
-      : undefined,
-    sharableRef,
-  )
-
-  const dispatch: EventDispatch<TNoun, TVerb, TData> = (noun: TNoun, verb: TVerb, data?: TData, sourceEvent?: globalThis.Event) => {
-    return customDispatch({
-      data, noun, verb,
-    }, sourceEvent)
-  }
-  return [ref, dispatch]
-}

package/src/index.ts

@@ -1 +0,0 @@
-export * from './hooks/index.ts'