@ktjs/core 0.10.0 → 0.10.2

package/dist/index.d.ts

@@ -20,7 +20,12 @@ interface KTRef<T> {
     value: T;
     isKT: true;
 }
-declare function ref<T>(value?: T): KTRef<T>;
+/**
+ * Reference to the created HTML element.
+ * - can alse be used to store normal values, but it is not reactive.
+ * @param value mostly an HTMLElement
+ */
+declare function ktref<T = HTMLElement>(value?: T): KTRef<T>;
 
 type KTAvailableContent = KTRef<any> | HTMLElement | string | number | undefined;
 type KTRawContent =
@@ -42,6 +47,8 @@ type EventHandler<T extends Event = Event> = (this: HTMLElement, ev: T) => any;
 interface KTBaseAttribute {
   [k: string]: any;
 
+  ref?: KTRef<HTMLElement>;
+
   id?: string;
   class?: string;
   style?: string | Partial<CSSStyleDeclaration>;
@@ -118,7 +125,7 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.10.0 (Last Update: 2025.12.30 14:19:29.793)
+ * @version 0.10.2 (Last Update: 2025.12.30 15:34:11.276)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -175,5 +182,5 @@ declare function KTAsync(props: {
     children?: KTRawContent;
 }): HTMLElement;
 
-export { Fragment, KTAsync, h as createElement, h, jsx, jsxDEV, jsxs, ref };
+export { Fragment, KTAsync, h as createElement, h, jsx, jsxDEV, jsxs, ktref };
 export type { EventHandler, HTMLTag, KTAttribute, KTRawAttr, KTRawContent, KTRawContents, KTRef, KTRuntime };

package/dist/index.iife.js

@@ -221,7 +221,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.10.0 (Last Update: 2025.12.30 14:19:29.793)
+     * @version 0.10.2 (Last Update: 2025.12.30 15:34:11.276)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!
@@ -261,7 +261,7 @@ var __ktjs_core__ = (function (exports) {
         const children = propObj.children;
         delete propObj.children;
         // deal with ref attribute
-        const ref = propObj.ref?.isRef ? propObj.ref : null;
+        const ref = propObj.ref?.isKT ? propObj.ref : null;
         if (ref) {
             delete propObj.ref;
         }
@@ -312,7 +312,12 @@ var __ktjs_core__ = (function (exports) {
      */
     const jsxs = jsx;
 
-    function ref(value) {
+    /**
+     * Reference to the created HTML element.
+     * - can alse be used to store normal values, but it is not reactive.
+     * @param value mostly an HTMLElement
+     */
+    function ktref(value) {
         return { value: value, isKT: true };
     }
 
@@ -335,7 +340,7 @@ var __ktjs_core__ = (function (exports) {
     exports.jsx = jsx;
     exports.jsxDEV = jsxDEV;
     exports.jsxs = jsxs;
-    exports.ref = ref;
+    exports.ktref = ktref;
 
     return exports;
 

package/dist/index.legacy.js

@@ -237,7 +237,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.10.0 (Last Update: 2025.12.30 14:19:29.793)
+     * @version 0.10.2 (Last Update: 2025.12.30 15:34:11.276)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!
@@ -313,7 +313,7 @@ var __ktjs_core__ = (function (exports) {
         var children = propObj.children;
         delete propObj.children;
         // deal with ref attribute
-        var ref = ((_a = propObj.ref) === null || _a === void 0 ? void 0 : _a.isRef) ? propObj.ref : null;
+        var ref = ((_a = propObj.ref) === null || _a === void 0 ? void 0 : _a.isKT) ? propObj.ref : null;
         if (ref) {
             delete propObj.ref;
         }
@@ -368,7 +368,12 @@ var __ktjs_core__ = (function (exports) {
      */
     var jsxs = jsx;
 
-    function ref(value) {
+    /**
+     * Reference to the created HTML element.
+     * - can alse be used to store normal values, but it is not reactive.
+     * @param value mostly an HTMLElement
+     */
+    function ktref(value) {
         return { value: value, isKT: true };
     }
 
@@ -391,7 +396,7 @@ var __ktjs_core__ = (function (exports) {
     exports.jsx = jsx;
     exports.jsxDEV = jsxDEV;
     exports.jsxs = jsxs;
-    exports.ref = ref;
+    exports.ktref = ktref;
 
     return exports;
 

package/dist/index.mjs

@@ -218,7 +218,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.10.0 (Last Update: 2025.12.30 14:19:29.793)
+ * @version 0.10.2 (Last Update: 2025.12.30 15:34:11.276)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -258,7 +258,7 @@ function jsx(tag, props, ..._metadata) {
     const children = propObj.children;
     delete propObj.children;
     // deal with ref attribute
-    const ref = propObj.ref?.isRef ? propObj.ref : null;
+    const ref = propObj.ref?.isKT ? propObj.ref : null;
     if (ref) {
         delete propObj.ref;
     }
@@ -309,7 +309,12 @@ const jsxDEV = (...args) => {
  */
 const jsxs = jsx;
 
-function ref(value) {
+/**
+ * Reference to the created HTML element.
+ * - can alse be used to store normal values, but it is not reactive.
+ * @param value mostly an HTMLElement
+ */
+function ktref(value) {
     return { value: value, isKT: true };
 }
 
@@ -325,4 +330,4 @@ function KTAsync(props) {
     return comp;
 }
 
-export { Fragment, KTAsync, h as createElement, h, jsx, jsxDEV, jsxs, ref };
+export { Fragment, KTAsync, h as createElement, h, jsx, jsxDEV, jsxs, ktref };

package/dist/jsx/index.d.ts

@@ -9,7 +9,12 @@ interface KTRef<T> {
     value: T;
     isKT: true;
 }
-declare function ref<T>(value?: T): KTRef<T>;
+/**
+ * Reference to the created HTML element.
+ * - can alse be used to store normal values, but it is not reactive.
+ * @param value mostly an HTMLElement
+ */
+declare function ktref<T = HTMLElement>(value?: T): KTRef<T>;
 
 type KTAvailableContent = KTRef<any> | HTMLElement | string | number | undefined;
 type KTRawContent =
@@ -25,6 +30,8 @@ type KTRawAttr = KTAttribute | string;
 interface KTBaseAttribute {
   [k: string]: any;
 
+  ref?: KTRef<HTMLElement>;
+
   id?: string;
   class?: string;
   style?: string | Partial<CSSStyleDeclaration>;
@@ -94,7 +101,7 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.10.0 (Last Update: 2025.12.30 14:19:29.793)
+ * @version 0.10.2 (Last Update: 2025.12.30 15:34:11.276)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -145,5 +152,5 @@ declare global {
   }
 }
 
-export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ref };
+export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ktref };
 export type { KTRef };

package/dist/jsx/index.mjs

@@ -201,7 +201,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.10.0 (Last Update: 2025.12.30 14:19:29.793)
+ * @version 0.10.2 (Last Update: 2025.12.30 15:34:11.276)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -241,7 +241,7 @@ function jsx(tag, props, ..._metadata) {
     const children = propObj.children;
     delete propObj.children;
     // deal with ref attribute
-    const ref = propObj.ref?.isRef ? propObj.ref : null;
+    const ref = propObj.ref?.isKT ? propObj.ref : null;
     if (ref) {
         delete propObj.ref;
     }
@@ -292,8 +292,13 @@ const jsxDEV = (...args) => {
  */
 const jsxs = jsx;
 
-function ref(value) {
+/**
+ * Reference to the created HTML element.
+ * - can alse be used to store normal values, but it is not reactive.
+ * @param value mostly an HTMLElement
+ */
+function ktref(value) {
     return { value: value, isKT: true };
 }
 
-export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ref };
+export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ktref };

package/dist/jsx/jsx-runtime.d.ts

@@ -24,6 +24,8 @@ type KTRawAttr = KTAttribute | string;
 interface KTBaseAttribute {
   [k: string]: any;
 
+  ref?: KTRef<HTMLElement>;
+
   id?: string;
   class?: string;
   style?: string | Partial<CSSStyleDeclaration>;
@@ -93,7 +95,7 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.10.0 (Last Update: 2025.12.30 14:19:29.793)
+ * @version 0.10.2 (Last Update: 2025.12.30 15:34:11.276)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/jsx/jsx-runtime.mjs

@@ -201,7 +201,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.10.0 (Last Update: 2025.12.30 14:19:29.793)
+ * @version 0.10.2 (Last Update: 2025.12.30 15:34:11.276)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -241,7 +241,7 @@ function jsx(tag, props, ..._metadata) {
     const children = propObj.children;
     delete propObj.children;
     // deal with ref attribute
-    const ref = propObj.ref?.isRef ? propObj.ref : null;
+    const ref = propObj.ref?.isKT ? propObj.ref : null;
     if (ref) {
         delete propObj.ref;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/core",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "Core functionality for kt.js - DOM manipulation utilities with JSX/TSX support",
   "type": "module",
   "module": "./dist/index.mjs",