@ktjs/core 0.11.1 → 0.12.0

package/dist/index.d.ts

@@ -25,13 +25,21 @@ interface KTRef<T> {
  * - 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 | Element | string | number | boolean | null | undefined;
-type KTAvailableContents = KTAvailableContent[] | KTAvailableContent;
-type KTRawContent = KTAvailableContents | Promise<KTAvailableContents>;
+declare function ref<T = HTMLElement>(value?: T): KTRef<T>;
+
+type KTAvailableContent =
+  | KTRef<any>
+  | HTMLElement
+  | Element
+  | string
+  | number
+  | boolean
+  | null
+  | undefined
+  | (KTRef<any> | HTMLElement | Element | string | number | boolean | null | undefined)[];
+type KTRawContent = KTAvailableContent | Promise<KTAvailableContent>;
 type KTRawAttr = KTAttribute | string;
-type KTRawContents = KTAvailableContents;
+type KTRawContents = KTAvailableContent;
 
 /**
  * Event handler type for DOM events
@@ -126,7 +134,7 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.11.1 (Last Update: 2026.01.14 15:13:36.162)
+ * @version 0.12.0 (Last Update: 2026.01.14 15:48:26.320)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -183,9 +191,10 @@ declare global {
 type ExtractComponentProps<T> = T extends (props: infer P) => any ? Omit<P, 'ref' | 'children'> : {};
 declare function KTAsync<T extends KTComponent>(props: {
     ref?: KTRef<HTMLElement>;
+    skeleton?: HTMLElement;
     component: T;
     children?: KTRawContent;
 } & ExtractComponentProps<T>): HTMLElement;
 
-export { Fragment, KTAsync, h as createElement, h, jsx, jsxDEV, jsxs, ktref };
+export { Fragment, KTAsync, h as createElement, h, jsx, jsxDEV, jsxs, ref };
 export type { EventHandler, HTMLTag, KTAttribute, KTRawAttr, KTRawContent, KTRawContents, KTRef, KTRuntime };

package/dist/index.iife.js

@@ -225,7 +225,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.11.1 (Last Update: 2026.01.14 15:13:36.162)
+     * @version 0.12.0 (Last Update: 2026.01.14 15:48:26.320)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!
@@ -321,13 +321,13 @@ var __ktjs_core__ = (function (exports) {
      * - can alse be used to store normal values, but it is not reactive.
      * @param value mostly an HTMLElement
      */
-    function ktref(value) {
+    function ref(value) {
         return { value: value, isKT: true };
     }
 
     function KTAsync(props) {
         const raw = props.component(props);
-        let comp = document.createComment('ktjs-suspense-placeholder');
+        let comp = props.skeleton ?? document.createComment('ktjs-suspense-placeholder');
         if ($isThenable(raw)) {
             raw.then((resolved) => comp.replaceWith(resolved));
         }
@@ -344,7 +344,7 @@ var __ktjs_core__ = (function (exports) {
     exports.jsx = jsx;
     exports.jsxDEV = jsxDEV;
     exports.jsxs = jsxs;
-    exports.ktref = ktref;
+    exports.ref = ref;
 
     return exports;
 

package/dist/index.legacy.js

@@ -241,7 +241,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.11.1 (Last Update: 2026.01.14 15:13:36.162)
+     * @version 0.12.0 (Last Update: 2026.01.14 15:48:26.320)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!
@@ -377,13 +377,14 @@ var __ktjs_core__ = (function (exports) {
      * - can alse be used to store normal values, but it is not reactive.
      * @param value mostly an HTMLElement
      */
-    function ktref(value) {
+    function ref(value) {
         return { value: value, isKT: true };
     }
 
     function KTAsync(props) {
+        var _a;
         var raw = props.component(props);
-        var comp = document.createComment('ktjs-suspense-placeholder');
+        var comp = (_a = props.skeleton) !== null && _a !== void 0 ? _a : document.createComment('ktjs-suspense-placeholder');
         if ($isThenable(raw)) {
             raw.then(function (resolved) { return comp.replaceWith(resolved); });
         }
@@ -400,7 +401,7 @@ var __ktjs_core__ = (function (exports) {
     exports.jsx = jsx;
     exports.jsxDEV = jsxDEV;
     exports.jsxs = jsxs;
-    exports.ktref = ktref;
+    exports.ref = ref;
 
     return exports;
 

package/dist/index.mjs

@@ -222,7 +222,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.11.1 (Last Update: 2026.01.14 15:13:36.162)
+ * @version 0.12.0 (Last Update: 2026.01.14 15:48:26.320)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -318,13 +318,13 @@ const jsxs = jsx;
  * - can alse be used to store normal values, but it is not reactive.
  * @param value mostly an HTMLElement
  */
-function ktref(value) {
+function ref(value) {
     return { value: value, isKT: true };
 }
 
 function KTAsync(props) {
     const raw = props.component(props);
-    let comp = document.createComment('ktjs-suspense-placeholder');
+    let comp = props.skeleton ?? document.createComment('ktjs-suspense-placeholder');
     if ($isThenable(raw)) {
         raw.then((resolved) => comp.replaceWith(resolved));
     }
@@ -334,4 +334,4 @@ function KTAsync(props) {
     return comp;
 }
 
-export { Fragment, KTAsync, h as createElement, h, jsx, jsxDEV, jsxs, ktref };
+export { Fragment, KTAsync, h as createElement, h, jsx, jsxDEV, jsxs, ref };

package/dist/jsx/index.d.ts

@@ -14,11 +14,19 @@ interface KTRef<T> {
  * - 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 | Element | string | number | boolean | null | undefined;
-type KTAvailableContents = KTAvailableContent[] | KTAvailableContent;
-type KTRawContent = KTAvailableContents | Promise<KTAvailableContents>;
+declare function ref<T = HTMLElement>(value?: T): KTRef<T>;
+
+type KTAvailableContent =
+  | KTRef<any>
+  | HTMLElement
+  | Element
+  | string
+  | number
+  | boolean
+  | null
+  | undefined
+  | (KTRef<any> | HTMLElement | Element | string | number | boolean | null | undefined)[];
+type KTRawContent = KTAvailableContent | Promise<KTAvailableContent>;
 type KTRawAttr = KTAttribute | string;
 
 /**
@@ -101,7 +109,7 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.11.1 (Last Update: 2026.01.14 15:13:36.162)
+ * @version 0.12.0 (Last Update: 2026.01.14 15:48:26.320)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -152,5 +160,5 @@ declare global {
   }
 }
 
-export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ktref };
+export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ref };
 export type { KTRef };

package/dist/jsx/index.mjs

@@ -205,7 +205,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.11.1 (Last Update: 2026.01.14 15:13:36.162)
+ * @version 0.12.0 (Last Update: 2026.01.14 15:48:26.320)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -301,8 +301,8 @@ const jsxs = jsx;
  * - can alse be used to store normal values, but it is not reactive.
  * @param value mostly an HTMLElement
  */
-function ktref(value) {
+function ref(value) {
     return { value: value, isKT: true };
 }
 
-export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ktref };
+export { Fragment, h as createElement, jsx, jsxDEV, jsxs, ref };

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

@@ -10,9 +10,17 @@ interface KTRef<T> {
     isKT: true;
 }
 
-type KTAvailableContent = KTRef<any> | HTMLElement | Element | string | number | boolean | null | undefined;
-type KTAvailableContents = KTAvailableContent[] | KTAvailableContent;
-type KTRawContent = KTAvailableContents | Promise<KTAvailableContents>;
+type KTAvailableContent =
+  | KTRef<any>
+  | HTMLElement
+  | Element
+  | string
+  | number
+  | boolean
+  | null
+  | undefined
+  | (KTRef<any> | HTMLElement | Element | string | number | boolean | null | undefined)[];
+type KTRawContent = KTAvailableContent | Promise<KTAvailableContent>;
 type KTRawAttr = KTAttribute | string;
 
 /**
@@ -95,7 +103,7 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.11.1 (Last Update: 2026.01.14 15:13:36.162)
+ * @version 0.12.0 (Last Update: 2026.01.14 15:48:26.320)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/jsx/jsx-runtime.mjs

@@ -205,7 +205,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.11.1 (Last Update: 2026.01.14 15:13:36.162)
+ * @version 0.12.0 (Last Update: 2026.01.14 15:48:26.320)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!

package/package.json

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