@ktjs/jsx 0.6.6 → 0.6.9

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var e=require("@ktjs/core");function t(t,n,...r){const o="string"==typeof n?{class:n}:n;if(null==o)return e.h(t);const s=o.children;return delete o.children,e.h(t,o,s)}const n=t,r=t;Object.defineProperty(exports,"createElement",{enumerable:!0,get:function(){return e.h}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return e.h}}),exports.Fragment=function(e){window.__ktjs__.throws("kt.js doesn't have a Fragment concept")},exports.jsx=t,exports.jsxDEV=n,exports.jsxs=r;
+"use strict";var e=require("@ktjs/core");function t(t,n,...r){const o="string"==typeof n?{class:n}:n;if(null==o)return e.h(t);const s=o.children;delete o.children;const c=e.h(t,o,s);return"ref"in o&&"object"==typeof o.ref&&null!==o.ref&&(o.ref.value=c),c}const n=t,r=t;Object.defineProperty(exports,"createElement",{enumerable:!0,get:function(){return e.h}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return e.h}}),exports.Fragment=function(e){window.__ktjs__.throws("kt.js doesn't have a Fragment concept")},exports.jsx=t,exports.jsxDEV=n,exports.jsxs=r,exports.ref=function(){return{value:null}};

package/dist/index.d.ts

@@ -44,4 +44,40 @@ declare global {
   }
 }
 
-export { Fragment, jsx, jsxDEV, jsxs };
+/**
+ * @ktjs/jsx - JSX/TSX support for KT.js
+ *
+ * This package provides JSX transformation support for KT.js,
+ * allowing you to write UI code with JSX syntax while maintaining
+ * the direct DOM manipulation philosophy of KT.js.
+ *
+ * @example
+ * ```tsx
+ * import { h } from '@ktjs/jsx';
+ *
+ * const App = (
+ *   <div class="app">
+ *     <h1>Hello KT.js with JSX!</h1>
+ *     <button @click={() => alert('Clicked!')}>
+ *       Click me
+ *     </button>
+ *   </div>
+ * );
+ * ```
+ *
+ * ## About
+ * @package @ktjs/jsx
+ * @author Kasukabe Tsumugi <futami16237@gmail.com>
+ * @version 0.6.9 (Last Update: 2025.12.24 17:36:14.916)
+ * @license MIT
+ * @link https://github.com/baendlorel/kt.js
+ * @link https://baendlorel.github.io/ Welcome to my site!
+ * @description JSX/TSX support for KT.js - Build UIs with JSX syntax while keeping direct DOM control
+ * @copyright Copyright (c) 2025 Kasukabe Tsumugi. All rights reserved.
+ */
+
+declare function ref<T extends HTMLElement>(): {
+    value: T;
+};
+
+export { Fragment, jsx, jsxDEV, jsxs, ref };

package/dist/index.mjs

@@ -1 +1 @@
-import{h as t}from"@ktjs/core";export{h as createElement,h}from"@ktjs/core";function e(e,n,...o){const r="string"==typeof n?{class:n}:n;if(null==r)return t(e);const c=r.children;return delete r.children,t(e,r,c)}function n(t){window.__ktjs__.throws("kt.js doesn't have a Fragment concept")}const o=e,r=e;export{n as Fragment,e as jsx,o as jsxDEV,r as jsxs};
+import{h as t}from"@ktjs/core";export{h as createElement,h}from"@ktjs/core";function e(e,n,...o){const r="string"==typeof n?{class:n}:n;if(null==r)return t(e);const c=r.children;delete r.children;const s=t(e,r,c);return"ref"in r&&"object"==typeof r.ref&&null!==r.ref&&(r.ref.value=s),s}function n(t){window.__ktjs__.throws("kt.js doesn't have a Fragment concept")}const o=e,r=e;function c(){return{value:null}}export{n as Fragment,e as jsx,o as jsxDEV,r as jsxs,c as ref};

package/dist/jsx-runtime.cjs

@@ -14,7 +14,11 @@ function jsx(tag, props, ..._metadata) {
     }
     const children = propObj.children;
     delete propObj.children;
-    return core.h(tag, propObj, children);
+    const el = core.h(tag, propObj, children);
+    if ('ref' in propObj && typeof propObj.ref === 'object' && propObj.ref !== null) {
+        propObj.ref.value = el;
+    }
+    return el;
 }
 /**
  * Fragment support - returns an array of children

package/dist/jsx-runtime.mjs

@@ -13,7 +13,11 @@ function jsx(tag, props, ..._metadata) {
     }
     const children = propObj.children;
     delete propObj.children;
-    return h(tag, propObj, children);
+    const el = h(tag, propObj, children);
+    if ('ref' in propObj && typeof propObj.ref === 'object' && propObj.ref !== null) {
+        propObj.ref.value = el;
+    }
+    return el;
 }
 /**
  * Fragment support - returns an array of children

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/jsx",
-  "version": "0.6.6",
+  "version": "0.6.9",
   "description": "JSX/TSX support for KT.js - Build UIs with JSX syntax while keeping direct DOM control",
   "author": {
     "name": "Kasukabe Tsumugi",
@@ -51,7 +51,7 @@
     "directory": "packages/jsx"
   },
   "peerDependencies": {
-    "@ktjs/core": "^0.5.0"
+    "@ktjs/core": "0.6.6"
   },
   "devDependencies": {
     "@ktjs/core": "0.6.6"