@ktjs/core 0.18.4 → 0.18.7

package/dist/index.d.ts

@@ -34,9 +34,9 @@ type BaseAttr = {
 
   // # Events
   // Mouse events
-  'on:click'?: (ev: MouseEvent) => void;
-  'on:dblclick'?: (ev: MouseEvent) => void;
-  'on:mousedown'?: (ev: MouseEvent) => void;
+  'on:click'?: (ev: PointerEvent) => void;
+  'on:dblclick'?: (ev: PointerEvent) => void;
+  'on:mousedown'?: (ev: PointerEvent) => void;
   'on:mouseup'?: (ev: MouseEvent) => void;
   'on:mousemove'?: (ev: MouseEvent) => void;
   'on:mouseenter'?: (ev: MouseEvent) => void;
@@ -792,13 +792,222 @@ interface AttributesMap {
   };
 }
 
-type Redraw = (props?: KTAttribute, ...args: any[]) => KTHTMLElement;
-type KTHTMLElement<El extends HTMLElement = HTMLElement, R extends Function = Redraw> = El & {
+interface SVGAttributesMap {
+  a: AttributesMap['svg'] & { href?: string; x?: number | string; y?: number | string };
+  animate: AttributesMap['svg'] & {
+    attributeName?: string;
+    from?: string | number;
+    to?: string | number;
+    dur?: string;
+    repeatCount?: string | number;
+  };
+  animateMotion: AttributesMap['svg'] & { path?: string; dur?: string; rotate?: string };
+  animateTransform: AttributesMap['svg'] & { type?: string; from?: string; to?: string; dur?: string };
+  circle: AttributesMap['svg'] & { cx?: number | string; cy?: number | string; r?: number | string };
+  clipPath: AttributesMap['svg'] & { clipPathUnits?: 'userSpaceOnUse' | 'objectBoundingBox' };
+  defs: AttributesMap['svg'];
+  desc: AttributesMap['svg'];
+  ellipse: AttributesMap['svg'] & {
+    cx?: number | string;
+    cy?: number | string;
+    rx?: number | string;
+    ry?: number | string;
+  };
+
+  // Filter primitives (provide common props)
+  feBlend: AttributesMap['svg'] & { in?: string; in2?: string; mode?: string };
+  feColorMatrix: AttributesMap['svg'] & {
+    type?: 'matrix' | 'saturate' | 'hueRotate' | 'luminanceToAlpha';
+    values?: string;
+  };
+  feComponentTransfer: AttributesMap['svg'] & {};
+  feComposite: AttributesMap['svg'] & {
+    in?: string;
+    in2?: string;
+    operator?: string;
+    k1?: number | string;
+    k2?: number | string;
+    k3?: number | string;
+    k4?: number | string;
+  };
+  feConvolveMatrix: AttributesMap['svg'] & {
+    order?: string | number;
+    kernelMatrix?: string;
+    divisor?: string | number;
+    bias?: string | number;
+  };
+  feDiffuseLighting: AttributesMap['svg'] & {};
+  feDisplacementMap: AttributesMap['svg'] & {
+    in?: string;
+    in2?: string;
+    scale?: number | string;
+    xChannelSelector?: string;
+    yChannelSelector?: string;
+  };
+  feDistantLight: AttributesMap['svg'] & { azimuth?: number | string; elevation?: number | string };
+  feDropShadow: AttributesMap['svg'] & {
+    dx?: number | string;
+    dy?: number | string;
+    stdDeviation?: number | string;
+    floodColor?: string;
+    floodOpacity?: number | string;
+  };
+  feFlood: AttributesMap['svg'] & { floodColor?: string; floodOpacity?: number | string };
+  feFuncA: AttributesMap['svg'] & {};
+  feFuncB: AttributesMap['svg'] & {};
+  feFuncG: AttributesMap['svg'] & {};
+  feFuncR: AttributesMap['svg'] & {};
+  feGaussianBlur: AttributesMap['svg'] & { stdDeviation?: number | string; edgeMode?: string };
+  feImage: AttributesMap['svg'] & { href?: string };
+  feMerge: AttributesMap['svg'] & {};
+  feMergeNode: AttributesMap['svg'] & { in?: string };
+  feMorphology: AttributesMap['svg'] & { operator?: 'erode' | 'dilate'; radius?: number | string };
+  feOffset: AttributesMap['svg'] & { dx?: number | string; dy?: number | string };
+  fePointLight: AttributesMap['svg'] & { x?: number | string; y?: number | string; z?: number | string };
+  feSpecularLighting: AttributesMap['svg'] & {
+    specularConstant?: number | string;
+    specularExponent?: number | string;
+    surfaceScale?: number | string;
+  };
+  feSpotLight: AttributesMap['svg'] & {
+    x?: number | string;
+    y?: number | string;
+    z?: number | string;
+    pointsAtX?: number | string;
+    pointsAtY?: number | string;
+    pointsAtZ?: number | string;
+    specularExponent?: number | string;
+    limitingConeAngle?: number | string;
+  };
+  feTile: AttributesMap['svg'] & {};
+  feTurbulence: AttributesMap['svg'] & {
+    baseFrequency?: number | string;
+    numOctaves?: number | string;
+    seed?: number | string;
+    stitchTiles?: string;
+    type?: 'fractalNoise' | 'turbulence';
+  };
+
+  filter: AttributesMap['svg'] & {
+    x?: number | string;
+    y?: number | string;
+    width?: number | string;
+    height?: number | string;
+    filterUnits?: string;
+    primitiveUnits?: string;
+  };
+  foreignObject: AttributesMap['svg'] & {
+    x?: number | string;
+    y?: number | string;
+    width?: number | string;
+    height?: number | string;
+  };
+  g: AttributesMap['svg'];
+  image: AttributesMap['svg'] & {
+    href?: string;
+    x?: number | string;
+    y?: number | string;
+    width?: number | string;
+    height?: number | string;
+  };
+  line: AttributesMap['svg'] & {
+    x1?: number | string;
+    y1?: number | string;
+    x2?: number | string;
+    y2?: number | string;
+  };
+  linearGradient: AttributesMap['svg'] & {
+    x1?: number | string;
+    y1?: number | string;
+    x2?: number | string;
+    y2?: number | string;
+    gradientUnits?: 'userSpaceOnUse' | 'objectBoundingBox';
+    gradientTransform?: string;
+  };
+  marker: AttributesMap['svg'] & {
+    markerUnits?: string;
+    markerWidth?: number | string;
+    markerHeight?: number | string;
+    refX?: number | string;
+    refY?: number | string;
+    orient?: string;
+  };
+  mask: AttributesMap['svg'] & {
+    maskUnits?: string;
+    maskContentUnits?: string;
+    x?: number | string;
+    y?: number | string;
+    width?: number | string;
+    height?: number | string;
+  };
+  metadata: AttributesMap['svg'];
+  mpath: AttributesMap['svg'] & { href?: string };
+  path: AttributesMap['svg'] & { d?: string; pathLength?: number | string };
+  pattern: AttributesMap['svg'] & {
+    patternUnits?: string;
+    patternContentUnits?: string;
+    width?: number | string;
+    height?: number | string;
+    x?: number | string;
+    y?: number | string;
+  };
+  polygon: AttributesMap['svg'] & { points?: string };
+  polyline: AttributesMap['svg'] & { points?: string };
+  radialGradient: AttributesMap['svg'] & {
+    cx?: number | string;
+    cy?: number | string;
+    r?: number | string;
+    fx?: number | string;
+    fy?: number | string;
+    gradientUnits?: 'userSpaceOnUse' | 'objectBoundingBox';
+    gradientTransform?: string;
+  };
+  rect: AttributesMap['svg'] & {
+    x?: number | string;
+    y?: number | string;
+    width?: number | string;
+    height?: number | string;
+    rx?: number | string;
+    ry?: number | string;
+  };
+  script: AttributesMap['svg'] & { href?: string; type?: string };
+  set: AttributesMap['svg'] & { attributeName?: string; to?: string | number; begin?: string; dur?: string };
+  stop: AttributesMap['svg'] & { offset?: number | string; stopColor?: string; stopOpacity?: number | string };
+  style: AttributesMap['svg'] & { media?: string };
+  svg: AttributesMap['svg'];
+  switch: AttributesMap['svg'];
+  symbol: AttributesMap['svg'] & { viewBox?: string; preserveAspectRatio?: string };
+  text: AttributesMap['svg'] & {
+    x?: number | string;
+    y?: number | string;
+    dx?: number | string;
+    dy?: number | string;
+    textLength?: number | string;
+  };
+  textPath: AttributesMap['svg'] & { href?: string; startOffset?: number | string };
+  title: AttributesMap['svg'];
+  tspan: AttributesMap['svg'] & {
+    x?: number | string;
+    y?: number | string;
+    dx?: number | string;
+    dy?: number | string;
+  };
+  use: AttributesMap['svg'] & {
+    href?: string;
+    x?: number | string;
+    y?: number | string;
+    width?: number | string;
+    height?: number | string;
+  };
+  view: AttributesMap['svg'] & { viewBox?: string; preserveAspectRatio?: string };
+}
+
+type KTHTMLElement<El extends HTMLElement = HTMLElement> = El & {
   /**
    * Automically generate a redraw function if it is not provided
    * @param props
    */
-  redraw: R;
+  redraw: (props?: KTAttribute, ...args: any[]) => KTHTMLElement;
 };
 
 declare global {
@@ -806,49 +1015,174 @@ declare global {
     type Element = KTHTMLElement;
 
     interface IntrinsicElements {
-      div: AttributesMap['div'];
-      span: AttributesMap['span'];
-      input: AttributesMap['input'];
-      button: AttributesMap['button'];
-      ul: AttributesMap['ul'];
-      li: AttributesMap['li'];
-      p: AttributesMap['p'];
-      a: AttributesMap['a'];
-      img: AttributesMap['img'];
-      form: AttributesMap['form'];
+      // Document-level & metadata
+      html: AttributesMap['html'];
+      head: AttributesMap['head'];
+      title: AttributesMap['title'];
+      base: AttributesMap['base'];
+      link: AttributesMap['link'];
+      meta: AttributesMap['meta'];
+
+      // Sectioning
+      body: AttributesMap['body'];
+      header: AttributesMap['header'];
+      footer: AttributesMap['footer'];
+      nav: AttributesMap['nav'];
+      main: AttributesMap['main'];
+      section: AttributesMap['section'];
+      article: AttributesMap['article'];
+      aside: AttributesMap['aside'];
+
+      // Headings
       h1: AttributesMap['h1'];
       h2: AttributesMap['h2'];
       h3: AttributesMap['h3'];
       h4: AttributesMap['h4'];
       h5: AttributesMap['h5'];
       h6: AttributesMap['h6'];
+
+      // Text content
+      p: AttributesMap['p'];
+      pre: AttributesMap['pre'];
+      code: AttributesMap['code'];
+      strong: AttributesMap['strong'];
+      small: AttributesMap['small'];
+      em: AttributesMap['em'];
+      br: AttributesMap['br'];
+      i: AttributesMap['i'];
+
+      // Lists
+      ul: AttributesMap['ul'];
+      ol: AttributesMap['ol'];
+      li: AttributesMap['li'];
+
+      // Tables
       table: AttributesMap['table'];
       thead: AttributesMap['thead'];
       tbody: AttributesMap['tbody'];
+      tfoot: AttributesMap['tfoot'];
       tr: AttributesMap['tr'];
       th: AttributesMap['th'];
       td: AttributesMap['td'];
+
+      // Forms
+      form: AttributesMap['form'];
       label: AttributesMap['label'];
+      input: AttributesMap['input'];
+      textarea: AttributesMap['textarea'];
       select: AttributesMap['select'];
       option: AttributesMap['option'];
-      textarea: AttributesMap['textarea'];
-      section: AttributesMap['section'];
-      header: AttributesMap['header'];
-      footer: AttributesMap['footer'];
-      nav: AttributesMap['nav'];
-      article: AttributesMap['article'];
-      aside: AttributesMap['aside'];
-      main: AttributesMap['main'];
-      figure: AttributesMap['figure'];
-      figcaption: AttributesMap['figcaption'];
-      video: AttributesMap['video'];
+      optgroup: AttributesMap['optgroup'];
+      button: AttributesMap['button'];
+      fieldset: AttributesMap['fieldset'];
+      legend: AttributesMap['legend'];
+      datalist: AttributesMap['datalist'];
+      output: AttributesMap['output'];
+
+      // Media & embedded
+      img: AttributesMap['img'];
+      picture: AttributesMap['picture'];
+      source: AttributesMap['source'];
       audio: AttributesMap['audio'];
+      video: AttributesMap['video'];
+      track: AttributesMap['track'];
+      iframe: AttributesMap['iframe'];
+      embed: AttributesMap['embed'];
+      object: AttributesMap['object'];
       canvas: AttributesMap['canvas'];
+
+      // Interactive & misc
+      a: AttributesMap['a'] & SVGAttributesMap['a'];
+      area: AttributesMap['area'];
+      map: AttributesMap['map'];
+      details: AttributesMap['details'];
+      dialog: AttributesMap['dialog'];
+      summary: AttributesMap['summary'];
+      slot: AttributesMap['slot'];
+
+      // Scripting & styles
+      script: AttributesMap['script'];
+      style: AttributesMap['style'];
+
+      // Semantic & phrasing
+      figure: AttributesMap['figure'];
+      figcaption: AttributesMap['figcaption'];
+      blockquote: AttributesMap['blockquote'];
+      q: AttributesMap['q'];
+
+      // Generic elements
+      div: AttributesMap['div'];
+      span: AttributesMap['span'];
+      address: AttributesMap['address'];
+      abbr: AttributesMap['abbr'];
+      b: AttributesMap['b'];
+      cite: AttributesMap['cite'];
+      dl: AttributesMap['dl'];
+      dt: AttributesMap['dt'];
+      dd: AttributesMap['dd'];
+      hr: AttributesMap['hr'];
+
+      // SVG
       svg: AttributesMap['svg'];
-      code: AttributesMap['code'];
-      strong: AttributesMap['strong'];
-      small: AttributesMap['small'];
-      pre: AttributesMap['pre'];
+      // a: SVGAttributesMap['a'];
+      animate: SVGAttributesMap['animate'];
+      animateMotion: SVGAttributesMap['animateMotion'];
+      animateTransform: SVGAttributesMap['animateTransform'];
+      circle: SVGAttributesMap['circle'];
+      clipPath: SVGAttributesMap['clipPath'];
+      defs: SVGAttributesMap['defs'];
+      desc: SVGAttributesMap['desc'];
+      ellipse: SVGAttributesMap['ellipse'];
+      feBlend: SVGAttributesMap['feBlend'];
+      feColorMatrix: SVGAttributesMap['feColorMatrix'];
+      feComponentTransfer: SVGAttributesMap['feComponentTransfer'];
+      feComposite: SVGAttributesMap['feComposite'];
+      feConvolveMatrix: SVGAttributesMap['feConvolveMatrix'];
+      feDiffuseLighting: SVGAttributesMap['feDiffuseLighting'];
+      feDisplacementMap: SVGAttributesMap['feDisplacementMap'];
+      feDistantLight: SVGAttributesMap['feDistantLight'];
+      feDropShadow: SVGAttributesMap['feDropShadow'];
+      feFlood: SVGAttributesMap['feFlood'];
+      feFuncA: SVGAttributesMap['feFuncA'];
+      feFuncB: SVGAttributesMap['feFuncB'];
+      feFuncG: SVGAttributesMap['feFuncG'];
+      feFuncR: SVGAttributesMap['feFuncR'];
+      feGaussianBlur: SVGAttributesMap['feGaussianBlur'];
+      feImage: SVGAttributesMap['feImage'];
+      feMerge: SVGAttributesMap['feMerge'];
+      feMergeNode: SVGAttributesMap['feMergeNode'];
+      feMorphology: SVGAttributesMap['feMorphology'];
+      feOffset: SVGAttributesMap['feOffset'];
+      fePointLight: SVGAttributesMap['fePointLight'];
+      feSpecularLighting: SVGAttributesMap['feSpecularLighting'];
+      feSpotLight: SVGAttributesMap['feSpotLight'];
+      feTile: SVGAttributesMap['feTile'];
+      feTurbulence: SVGAttributesMap['feTurbulence'];
+      filter: SVGAttributesMap['filter'];
+      foreignObject: SVGAttributesMap['foreignObject'];
+      g: SVGAttributesMap['g'];
+      image: SVGAttributesMap['image'];
+      line: SVGAttributesMap['line'];
+      linearGradient: SVGAttributesMap['linearGradient'];
+      marker: SVGAttributesMap['marker'];
+      mask: SVGAttributesMap['mask'];
+      metadata: SVGAttributesMap['metadata'];
+      mpath: SVGAttributesMap['mpath'];
+      path: SVGAttributesMap['path'];
+      pattern: SVGAttributesMap['pattern'];
+      polygon: SVGAttributesMap['polygon'];
+      polyline: SVGAttributesMap['polyline'];
+      radialGradient: SVGAttributesMap['radialGradient'];
+      rect: SVGAttributesMap['rect'];
+      set: SVGAttributesMap['set'];
+      stop: SVGAttributesMap['stop'];
+      switch: SVGAttributesMap['switch'];
+      symbol: SVGAttributesMap['symbol'];
+      text: SVGAttributesMap['text'];
+      textPath: SVGAttributesMap['textPath'];
+      tspan: SVGAttributesMap['tspan'];
+      use: SVGAttributesMap['use'];
+      view: SVGAttributesMap['view'];
     }
 
     interface IntrinsicAttributes {
@@ -962,7 +1296,7 @@ type HTML<T extends (HTMLTag | SVGTag) & otherstring> = T extends SVGTag ? SVGEl
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.18.4 (Last Update: 2026.01.31 01:05:10.539)
+ * @version 0.18.7 (Last Update: 2026.01.31 14:27:12.962)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -1052,4 +1386,4 @@ interface KTForProps<T> {
 declare function KTFor<T>(props: KTForProps<T>): KForElement;
 
 export { Fragment, KTAsync, KTFor, h as createElement, createRedrawable, createRedrawableNoref, h, jsx, jsxDEV, jsxs, ref };
-export type { EventHandler, HTMLTag, KTAttribute, KTForProps, KTHTMLElement, KTRawAttr, KTRawContent, KTRawContents, KTRef, Redraw };
+export type { EventHandler, HTMLTag, KTAttribute, KTForProps, KTHTMLElement, KTRawAttr, KTRawContent, KTRawContents, KTRef };

package/dist/index.iife.js

@@ -202,7 +202,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.18.4 (Last Update: 2026.01.31 01:05:10.539)
+     * @version 0.18.7 (Last Update: 2026.01.31 14:27:12.962)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/index.legacy.js

@@ -215,7 +215,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.18.4 (Last Update: 2026.01.31 01:05:10.539)
+     * @version 0.18.7 (Last Update: 2026.01.31 14:27:12.962)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/index.mjs

@@ -199,7 +199,7 @@ const svgTempWrapper = document.createElement('div');
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.18.4 (Last Update: 2026.01.31 01:05:10.539)
+ * @version 0.18.7 (Last Update: 2026.01.31 14:27:12.962)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!