form: Update form component (#330)

- FormField: Change from space-y-2 to flex flex-col gap-2
- FormFieldError: Add empty:hidden, change text-xs to text-sm
- FormFieldHint: Add empty:hidden
- FormFieldLabel: Add empty:hidden

Author: djalmaaraujo

lib/ruby_ui/form/form_field.rb

@@ -13,7 +13,7 @@ def default_attrs
         data: {
           controller: "ruby-ui--form-field"
         },
-        class: "space-y-2"
+        class: "flex flex-col gap-2"
       }
     end
   end

lib/ruby_ui/form/form_field_error.rb

@@ -13,7 +13,7 @@ def default_attrs
         data: {
           ruby_ui__form_field_target: "error"
         },
-        class: "text-xs font-medium text-destructive"
+        class: "empty:hidden text-sm font-medium text-destructive"
       }
     end
   end

lib/ruby_ui/form/form_field_hint.rb

@@ -9,7 +9,7 @@ def view_template(&)
     private
 
     def default_attrs
-      {class: "text-sm text-muted-foreground"}
+      {class: "empty:hidden text-sm text-muted-foreground"}
     end
   end
 end

lib/ruby_ui/form/form_field_label.rb

@@ -11,7 +11,7 @@ def view_template(&)
     def default_attrs
       {
         class: [
-          "text-sm font-medium leading-none inline-block",
+          "empty:hidden text-sm font-medium leading-none",
           "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
           "peer-aria-disabled:cursor-not-allowed peer-aria-disabled:opacity-70 peer-aria-disabled:pointer-events-none"
         ]