@sikka/hawa 0.37.2-next → 0.38.1-next

package/dist/appLayout/index.js

@@ -472,30 +472,54 @@ var Button = React5.forwardRef(
     children,
     labelProps,
     showHelperText = false,
+    inForm = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React5.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React5.createElement(
-        Loading,
+    if (inForm) {
+      return /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React5.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React5.createElement(
+        Comp,
         {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    ), showHelperText && /* @__PURE__ */ React5.createElement(HelperText, { helperText: props.helperText }));
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React5.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      ), showHelperText && /* @__PURE__ */ React5.createElement(HelperText, { helperText: props.helperText }));
+    } else {
+      return /* @__PURE__ */ React5.createElement(
+        Comp,
+        {
+          className: cn(
+            buttonVariants({ variant, size, className }),
+            centered && "hawa-justify-center"
+          ),
+          ref,
+          ...props
+        },
+        isLoading ? /* @__PURE__ */ React5.createElement(
+          Loading,
+          {
+            design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+            themeMode: variant === "outline" ? "light" : "dark",
+            color: loadingColor,
+            size: size === "sm" || size === "xs" ? "xs" : "button"
+          }
+        ) : children
+      );
+    }
   }
 );
 Button.displayName = "Button";