@ktjs/core 0.8.5 → 0.9.0

package/dist/index.d.ts

@@ -28,8 +28,8 @@ interface KTRef<T> {
 }
 declare function ref<T>(value?: T): KTRef<T>;
 
-type Ctt = KTRef<any> | HTMLElement | string | number | undefined;
-type KTRawContent = Ctt[] | Ctt;
+type KTAvailableContent = KTRef<any> | HTMLElement | string | number | undefined;
+type KTRawContent = KTAvailableContent[] | KTAvailableContent;
 type KTRawAttr = KTAttribute | string;
 type KTRawContents = (HTMLElement | string | undefined)[];
 
@@ -113,7 +113,7 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
+ * @version 0.9.0 (Last Update: 2025.12.29 11:09:49.983)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -123,11 +123,11 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
 declare const h: H;
 
 /**
- * @param tag html tag
+ * @param tag html tag or function component
  * @param props properties/attributes
  * @param _metadata metadata is ignored
  */
-declare function jsx<T extends HTMLTag>(tag: T, props: KTRawAttr, ..._metadata: any[]): HTMLElementTagNameMap[T];
+declare function jsx<T extends HTMLTag>(tag: T | Function, props: KTRawAttr, ..._metadata: any[]): HTMLElementTagNameMap[T] | HTMLElement;
 /**
  * Fragment support - returns an array of children
  * Note: kt.js doesn't have a real Fragment concept,

package/dist/index.iife.js

@@ -204,7 +204,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
+     * @version 0.9.0 (Last Update: 2025.12.29 11:09:49.983)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!
@@ -225,11 +225,18 @@ var __ktjs_core__ = (function (exports) {
     $mark(h, 'h');
 
     /**
-     * @param tag html tag
+     * @param tag html tag or function component
      * @param props properties/attributes
      * @param _metadata metadata is ignored
      */
     function jsx(tag, props, ..._metadata) {
+        // Handle function components
+        if (typeof tag === 'function') {
+            const propObj = typeof props === 'string' ? { class: props } : props || {};
+            const children = propObj.children;
+            return tag({ ...propObj, children });
+        }
+        // Handle regular HTML tags
         const propObj = typeof props === 'string' ? { class: props } : props;
         if (propObj === undefined || propObj === null) {
             return h(tag);

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.8.5 (Last Update: 2025.12.29 10:16:21.619)
+     * @version 0.9.0 (Last Update: 2025.12.29 11:09:49.983)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!
@@ -254,6 +254,17 @@ var __ktjs_core__ = (function (exports) {
     /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
+    var __assign = function() {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+
     function __spreadArray(to, from, pack) {
         if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
             if (ar || !(i in from)) {
@@ -270,12 +281,19 @@ var __ktjs_core__ = (function (exports) {
     };
 
     /**
-     * @param tag html tag
+     * @param tag html tag or function component
      * @param props properties/attributes
      * @param _metadata metadata is ignored
      */
     function jsx(tag, props) {
         var _a;
+        // Handle function components
+        if (typeof tag === 'function') {
+            var propObj_1 = typeof props === 'string' ? { class: props } : props || {};
+            var children_1 = propObj_1.children;
+            return tag(__assign(__assign({}, propObj_1), { children: children_1 }));
+        }
+        // Handle regular HTML tags
         var propObj = typeof props === 'string' ? { class: props } : props;
         if (propObj === undefined || propObj === null) {
             return h(tag);

package/dist/index.mjs

@@ -201,7 +201,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
+ * @version 0.9.0 (Last Update: 2025.12.29 11:09:49.983)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -222,11 +222,18 @@ const h = ((tag, attr = '', content = '') => {
 $mark(h, 'h');
 
 /**
- * @param tag html tag
+ * @param tag html tag or function component
  * @param props properties/attributes
  * @param _metadata metadata is ignored
  */
 function jsx(tag, props, ..._metadata) {
+    // Handle function components
+    if (typeof tag === 'function') {
+        const propObj = typeof props === 'string' ? { class: props } : props || {};
+        const children = propObj.children;
+        return tag({ ...propObj, children });
+    }
+    // Handle regular HTML tags
     const propObj = typeof props === 'string' ? { class: props } : props;
     if (propObj === undefined || propObj === null) {
         return h(tag);

package/dist/jsx/index.d.ts

@@ -11,8 +11,8 @@ interface KTRef<T> {
 }
 declare function ref<T>(value?: T): KTRef<T>;
 
-type Ctt = KTRef<any> | HTMLElement | string | number | undefined;
-type KTRawContent = Ctt[] | Ctt;
+type KTAvailableContent = KTRef<any> | HTMLElement | string | number | undefined;
+type KTRawContent = KTAvailableContent[] | KTAvailableContent;
 type KTRawAttr = KTAttribute | string;
 
 /**
@@ -90,7 +90,7 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
+ * @version 0.9.0 (Last Update: 2025.12.29 11:09:49.983)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -106,11 +106,11 @@ declare const h: H;
 declare const ktnull: any;
 
 /**
- * @param tag html tag
+ * @param tag html tag or function component
  * @param props properties/attributes
  * @param _metadata metadata is ignored
  */
-declare function jsx<T extends HTMLTag>(tag: T, props: KTRawAttr, ..._metadata: any[]): HTMLElementTagNameMap[T];
+declare function jsx<T extends HTMLTag>(tag: T | Function, props: KTRawAttr, ..._metadata: any[]): HTMLElementTagNameMap[T] | HTMLElement;
 /**
  * Fragment support - returns an array of children
  * Note: kt.js doesn't have a real Fragment concept,

package/dist/jsx/index.mjs

@@ -184,7 +184,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
+ * @version 0.9.0 (Last Update: 2025.12.29 11:09:49.983)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -205,11 +205,18 @@ const h = ((tag, attr = '', content = '') => {
 $mark(h, 'h');
 
 /**
- * @param tag html tag
+ * @param tag html tag or function component
  * @param props properties/attributes
  * @param _metadata metadata is ignored
  */
 function jsx(tag, props, ..._metadata) {
+    // Handle function components
+    if (typeof tag === 'function') {
+        const propObj = typeof props === 'string' ? { class: props } : props || {};
+        const children = propObj.children;
+        return tag({ ...propObj, children });
+    }
+    // Handle regular HTML tags
     const propObj = typeof props === 'string' ? { class: props } : props;
     if (propObj === undefined || propObj === null) {
         return h(tag);

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

@@ -10,8 +10,8 @@ interface KTRef<T> {
     isKT: true;
 }
 
-type Ctt = KTRef<any> | HTMLElement | string | number | undefined;
-type KTRawContent = Ctt[] | Ctt;
+type KTAvailableContent = KTRef<any> | HTMLElement | string | number | undefined;
+type KTRawContent = KTAvailableContent[] | KTAvailableContent;
 type KTRawAttr = KTAttribute | string;
 
 /**
@@ -89,7 +89,7 @@ type H = (<T extends HTMLTag>(tag: T, attr?: KTRawAttr, content?: KTRawContent)
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
+ * @version 0.9.0 (Last Update: 2025.12.29 11:09:49.983)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -105,11 +105,11 @@ declare const h: H;
 declare const ktnull: any;
 
 /**
- * @param tag html tag
+ * @param tag html tag or function component
  * @param props properties/attributes
  * @param _metadata metadata is ignored
  */
-declare function jsx<T extends HTMLTag>(tag: T, props: KTRawAttr, ..._metadata: any[]): HTMLElementTagNameMap[T];
+declare function jsx<T extends HTMLTag>(tag: T | Function, props: KTRawAttr, ..._metadata: any[]): HTMLElementTagNameMap[T] | HTMLElement;
 /**
  * Fragment support - returns an array of children
  * Note: kt.js doesn't have a real Fragment concept,

package/dist/jsx/jsx-runtime.mjs

@@ -184,7 +184,7 @@ function applyContent(element, content) {
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.8.5 (Last Update: 2025.12.29 10:16:21.619)
+ * @version 0.9.0 (Last Update: 2025.12.29 11:09:49.983)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -205,11 +205,18 @@ const h = ((tag, attr = '', content = '') => {
 $mark(h, 'h');
 
 /**
- * @param tag html tag
+ * @param tag html tag or function component
  * @param props properties/attributes
  * @param _metadata metadata is ignored
  */
 function jsx(tag, props, ..._metadata) {
+    // Handle function components
+    if (typeof tag === 'function') {
+        const propObj = typeof props === 'string' ? { class: props } : props || {};
+        const children = propObj.children;
+        return tag({ ...propObj, children });
+    }
+    // Handle regular HTML tags
     const propObj = typeof props === 'string' ? { class: props } : props;
     if (propObj === undefined || propObj === null) {
         return h(tag);

package/package.json

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