Update new functions

src/components/Fab.js

@@ -1,5 +1,5 @@
 // components/Fab.js
-import { $html } from "../sigpro.js";
+import { Tag } from "../sigpro.js";
 import { val, ui, getIcon } from "../core/utils.js";
 
 /**
@@ -16,14 +16,14 @@ import { val, ui, getIcon } from "../core/utils.js";
 export const Fab = (props) => {
   const { class: className, icon, label, actions = [], position = "bottom-6 right-6", ...rest } = props;
 
-  return $html(
+  return Tag(
     "div",
     {
       ...rest,
       class: ui(`fab absolute ${position} flex flex-col-reverse items-end gap-3 z-[100]`, className),
     },
     [
-      $html(
+      Tag(
         "div",
         {
           tabindex: 0,
@@ -37,9 +37,9 @@ export const Fab = (props) => {
       ),
 
       ...val(actions).map((act) =>
-        $html("div", { class: "flex items-center gap-3 transition-all duration-300" }, [
-          act.label ? $html("span", { class: "badge badge-ghost shadow-sm whitespace-nowrap" }, act.label) : null,
-          $html(
+        Tag("div", { class: "flex items-center gap-3 transition-all duration-300" }, [
+          act.label ? Tag("span", { class: "badge badge-ghost shadow-sm whitespace-nowrap" }, act.label) : null,
+          Tag(
             "button",
             {
               type: "button",