mono-jsx 0.0.0-alpha.2 → 0.0.0-alpha.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mono-jsx",
-  "version": "0.0.0-alpha.2",
+  "version": "0.0.0-alpha.4",
   "description": "A _WIP_ Project",
   "type": "module",
   "main": "./jsx.mjs",

package/types/html.d.ts

@@ -88,11 +88,18 @@ export namespace HTML {
      * - `no`, which indicates that the element will not be translated.
      */
     translate?: "yes" | "no";
-    /** Used to designate an element as a popover element (see [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)). */
+    /**
+     * Used to designate an element as a popover element.
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Popover_API */
     popover?: boolean;
+    /**
+     * The `popovertarget` attribute is used to designate an element as a popover target element.
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Popover_API.
+     */
+    popovertarget?: string;
     /** A space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the [`::part`](https://developer.mozilla.org/en-US/docs/Web/CSS/::part) pseudo-element. */
     part?: string;
-    /** The `slot` global attribute assigns a slot in a [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM) shadow tree to an element: An element with a `slot` attribute is assigned to the slot created by the `<slot>` element whose name attribute's value matches that slot attribute's value. */
+    /** The `slot` attribute assigns a slot in a [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM) shadow tree to an element: An element with a `slot` attribute is assigned to the slot created by the `<slot>` element whose name attribute's value matches that slot attribute's value. */
     solt?: string;
     /** Allows you to specify that a standard HTML element should behave like a registered custom built-in element (see [Using custom elements](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements) for more details). */
     is?: string;
@@ -853,7 +860,37 @@ export namespace HTML {
     onErrorCapture?: EventHandler<Event, T>;
   }
 
+  type a_z =
+    | "a"
+    | "b"
+    | "c"
+    | "d"
+    | "e"
+    | "f"
+    | "g"
+    | "h"
+    | "i"
+    | "j"
+    | "k"
+    | "l"
+    | "m"
+    | "n"
+    | "o"
+    | "p"
+    | "q"
+    | "r"
+    | "s"
+    | "t"
+    | "u"
+    | "v"
+    | "w"
+    | "x"
+    | "y"
+    | "z";
+
   interface EventAttributes<T extends EventTarget> {
+    [key: `on${a_z}${string}`]: string;
+
     // Input Events when using `contentEditable`
     onBeforeInput?: EventHandler<Event, T>;
     onBeforeInputCapture?: EventHandler<Event, T>;

package/types/jsx.d.ts

@@ -19,7 +19,7 @@ export type VNode =
 export type PropsWithChildren<P extends Record<string, any> = {}> = P & { children?: Child[] };
 
 export interface FC<P = PropsWithChildren<{}>> {
-  (props: P): VNode | null | Promise<VNode | null> | Generator<VNode> | AsyncGenerator<VNode>;
+  (props: P): Child | Promise<ChildType | ChildType[]>;
   displayName?: string;
   rendering?: "eager" | "lazy" | (string | {});
 }