simplify components

dist/sigpro-ui.esm.js

@@ -727,17 +727,12 @@ __export(exports_Button, {
   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
@@ -1282,6 +1277,17 @@ var Fileinput = (props) => {
   ]);
 };
 
+// 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, {
@@ -1526,6 +1532,16 @@ var Select = (props) => {
   ]);
 };
 
+// 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, {
@@ -1827,6 +1843,7 @@ var Components = {
   ...exports_Fab,
   ...exports_Fieldset,
   ...exports_Fileinput,
+  ...exports_Icon,
   ...exports_Indicator,
   ...exports_Input,
   ...exports_Label,
@@ -1838,6 +1855,7 @@ var Components = {
   ...exports_Range,
   ...exports_Rating,
   ...exports_Select,
+  ...exports_Spinner,
   ...exports_Stack,
   ...exports_Stat,
   ...exports_Swap,