fix inset styling

Author: lsouoliveira

lib/ruby_ui/sidebar/collapsiable_sidebar.rb

@@ -11,13 +11,11 @@ def initialize(side: :left, variant: :sidebar, collapsible: :offcanvas, open: tr
     end
 
     def view_template(&)
-      div do
-        MobileSidebar(side: @side, **attrs, &)
-        div(**mix(sidebar_attrs, attrs)) do
-          div(**gap_element_attrs)
-          div(**content_wrapper_attrs) do
-            div(**content_attrs, &)
-          end
+      MobileSidebar(side: @side, **attrs, &)
+      div(**mix(sidebar_attrs, attrs)) do
+        div(**gap_element_attrs)
+        div(**content_wrapper_attrs) do
+          div(**content_attrs, &)
         end
       end
     end

lib/ruby_ui/sidebar/sidebar.rb

@@ -19,12 +19,10 @@ def initialize(side: :left, variant: :sidebar, collapsible: :offcanvas, open: tr
     end
 
     def view_template(&)
-      div(**attrs) do
-        if @collapsible == :none
-          NonCollapsiableSidebar(&)
-        else
-          CollapsiableSidebar(side: @side, variant: @variant, collapsible: @collapsible, open: @open, &)
-        end
+      if @collapsible == :none
+        NonCollapsiableSidebar(**attrs, &)
+      else
+        CollapsiableSidebar(side: @side, variant: @variant, collapsible: @collapsible, open: @open, **attrs, &)
       end
     end
   end

lib/ruby_ui/sidebar/sidebar_wrapper.rb

@@ -13,7 +13,7 @@ def view_template(&)
 
     def default_attrs
       {
-        class: 'group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full',
+        class: 'group/sidebar-wrapper [&:has([data-variant=inset])]:bg-sidebar flex min-h-svh w-full',
         style: "--sidebar-width: #{SIDEBAR_WIDTH}; --sidebar-width-icon: #{SIDEBAR_WIDTH_ICON};",
         data: {
           controller: 'ruby-ui--sidebar'