@ktjs/mui 0.17.2 → 0.17.3

package/dist/index.d.ts

@@ -109,10 +109,13 @@ interface TextFieldProps {
     'mui:blur'?: (value: string, event: Event) => void;
     'mui:focus'?: (value: string, event: Event) => void;
 }
+type KTMuiTextField = KTHTMLElement & {
+    value: string;
+};
 /**
  * TextField component - mimics MUI TextField appearance and behavior
  */
-declare function TextField(props: TextFieldProps): KTHTMLElement;
+declare function TextField(props: TextFieldProps): KTMuiTextField;
 
 interface RadioProps {
     value: string;

package/dist/index.iife.js

@@ -280,6 +280,15 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
         const container = (jsxRuntime.jsxs("div", { class: 'mui-textfield-root ' + (props.class ? props.class : ''), style: props.style ? props.style : '', children: [jsxRuntime.jsxs("div", { class: "mui-textfield-wrapper", children: [jsxRuntime.jsxs("label", { "k-if": label, class: "mui-textfield-label", children: [label, required && jsxRuntime.jsx("span", { class: "mui-textfield-required", children: "*" })] }), jsxRuntime.jsx("div", { class: "mui-textfield-input-wrapper", children: inputElement }), jsxRuntime.jsx("fieldset", { class: "mui-textfield-fieldset", children: jsxRuntime.jsx("legend", { "k-if": label, class: "mui-textfield-legend", children: jsxRuntime.jsxs("span", { children: [label, required && '*'] }) }) })] }), helperText && jsxRuntime.jsx("p", { class: "mui-textfield-helper-text", children: helperText })] }));
         // Initialize classes
         setTimeout(() => updateClasses(), 0);
+        Object.defineProperty(container, 'value', {
+            get() {
+                return inputRef.value.value;
+            },
+            set(newValue) {
+                inputRef.value.value = newValue;
+                updateClasses();
+            },
+        });
         return container;
     }
 

package/dist/index.mjs

@@ -280,6 +280,15 @@ function TextField(props) {
     const container = (jsxs("div", { class: 'mui-textfield-root ' + (props.class ? props.class : ''), style: props.style ? props.style : '', children: [jsxs("div", { class: "mui-textfield-wrapper", children: [jsxs("label", { "k-if": label, class: "mui-textfield-label", children: [label, required && jsx("span", { class: "mui-textfield-required", children: "*" })] }), jsx("div", { class: "mui-textfield-input-wrapper", children: inputElement }), jsx("fieldset", { class: "mui-textfield-fieldset", children: jsx("legend", { "k-if": label, class: "mui-textfield-legend", children: jsxs("span", { children: [label, required && '*'] }) }) })] }), helperText && jsx("p", { class: "mui-textfield-helper-text", children: helperText })] }));
     // Initialize classes
     setTimeout(() => updateClasses(), 0);
+    Object.defineProperty(container, 'value', {
+        get() {
+            return inputRef.value.value;
+        },
+        set(newValue) {
+            inputRef.value.value = newValue;
+            updateClasses();
+        },
+    });
     return container;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/mui",
-  "version": "0.17.2",
+  "version": "0.17.3",
   "description": "Material-UI inspired components for kt.js - pre-styled UI components",
   "type": "module",
   "module": "./dist/index.mjs",