adapt new Input

src/components/Autocomplete.js

@@ -65,7 +65,7 @@ export const Autocomplete = (props) => {
   };
 
   return h("div", { class: 'relative w-full' }, [
-    Input({
+    input({
       label,
       class: className, 
       placeholder: placeholder,

src/components/Datepicker.js

@@ -43,7 +43,7 @@ export const Datepicker = (props) => {
   };
   
   return h("div", { class: ui('relative w-full', className) }, [
-    Input({
+    input({
       label,
       placeholder: placeholder || (isRangeMode() ? "Seleccionar rango..." : "Seleccionar fecha..."),
       value: displayValue,

src/components/InputPopover.js

@@ -23,7 +23,7 @@ export const InputPopover = (props) => {
   const toggle = () => isOpen(!isOpen());
 
   return h("div", { class: ui("relative w-full", className) }, [
-    Input({
+    input({
       label,
       placeholder,
       value: displayValue,

src/components/Modal.js

@@ -53,7 +53,7 @@ export const Modal = (props, children) => {
       h("div", { class: "modal-action" }, [
         h("form", { method: "dialog", class: "flex gap-2" }, [
           ...(Array.isArray(buttons) ? buttons : [buttons]).filter(Boolean),
-          Button({ type: "submit" }, "close")
+          button({ type: "submit" }, "close")
         ])
       ])
     ]),

src/components/Toast.js

@@ -55,7 +55,7 @@ export const Toast = (message, type = "alert-success", duration = 3500) => {
       },
       [
         h("span", {}, [typeof message === "function" ? message() : message]), 
-        Button({ 
+        button({ 
           class: "btn-xs btn-circle btn-ghost", 
           onclick: close 
         }, closeIcon)