Update new functions

src/components/Autocomplete.js

@@ -1,5 +1,5 @@
 // components/Autocomplete.js
-import { $, $html, $for } from "../sigpro.js";
+import { $, Tag, For } from "../sigpro.js";
 import { val } from "../core/utils.js";
 import { tt } from "../core/i18n.js";
 import { Input } from "./Input.js";
@@ -58,7 +58,7 @@ export const Autocomplete = (props) => {
     }
   };
 
-  return $html("div", { class: 'relative w-full' }, [
+  return Tag("div", { class: 'relative w-full' }, [
     Input({
       label,
       class: className, 
@@ -76,18 +76,18 @@ export const Autocomplete = (props) => {
       },
       ...rest,
     }),
-    $html(
+    Tag(
       "ul",
       {
         class: "absolute left-0 w-full menu bg-base-100 rounded-box mt-1 p-2 shadow-xl max-h-60 overflow-y-auto border border-base-300 z-50",
         style: () => (isOpen() && list().length ? "display:block" : "display:none"),
       },
       [
-        $for(
+        For(
           list,
           (opt, i) =>
-            $html("li", {}, [
-              $html(
+            Tag("li", {}, [
+              Tag(
                 "a",
                 {
                   class: () => `block w-full ${cursor() === i ? "active bg-primary text-primary-content" : ""}`,
@@ -99,7 +99,7 @@ export const Autocomplete = (props) => {
             ]),
           (opt, i) => (typeof opt === "string" ? opt : opt.value) + i,
         ),
-        () => (list().length ? null : $html("li", { class: "p-2 text-center opacity-50" }, tt("nodata")())),
+        () => (list().length ? null : Tag("li", { class: "p-2 text-center opacity-50" }, tt("nodata")())),
       ],
     ),
   ]);