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,

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,

dist/sigpro.css

@@ -4163,6 +4163,19 @@
     mask-size: 100% 100%;
     --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 9h16M4 15h16M10 3L8 21m8-18l-2 18'/%3E%3C/svg%3E");
   }
+  .icon-\[lucide--heart\] {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676a.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E");
+  }
   .icon-\[lucide--info\] {
     display: inline-block;
     width: 1em;
@@ -6926,18 +6939,6 @@
   color: oklch(28% 0.01 260);
   font-size: 1.1rem;
 }
-.collapse .collapse-content {
-  transform: scaleY(0);
-  transform-origin: top;
-  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  height: 0;
-  opacity: 0;
-}
-.collapse:has(input:checked) .collapse-content {
-  transform: scaleY(1);
-  height: auto;
-  opacity: 1;
-}
 .tab-content-inner {
   animation: tabFadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   transform-origin: top;