declare-special-props.ts

import type { Subscription } from "rxjs"
import "./declare-values"

declare global {
  namespace JSX {
    interface HtmlProps<T extends HTMLElement = HTMLElement> {
      /** Describe the actual tagName to use */
      is?: string
      /**
       * Assign individual style properties with each emit.
       * For performance reasons, we do not track "unset" values,
       * so if you do `.next({ top: "2px" })` and then `.next({})`, the
       * style will still include `top: 2px`. This makes performance
       * predicatable for animation, and it ensures compatibility with
       * an added "style" property (as long as the style property isn't
       * also an observable).
       */
      $style?: $StyleValue
      /**
       * Note: If you imported rxjs-extensions, you can use `Observable<T>.prototype.map$Class((from: T) => classes)`
       */
      $class?: $ClassValue
      /**
       * Access the current element after the element has been created with children (but before being mounted).
       *
       * This includes the element's subscription so you can add subscriptions to be unsubscribed when the element is dropped.
       */
      ref?: (element: T, subscription: Subscription) => void
      /** Add tags to the className where each of these tags will be prefixed with `tag-${item}` */
      tags?: Value<string[]>
    }
  }
}