@ktjs/mui 0.17.7 → 0.17.9

package/dist/index.d.ts

@@ -9,9 +9,9 @@ interface AlertProps {
     severity?: 'error' | 'warning' | 'info' | 'success';
     variant?: 'standard' | 'filled' | 'outlined';
     icon?: HTMLElement | KTHTMLElement | false;
-    onClose?: () => void;
+    'mui:close'?: () => void;
 }
-/**
+/**s
  * Alert component - mimics MUI Alert appearance and behavior
  */
 declare function Alert(props: AlertProps): KTHTMLElement;

package/dist/index.iife.js

@@ -1,14 +1,12 @@
 var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
     'use strict';
 
-    /**
+    /**s
      * Alert component - mimics MUI Alert appearance and behavior
      */
     function Alert(props) {
-        const { children, severity = 'info', variant = 'standard', icon, onClose, sx } = props;
-        const classes = ['mui-alert', `mui-alert-${severity}`, `mui-alert-${variant}`, props.class ? props.class : '']
-            .filter(Boolean)
-            .join(' ');
+        const { children, severity = 'info', variant = 'standard', icon, 'mui:close': onClose, sx } = props;
+        const classes = `mui-alert mui-alert-${severity} mui-alert-${variant} ${props.class ? props.class : ''}`;
         // Convert sx object to style string
         let styleString = props.style || '';
         if (sx) {
@@ -374,7 +372,7 @@ var __ktjs_mui__ = (function (exports, jsxRuntime, kt_js) {
         // Create input or textarea element
         // Only show placeholder when label is floating (focused or has value)
         const getPlaceholder = () => (label && !isFocused && !value ? '' : placeholder);
-        const inputElement = multiline ? (jsxRuntime.jsx("textarea", { ref: inputRef, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, readonly: readonly, required: required, rows: rows, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur })) : (jsxRuntime.jsx("input", { ref: inputRef, type: type, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, readonly: readonly, required: required, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur }));
+        const inputElement = multiline ? (jsxRuntime.jsx("textarea", { ref: inputRef, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, readOnly: readonly, required: required, rows: rows, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur })) : (jsxRuntime.jsx("input", { ref: inputRef, type: type, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, readOnly: readonly, required: required, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur }));
         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);

package/dist/index.mjs

@@ -1,14 +1,12 @@
 import { jsxs, jsx } from 'kt.js/jsx-runtime';
 import { ref as ref$1, createRedrawable } from 'kt.js';
 
-/**
+/**s
  * Alert component - mimics MUI Alert appearance and behavior
  */
 function Alert(props) {
-    const { children, severity = 'info', variant = 'standard', icon, onClose, sx } = props;
-    const classes = ['mui-alert', `mui-alert-${severity}`, `mui-alert-${variant}`, props.class ? props.class : '']
-        .filter(Boolean)
-        .join(' ');
+    const { children, severity = 'info', variant = 'standard', icon, 'mui:close': onClose, sx } = props;
+    const classes = `mui-alert mui-alert-${severity} mui-alert-${variant} ${props.class ? props.class : ''}`;
     // Convert sx object to style string
     let styleString = props.style || '';
     if (sx) {
@@ -374,7 +372,7 @@ function TextField(props) {
     // Create input or textarea element
     // Only show placeholder when label is floating (focused or has value)
     const getPlaceholder = () => (label && !isFocused && !value ? '' : placeholder);
-    const inputElement = multiline ? (jsx("textarea", { ref: inputRef, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, readonly: readonly, required: required, rows: rows, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur })) : (jsx("input", { ref: inputRef, type: type, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, readonly: readonly, required: required, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur }));
+    const inputElement = multiline ? (jsx("textarea", { ref: inputRef, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, readOnly: readonly, required: required, rows: rows, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur })) : (jsx("input", { ref: inputRef, type: type, class: "mui-textfield-input", placeholder: getPlaceholder(), value: value, disabled: disabled, readOnly: readonly, required: required, "on:input": handleInput, "on:change": handleChange, "on:focus": handleFocus, "on:blur": handleBlur }));
     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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/mui",
-  "version": "0.17.7",
+  "version": "0.17.9",
   "description": "Material-UI inspired components for kt.js - pre-styled UI components",
   "type": "module",
   "module": "./dist/index.mjs",
@@ -35,7 +35,7 @@
     "directory": "packages/mui"
   },
   "dependencies": {
-    "@ktjs/core": "0.17.4"
+    "@ktjs/core": "0.18.0"
   },
   "scripts": {
     "build": "rollup -c rollup.config.mjs",