@htmlplus/element 2.9.6 → 2.9.8

package/jsx-runtime.d.ts

@@ -0,0 +1,191 @@
+import 'react';
+
+type WithPart<K> = React.JSX.IntrinsicElements[K] & { part?: string };
+
+declare namespace JSX {
+  interface IntrinsicElements {
+    host: WithPart<'div'> & { [key: string]: any };
+
+    a: WithPart<'a'>;
+    abbr: WithPart<'abbr'>;
+    address: WithPart<'address'>;
+    area: WithPart<'area'>;
+    article: WithPart<'article'>;
+    aside: WithPart<'aside'>;
+    audio: WithPart<'audio'>;
+    b: WithPart<'b'>;
+    base: WithPart<'base'>;
+    bdi: WithPart<'bdi'>;
+    bdo: WithPart<'bdo'>;
+    big: WithPart<'big'>;
+    blockquote: WithPart<'blockquote'>;
+    body: WithPart<'body'>;
+    br: WithPart<'br'>;
+    button: WithPart<'button'>;
+    canvas: WithPart<'canvas'>;
+    caption: WithPart<'caption'>;
+    center: WithPart<'center'>;
+    cite: WithPart<'cite'>;
+    code: WithPart<'code'>;
+    col: WithPart<'col'>;
+    colgroup: WithPart<'colgroup'>;
+    data: WithPart<'data'>;
+    datalist: WithPart<'datalist'>;
+    dd: WithPart<'dd'>;
+    del: WithPart<'del'>;
+    details: WithPart<'details'>;
+    dfn: WithPart<'dfn'>;
+    dialog: WithPart<'dialog'>;
+    div: WithPart<'div'>;
+    dl: WithPart<'dl'>;
+    dt: WithPart<'dt'>;
+    em: WithPart<'em'>;
+    embed: WithPart<'embed'>;
+    fieldset: WithPart<'fieldset'>;
+    figcaption: WithPart<'figcaption'>;
+    figure: WithPart<'figure'>;
+    footer: WithPart<'footer'>;
+    form: WithPart<'form'>;
+    h1: WithPart<'h1'>;
+    h2: WithPart<'h2'>;
+    h3: WithPart<'h3'>;
+    h4: WithPart<'h4'>;
+    h5: WithPart<'h5'>;
+    h6: WithPart<'h6'>;
+    head: WithPart<'head'>;
+    header: WithPart<'header'>;
+    hgroup: WithPart<'hgroup'>;
+    hr: WithPart<'hr'>;
+    html: WithPart<'html'>;
+    i: WithPart<'i'>;
+    iframe: WithPart<'iframe'>;
+    img: WithPart<'img'>;
+    input: WithPart<'input'>;
+    ins: WithPart<'ins'>;
+    kbd: WithPart<'kbd'>;
+    keygen: WithPart<'keygen'>;
+    label: WithPart<'label'>;
+    legend: WithPart<'legend'>;
+    li: WithPart<'li'>;
+    link: WithPart<'link'>;
+    main: WithPart<'main'>;
+    map: WithPart<'map'>;
+    mark: WithPart<'mark'>;
+    menu: WithPart<'menu'>;
+    menuitem: WithPart<'menuitem'>;
+    meta: WithPart<'meta'>;
+    meter: WithPart<'meter'>;
+    nav: WithPart<'nav'>;
+    noindex: WithPart<'noindex'>;
+    noscript: WithPart<'noscript'>;
+    object: WithPart<'object'>;
+    ol: WithPart<'ol'>;
+    optgroup: WithPart<'optgroup'>;
+    option: WithPart<'option'>;
+    output: WithPart<'output'>;
+    p: WithPart<'p'>;
+    param: WithPart<'param'>;
+    picture: WithPart<'picture'>;
+    pre: WithPart<'pre'>;
+    progress: WithPart<'progress'>;
+    q: WithPart<'q'>;
+    rp: WithPart<'rp'>;
+    rt: WithPart<'rt'>;
+    ruby: WithPart<'ruby'>;
+    s: WithPart<'s'>;
+    samp: WithPart<'samp'>;
+    search: WithPart<'search'>;
+    slot: WithPart<'slot'>;
+    script: WithPart<'script'>;
+    section: WithPart<'section'>;
+    select: WithPart<'select'>;
+    small: WithPart<'small'>;
+    source: WithPart<'source'>;
+    span: WithPart<'span'>;
+    strong: WithPart<'strong'>;
+    style: WithPart<'style'>;
+    sub: WithPart<'sub'>;
+    summary: WithPart<'summary'>;
+    sup: WithPart<'sup'>;
+    table: WithPart<'table'>;
+    template: WithPart<'template'>;
+    tbody: WithPart<'tbody'>;
+    td: WithPart<'td'>;
+    textarea: WithPart<'textarea'>;
+    tfoot: WithPart<'tfoot'>;
+    th: WithPart<'th'>;
+    thead: WithPart<'thead'>;
+    time: WithPart<'time'>;
+    title: WithPart<'title'>;
+    tr: WithPart<'tr'>;
+    track: WithPart<'track'>;
+    u: WithPart<'u'>;
+    ul: WithPart<'ul'>;
+    var: WithPart<'var'>;
+    video: WithPart<'video'>;
+    wbr: WithPart<'wbr'>;
+    webview: WithPart<'webview'>;
+
+    // SVG
+    svg: WithPart<'svg'>;
+
+    animate: WithPart<'animate'>;
+    animateMotion: WithPart<'animateMotion'>;
+    animateTransform: WithPart<'animateTransform'>;
+    circle: WithPart<'circle'>;
+    clipPath: WithPart<'clipPath'>;
+    defs: WithPart<'defs'>;
+    desc: WithPart<'desc'>;
+    ellipse: WithPart<'ellipse'>;
+    feBlend: WithPart<'feBlend'>;
+    feColorMatrix: WithPart<'feColorMatrix'>;
+    feComponentTransfer: WithPart<'feComponentTransfer'>;
+    feComposite: WithPart<'feComposite'>;
+    feConvolveMatrix: WithPart<'feConvolveMatrix'>;
+    feDiffuseLighting: WithPart<'feDiffuseLighting'>;
+    feDisplacementMap: WithPart<'feDisplacementMap'>;
+    feDistantLight: WithPart<'feDistantLight'>;
+    feDropShadow: WithPart<'feDropShadow'>;
+    feFlood: WithPart<'feFlood'>;
+    feFuncA: WithPart<'feFuncA'>;
+    feFuncB: WithPart<'feFuncB'>;
+    feFuncG: WithPart<'feFuncG'>;
+    feFuncR: WithPart<'feFuncR'>;
+    feGaussianBlur: WithPart<'feGaussianBlur'>;
+    feImage: WithPart<'feImage'>;
+    feMerge: WithPart<'feMerge'>;
+    feMergeNode: WithPart<'feMergeNode'>;
+    feMorphology: WithPart<'feMorphology'>;
+    feOffset: WithPart<'feOffset'>;
+    fePointLight: WithPart<'fePointLight'>;
+    feSpecularLighting: WithPart<'feSpecularLighting'>;
+    feSpotLight: WithPart<'feSpotLight'>;
+    feTile: WithPart<'feTile'>;
+    feTurbulence: WithPart<'feTurbulence'>;
+    filter: WithPart<'filter'>;
+    foreignObject: WithPart<'foreignObject'>;
+    g: WithPart<'g'>;
+    image: WithPart<'image'>;
+    line: WithPart<'line'>;
+    linearGradient: WithPart<'linearGradient'>;
+    marker: WithPart<'marker'>;
+    mask: WithPart<'mask'>;
+    metadata: WithPart<'metadata'>;
+    mpath: WithPart<'mpath'>;
+    path: WithPart<'path'>;
+    pattern: WithPart<'pattern'>;
+    polygon: WithPart<'polygon'>;
+    polyline: WithPart<'polyline'>;
+    radialGradient: WithPart<'radialGradient'>;
+    rect: WithPart<'rect'>;
+    set: WithPart<'set'>;
+    stop: WithPart<'stop'>;
+    switch: WithPart<'switch'>;
+    symbol: WithPart<'symbol'>;
+    text: WithPart<'text'>;
+    textPath: WithPart<'textPath'>;
+    tspan: WithPart<'tspan'>;
+    use: WithPart<'use'>;
+    view: WithPart<'view'>;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlplus/element",
-  "version": "2.9.6",
+  "version": "2.9.8",
   "license": "MIT",
   "sideEffects": false,
   "author": "Masood Abdolian <m.abdolian@gmail.com>",
@@ -38,6 +38,7 @@
     "@babel/traverse": "^7.24.8",
     "@babel/types": "^7.24.9",
     "@types/node": "^20.14.10",
+    "@types/react": "^18.3.3",
     "change-case": "^5.4.4",
     "fs-extra": "^11.2.0",
     "glob": "^11.0.0",

package/transformer/plugins/customElement.js

@@ -327,6 +327,8 @@ export const customElement = (options) => {
                     });
                     // prettier-ignore
                     const ast = template.default.ast(`
+              // THE FOLLOWING TYPES HAVE BEEN ADDED AUTOMATICALLY
+
               export interface ${context.className}Attributes {
                 ${attributes.map(print).join('')}
               }