simplify components

dist/sigpro-ui.js

@@ -758,17 +758,12 @@
     Button: () => Button
   });
   var Button = (props, children) => {
-    const { class: className, loading, icon, ...rest } = props;
-    const iconEl = getIcon(icon);
+    const { class: className, ...rest } = props;
     return S("button", {
       ...rest,
       class: ui("btn", className),
-      disabled: () => val2(loading) || val2(props.disabled)
-    }, () => [
-      val2(loading) && S("span", { class: "loading loading-spinner" }),
-      iconEl,
-      children
-    ].filter(Boolean));
+      disabled: () => val2(props.disabled)
+    }, () => children);
   };
 
   // src/components/Checkbox.js
@@ -1313,6 +1308,17 @@
     ]);
   };
 
+  // src/components/Icon.js
+  var exports_Icon = {};
+  __export(exports_Icon, {
+    Icon: () => Icon
+  });
+  var Icon = (iconClass) => {
+    if (!iconClass)
+      return null;
+    return S("span", { class: iconClass });
+  };
+
   // src/components/Indicator.js
   var exports_Indicator = {};
   __export(exports_Indicator, {
@@ -1557,6 +1563,16 @@
     ]);
   };
 
+  // src/components/Spinner.js
+  var exports_Spinner = {};
+  __export(exports_Spinner, {
+    Spinner: () => Spinner
+  });
+  var Spinner = (props) => {
+    const { value, ...rest } = props;
+    return If(() => val2(value), () => S("span", { class: "loading loading-spinner", ...rest }));
+  };
+
   // src/components/Stack.js
   var exports_Stack = {};
   __export(exports_Stack, {
@@ -1858,6 +1874,7 @@
     ...exports_Fab,
     ...exports_Fieldset,
     ...exports_Fileinput,
+    ...exports_Icon,
     ...exports_Indicator,
     ...exports_Input,
     ...exports_Label,
@@ -1869,6 +1886,7 @@
     ...exports_Range,
     ...exports_Rating,
     ...exports_Select,
+    ...exports_Spinner,
     ...exports_Stack,
     ...exports_Stat,
     ...exports_Swap,