solid-js 1.9.1 → 1.9.3

package/README.md

@@ -12,7 +12,7 @@
 
 **[Website](https://www.solidjs.com/) • [API Docs](https://docs.solidjs.com/) • [Features Tutorial](https://www.solidjs.com/tutorial/introduction_basics) • [Playground](https://playground.solidjs.com/?version=1.3.13#NobwRAdghgtgpmAXGGUCWEwBowBcCeADgsrgM4Ae2YZA9gK4BOAxiWGjIbY7gAQi9GcCABM4jXgF9eAM0a0YvADo1aAGzQiAtACsyAegDucAEYqA3EogcuPfr2ZCouOAGU0Ac2hqps+YpU6DW09CysrGXoIZlw0WgheAGEGCBdGAAoASn4rXgd4sj5gZhTcLF4yOFxkqNwAXV4AXgcnF3cvKDV0gAZMywT8iELeDEc4eFSm3iymgD4KqprU9JLamYBqXgBGPvCBoVwmBPTcvN4AHhN6XFx43gJiRpUrm-iVXnjEjWYAa0aQUZCCa4SSzU5nfirZaZSTgi76F63CBgga7CCwiBWISicTpGaNebnJZpXj6WblES0Zj0YEAOg8VQAompxsJcAAhfAASREJzAUEIhBUmTRYEkdSAA) • [Discord](https://discord.com/invite/solidjs)**
 
-Solid is a declarative JavaScript library for creating user interfaces. Instead of using a Virtual DOM, it compiles its templates to real DOM nodes and updates them with fine-grained reactions. Declare your state and use it throughout your app, and when a piece of state changes, only the code that depends on it will rerun. Check out our [intro video](https://www.youtube.com/watch?v=J70HXl1KhWE&ab_channel=SolidJS) or read on!
+Solid is a declarative JavaScript library for creating user interfaces. Instead of using a Virtual DOM, it compiles its templates to real DOM nodes and updates them with fine-grained reactions. Declare your state and use it throughout your app, and when a piece of state changes, only the code that depends on it will rerun. Check out our [intro video](https://www.youtube.com/watch?v=cELFZQAMdhQ) or read on!
 
 ## Key Features
 

package/dist/dev.cjs

@@ -289,7 +289,7 @@ function createResource(pSource, pFetcher, pOptions) {
     id = null,
     loadedUnderTransition = false,
     scheduled = false,
-    resolved = ("initialValue" in options),
+    resolved = "initialValue" in options,
     dynamic = typeof source === "function" && createMemo(source);
   const contexts = new Set(),
     [value, setValue] = (options.storage || createSignal)(options.initialValue),

package/dist/solid.cjs

@@ -271,7 +271,7 @@ function createResource(pSource, pFetcher, pOptions) {
     id = null,
     loadedUnderTransition = false,
     scheduled = false,
-    resolved = ("initialValue" in options),
+    resolved = "initialValue" in options,
     dynamic = typeof source === "function" && createMemo(source);
   const contexts = new Set(),
     [value, setValue] = (options.storage || createSignal)(options.initialValue),

package/h/jsx-runtime/types/jsx.d.ts

@@ -62,7 +62,7 @@ export namespace JSX {
     ) => void;
   }
 
-  type CustomEventHandlerUnion<T, E extends Event> =
+  type EventHandlerWithOptionsUnion<T, E extends Event> =
     | EventHandler<T, E>
     | EventHandlerWithOptions<T, E>;
 
@@ -91,9 +91,7 @@ export namespace JSX {
   interface ExplicitAttributes {}
   interface ExplicitBoolAttributes {}
   interface CustomEvents {}
-  /**
-   * @deprecated Replaced by CustomEvents
-   */
+  /** @deprecated Replaced by CustomEvents */
   interface CustomCaptureEvents {}
   type DirectiveAttributes = {
     [Key in keyof Directives as `use:${Key}`]?: Directives[Key];
@@ -124,7 +122,7 @@ export namespace JSX {
     [Key in keyof ExplicitBoolAttributes as `bool:${Key}`]?: ExplicitBoolAttributes[Key];
   };
   type OnAttributes<T> = {
-    [Key in keyof CustomEvents as `on:${Key}`]?: CustomEventHandlerUnion<T, CustomEvents[Key]>;
+    [Key in keyof CustomEvents as `on:${Key}`]?: EventHandlerWithOptionsUnion<T, CustomEvents[Key]>;
   };
   type OnCaptureAttributes<T> = {
     [Key in keyof CustomCaptureEvents as `oncapture:${Key}`]?: EventHandler<
@@ -138,10 +136,12 @@ export namespace JSX {
       DirectiveFunctionAttributes<T>,
       PropAttributes,
       AttrAttributes,
+      BoolAttributes,
       OnAttributes<T>,
       OnCaptureAttributes<T>,
       CustomEventHandlersCamelCase<T>,
-      CustomEventHandlersLowerCase<T> {
+      CustomEventHandlersLowerCase<T>,
+      CustomEventHandlersNamespaced<T> {
     children?: Element;
     innerHTML?: string;
     innerText?: string | number;
@@ -168,6 +168,17 @@ export namespace JSX {
     onfocusin?: EventHandlerUnion<T, FocusEvent>;
     onencrypted?: EventHandlerUnion<T, Event>;
     ondragexit?: EventHandlerUnion<T, DragEvent>;
+    // namespaced events
+    "on:copy"?: EventHandlerWithOptionsUnion<T, ClipboardEvent>;
+    "on:cut"?: EventHandlerWithOptionsUnion<T, ClipboardEvent>;
+    "on:paste"?: EventHandlerWithOptionsUnion<T, ClipboardEvent>;
+    "on:compositionend"?: EventHandlerWithOptionsUnion<T, CompositionEvent>;
+    "on:compositionstart"?: EventHandlerWithOptionsUnion<T, CompositionEvent>;
+    "on:compositionupdate"?: EventHandlerWithOptionsUnion<T, CompositionEvent>;
+    "on:focusout"?: EventHandlerWithOptionsUnion<T, FocusEvent>;
+    "on:focusin"?: EventHandlerWithOptionsUnion<T, FocusEvent>;
+    "on:encrypted"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:dragexit"?: EventHandlerWithOptionsUnion<T, DragEvent>;
   }
   interface CustomEventHandlersCamelCase<T> {
     onAbort?: EventHandlerUnion<T, Event>;
@@ -234,12 +245,7 @@ export namespace JSX {
     onSeeking?: EventHandlerUnion<T, Event>;
     onSelect?: EventHandlerUnion<T, UIEvent>;
     onStalled?: EventHandlerUnion<T, Event>;
-    onSubmit?: EventHandlerUnion<
-      T,
-      Event & {
-        submitter: HTMLElement;
-      }
-    >;
+    onSubmit?: EventHandlerUnion<T, SubmitEvent>;
     onSuspend?: EventHandlerUnion<T, Event>;
     onTimeUpdate?: EventHandlerUnion<T, Event>;
     onToggle?: EventHandlerUnion<T, ToggleEvent>;
@@ -255,9 +261,7 @@ export namespace JSX {
     onWaiting?: EventHandlerUnion<T, Event>;
     onWheel?: EventHandlerUnion<T, WheelEvent>;
   }
-  /**
-   * @type {GlobalEventHandlers}
-   */
+  /** @type {GlobalEventHandlers} */
   interface CustomEventHandlersLowerCase<T> {
     onabort?: EventHandlerUnion<T, Event>;
     onanimationend?: EventHandlerUnion<T, AnimationEvent>;
@@ -323,12 +327,7 @@ export namespace JSX {
     onseeking?: EventHandlerUnion<T, Event>;
     onselect?: EventHandlerUnion<T, UIEvent>;
     onstalled?: EventHandlerUnion<T, Event>;
-    onsubmit?: EventHandlerUnion<
-      T,
-      Event & {
-        submitter: HTMLElement;
-      }
-    >;
+    onsubmit?: EventHandlerUnion<T, SubmitEvent>;
     onsuspend?: EventHandlerUnion<T, Event>;
     ontimeupdate?: EventHandlerUnion<T, Event>;
     ontoggle?: EventHandlerUnion<T, ToggleEvent>;
@@ -344,6 +343,87 @@ export namespace JSX {
     onwaiting?: EventHandlerUnion<T, Event>;
     onwheel?: EventHandlerUnion<T, WheelEvent>;
   }
+  interface CustomEventHandlersNamespaced<T> {
+    "on:abort"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:animationend"?: EventHandlerWithOptionsUnion<T, AnimationEvent>;
+    "on:animationiteration"?: EventHandlerWithOptionsUnion<T, AnimationEvent>;
+    "on:animationstart"?: EventHandlerWithOptionsUnion<T, AnimationEvent>;
+    "on:auxclick"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:beforeinput"?: EventHandlerWithOptionsUnion<T, InputEvent>;
+    "on:beforetoggle"?: EventHandlerWithOptionsUnion<T, ToggleEvent>;
+    "on:blur"?: EventHandlerWithOptionsUnion<T, FocusEvent>;
+    "on:canplay"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:canplaythrough"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:change"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:click"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:contextmenu"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:dblclick"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:drag"?: EventHandlerWithOptionsUnion<T, DragEvent>;
+    "on:dragend"?: EventHandlerWithOptionsUnion<T, DragEvent>;
+    "on:dragenter"?: EventHandlerWithOptionsUnion<T, DragEvent>;
+    "on:dragleave"?: EventHandlerWithOptionsUnion<T, DragEvent>;
+    "on:dragover"?: EventHandlerWithOptionsUnion<T, DragEvent>;
+    "on:dragstart"?: EventHandlerWithOptionsUnion<T, DragEvent>;
+    "on:drop"?: EventHandlerWithOptionsUnion<T, DragEvent>;
+    "on:durationchange"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:emptied"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:ended"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:error"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:focus"?: EventHandlerWithOptionsUnion<T, FocusEvent>;
+    "on:gotpointercapture"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:input"?: EventHandlerWithOptionsUnion<T, InputEvent>;
+    "on:invalid"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:keydown"?: EventHandlerWithOptionsUnion<T, KeyboardEvent>;
+    "on:keypress"?: EventHandlerWithOptionsUnion<T, KeyboardEvent>;
+    "on:keyup"?: EventHandlerWithOptionsUnion<T, KeyboardEvent>;
+    "on:load"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:loadeddata"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:loadedmetadata"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:loadstart"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:lostpointercapture"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:mousedown"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:mouseenter"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:mouseleave"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:mousemove"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:mouseout"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:mouseover"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:mouseup"?: EventHandlerWithOptionsUnion<T, MouseEvent>;
+    "on:pause"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:play"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:playing"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:pointercancel"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:pointerdown"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:pointerenter"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:pointerleave"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:pointermove"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:pointerout"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:pointerover"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:pointerup"?: EventHandlerWithOptionsUnion<T, PointerEvent>;
+    "on:progress"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:ratechange"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:reset"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:scroll"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:scrollend"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:seeked"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:seeking"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:select"?: EventHandlerWithOptionsUnion<T, UIEvent>;
+    "on:stalled"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:submit"?: EventHandlerWithOptionsUnion<T, SubmitEvent>;
+    "on:suspend"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:timeupdate"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:toggle"?: EventHandlerWithOptionsUnion<T, ToggleEvent>;
+    "on:touchcancel"?: EventHandlerWithOptionsUnion<T, TouchEvent>;
+    "on:touchend"?: EventHandlerWithOptionsUnion<T, TouchEvent>;
+    "on:touchmove"?: EventHandlerWithOptionsUnion<T, TouchEvent>;
+    "on:touchstart"?: EventHandlerWithOptionsUnion<T, TouchEvent>;
+    "on:transitionstart"?: EventHandlerWithOptionsUnion<T, TransitionEvent>;
+    "on:transitionend"?: EventHandlerWithOptionsUnion<T, TransitionEvent>;
+    "on:transitionrun"?: EventHandlerWithOptionsUnion<T, TransitionEvent>;
+    "on:transitioncancel"?: EventHandlerWithOptionsUnion<T, TransitionEvent>;
+    "on:volumechange"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:waiting"?: EventHandlerWithOptionsUnion<T, Event>;
+    "on:wheel"?: EventHandlerWithOptionsUnion<T, WheelEvent>;
+  }
 
   interface CSSProperties extends csstype.PropertiesHyphen {
     // Override
@@ -395,145 +475,203 @@ export namespace JSX {
 
   // All the WAI-ARIA 1.1 attributes from https://www.w3.org/TR/wai-aria-1.1/
   interface AriaAttributes {
-    /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
+    /**
+     * Identifies the currently active element when DOM focus is on a composite widget, textbox,
+     * group, or application.
+     */
     "aria-activedescendant"?: string;
-    /** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
+    /**
+     * Indicates whether assistive technologies will present all, or only parts of, the changed
+     * region based on the change notifications defined by the aria-relevant attribute.
+     */
     "aria-atomic"?: boolean | "false" | "true";
     /**
-     * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
-     * presented if they are made.
+     * Indicates whether inputting text could trigger display of one or more predictions of the
+     * user's intended value for an input and specifies how predictions would be presented if they
+     * are made.
      */
     "aria-autocomplete"?: "none" | "inline" | "list" | "both";
-    /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
+    /**
+     * Indicates an element is being modified and that assistive technologies MAY want to wait until
+     * the modifications are complete before exposing them to the user.
+     */
     "aria-busy"?: boolean | "false" | "true";
     /**
      * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
+     *
      * @see aria-pressed @see aria-selected.
      */
     "aria-checked"?: boolean | "false" | "mixed" | "true";
     /**
      * Defines the total number of columns in a table, grid, or treegrid.
+     *
      * @see aria-colindex.
      */
     "aria-colcount"?: number | string;
     /**
-     * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
+     * Defines an element's column index or position with respect to the total number of columns
+     * within a table, grid, or treegrid.
+     *
      * @see aria-colcount @see aria-colspan.
      */
     "aria-colindex"?: number | string;
     /**
-     * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+     * Defines the number of columns spanned by a cell or gridcell within a table, grid, or
+     * treegrid.
+     *
      * @see aria-colindex @see aria-rowspan.
      */
     "aria-colspan"?: number | string;
     /**
-     * Identifies the element (or elements) whose contents or presence are controlled by the current element.
+     * Identifies the element (or elements) whose contents or presence are controlled by the current
+     * element.
+     *
      * @see aria-owns.
      */
     "aria-controls"?: string;
-    /** Indicates the element that represents the current item within a container or set of related elements. */
+    /**
+     * Indicates the element that represents the current item within a container or set of related
+     * elements.
+     */
     "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time";
     /**
      * Identifies the element (or elements) that describes the object.
+     *
      * @see aria-labelledby
      */
     "aria-describedby"?: string;
     /**
      * Identifies the element that provides a detailed, extended description for the object.
+     *
      * @see aria-describedby.
      */
     "aria-details"?: string;
     /**
-     * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+     * Indicates that the element is perceivable but disabled, so it is not editable or otherwise
+     * operable.
+     *
      * @see aria-hidden @see aria-readonly.
      */
     "aria-disabled"?: boolean | "false" | "true";
     /**
-     * Indicates what functions can be performed when a dragged object is released on the drop target.
-     * @deprecated in ARIA 1.1
+     * Indicates what functions can be performed when a dragged object is released on the drop
+     * target.
+     *
+     * @deprecated In ARIA 1.1
      */
     "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup";
     /**
      * Identifies the element that provides an error message for the object.
+     *
      * @see aria-invalid @see aria-describedby.
      */
     "aria-errormessage"?: string;
-    /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
+    /**
+     * Indicates whether the element, or another grouping element it controls, is currently expanded
+     * or collapsed.
+     */
     "aria-expanded"?: boolean | "false" | "true";
     /**
-     * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
-     * allows assistive technology to override the general default of reading in document source order.
+     * Identifies the next element (or elements) in an alternate reading order of content which, at
+     * the user's discretion, allows assistive technology to override the general default of reading
+     * in document source order.
      */
     "aria-flowto"?: string;
     /**
      * Indicates an element's "grabbed" state in a drag-and-drop operation.
-     * @deprecated in ARIA 1.1
+     *
+     * @deprecated In ARIA 1.1
      */
     "aria-grabbed"?: boolean | "false" | "true";
-    /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
+    /**
+     * Indicates the availability and type of interactive popup element, such as menu or dialog,
+     * that can be triggered by an element.
+     */
     "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
     /**
      * Indicates whether the element is exposed to an accessibility API.
+     *
      * @see aria-disabled.
      */
     "aria-hidden"?: boolean | "false" | "true";
     /**
      * Indicates the entered value does not conform to the format expected by the application.
+     *
      * @see aria-errormessage.
      */
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling";
-    /** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */
+    /**
+     * Indicates keyboard shortcuts that an author has implemented to activate or give focus to an
+     * element.
+     */
     "aria-keyshortcuts"?: string;
     /**
      * Defines a string value that labels the current element.
+     *
      * @see aria-labelledby.
      */
     "aria-label"?: string;
     /**
      * Identifies the element (or elements) that labels the current element.
+     *
      * @see aria-describedby.
      */
     "aria-labelledby"?: string;
     /** Defines the hierarchical level of an element within a structure. */
     "aria-level"?: number | string;
-    /** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */
+    /**
+     * Indicates that an element will be updated, and describes the types of updates the user
+     * agents, assistive technologies, and user can expect from the live region.
+     */
     "aria-live"?: "off" | "assertive" | "polite";
     /** Indicates whether an element is modal when displayed. */
     "aria-modal"?: boolean | "false" | "true";
     /** Indicates whether a text box accepts multiple lines of input or only a single line. */
     "aria-multiline"?: boolean | "false" | "true";
-    /** Indicates that the user may select more than one item from the current selectable descendants. */
+    /**
+     * Indicates that the user may select more than one item from the current selectable
+     * descendants.
+     */
     "aria-multiselectable"?: boolean | "false" | "true";
     /** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
     "aria-orientation"?: "horizontal" | "vertical";
     /**
-     * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
-     * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
+     * Identifies an element (or elements) in order to define a visual, functional, or contextual
+     * parent/child relationship between DOM elements where the DOM hierarchy cannot be used to
+     * represent the relationship.
+     *
      * @see aria-controls.
      */
     "aria-owns"?: string;
     /**
-     * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
-     * A hint could be a sample value or a brief description of the expected format.
+     * Defines a short hint (a word or short phrase) intended to aid the user with data entry when
+     * the control has no value. A hint could be a sample value or a brief description of the
+     * expected format.
      */
     "aria-placeholder"?: string;
     /**
-     * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * Defines an element's number or position in the current set of listitems or treeitems. Not
+     * required if all elements in the set are present in the DOM.
+     *
      * @see aria-setsize.
      */
     "aria-posinset"?: number | string;
     /**
      * Indicates the current "pressed" state of toggle buttons.
+     *
      * @see aria-checked @see aria-selected.
      */
     "aria-pressed"?: boolean | "false" | "mixed" | "true";
     /**
      * Indicates that the element is not editable, but is otherwise operable.
+     *
      * @see aria-disabled.
      */
     "aria-readonly"?: boolean | "false" | "true";
     /**
-     * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
+     * Indicates what notifications the user agent will trigger when the accessibility tree within a
+     * live region is modified.
+     *
      * @see aria-atomic.
      */
     "aria-relevant"?:
@@ -553,26 +691,33 @@ export namespace JSX {
     "aria-roledescription"?: string;
     /**
      * Defines the total number of rows in a table, grid, or treegrid.
+     *
      * @see aria-rowindex.
      */
     "aria-rowcount"?: number | string;
     /**
-     * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
+     * Defines an element's row index or position with respect to the total number of rows within a
+     * table, grid, or treegrid.
+     *
      * @see aria-rowcount @see aria-rowspan.
      */
     "aria-rowindex"?: number | string;
     /**
      * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
+     *
      * @see aria-rowindex @see aria-colspan.
      */
     "aria-rowspan"?: number | string;
     /**
      * Indicates the current "selected" state of various widgets.
+     *
      * @see aria-checked @see aria-pressed.
      */
     "aria-selected"?: boolean | "false" | "true";
     /**
-     * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * Defines the number of items in the current set of listitems or treeitems. Not required if all
+     * elements in the set are present in the DOM.
+     *
      * @see aria-posinset.
      */
     "aria-setsize"?: number | string;
@@ -584,6 +729,7 @@ export namespace JSX {
     "aria-valuemin"?: number | string;
     /**
      * Defines the current value for a range widget.
+     *
      * @see aria-valuetext.
      */
     "aria-valuenow"?: number | string;
@@ -1101,6 +1247,7 @@ export namespace JSX {
     playsinline?: FunctionMaybe<boolean>;
     poster?: FunctionMaybe<string>;
     width?: FunctionMaybe<number | string>;
+    disablepictureinpicture?: FunctionMaybe<boolean>;
   }
   type SVGPreserveAspectRatio =
     | "none"
@@ -1918,9 +2065,7 @@ export namespace JSX {
     textLength?: FunctionMaybe<number | string>;
     lengthAdjust?: FunctionMaybe<"spacing" | "spacingAndGlyphs">;
   }
-  /**
-   * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use
-   */
+  /** @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use */
   interface UseSVGAttributes<T>
     extends CoreSVGAttributes<T>,
       StylableSVGAttributes,
@@ -1942,9 +2087,7 @@ export namespace JSX {
       ZoomAndPanSVGAttributes {
     viewTarget?: FunctionMaybe<string>;
   }
-  /**
-   * @type {HTMLElementTagNameMap}
-   */
+  /** @type {HTMLElementTagNameMap} */
   interface HTMLElementTags {
     a: AnchorHTMLAttributes<HTMLAnchorElement>;
     abbr: HTMLAttributes<HTMLElement>;
@@ -2059,9 +2202,7 @@ export namespace JSX {
     video: VideoHTMLAttributes<HTMLVideoElement>;
     wbr: HTMLAttributes<HTMLElement>;
   }
-  /**
-   * @type {HTMLElementDeprecatedTagNameMap}
-   */
+  /** @type {HTMLElementDeprecatedTagNameMap} */
   interface HTMLElementDeprecatedTags {
     big: HTMLAttributes<HTMLElement>;
     keygen: KeygenHTMLAttributes<HTMLElement>;
@@ -2069,9 +2210,7 @@ export namespace JSX {
     noindex: HTMLAttributes<HTMLElement>;
     param: ParamHTMLAttributes<HTMLParamElement>;
   }
-  /**
-   * @type {SVGElementTagNameMap}
-   */
+  /** @type {SVGElementTagNameMap} */
   interface SVGElementTags {
     animate: AnimateSVGAttributes<SVGAnimateElement>;
     animateMotion: AnimateMotionSVGAttributes<SVGAnimateMotionElement>;

package/html/dist/html.cjs

@@ -22,7 +22,7 @@ const lookup = {
   track: true,
   wbr: true
 };
-function parseTag( tag) {
+function parseTag(tag) {
   const res = {
     type: 'tag',
     name: '',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",