fernandes-ui 0.1.0 → 0.1.2

data/app/components/ui/sidebar_menu_button.rb

@@ -1,71 +1,71 @@
 # frozen_string_literal: true
 
-    # MenuButton - Phlex implementation
-    #
-    # Interactive button within a sidebar menu item.
-    # Supports variants, sizes, and active state.
-    #
-    # @example Basic usage
-    #   render UI::MenuButton.new do
-    #     render UI::Icon.new(name: "home")
-    #     span { "Home" }
-    #   end
-    #
-    # @example As a link with asChild
-    #   render UI::MenuButton.new(as_child: true) do |attrs|
-    #     a(**attrs, href: "/home") do
-    #       render UI::Icon.new(name: "home")
-    #       span { "Home" }
-    #     end
-    #   end
-    #
-    # @example Active state
-    #   render UI::MenuButton.new(active: true) do
-    #     render UI::Icon.new(name: "settings")
-    #     span { "Settings" }
-    #   end
-    #
-    # @example With tooltip for icon mode
-    #   render UI::TooltipProvider.new do
-    #     render UI::Tooltip.new do
-    #       render UI::TooltipTrigger.new(as_child: true) do |trigger_attrs|
-    #         render UI::MenuButton.new(**trigger_attrs) do
-    #           render UI::Icon.new(name: "home")
-    #           span { "Home" }
-    #         end
-    #       end
-    #       render UI::TooltipContent.new(side: "right") { "Home" }
-    #     end
-    #   end
-    class UI::SidebarMenuButton < Phlex::HTML
-      include UI::SidebarMenuButtonBehavior
+# MenuButton - Phlex implementation
+#
+# Interactive button within a sidebar menu item.
+# Supports variants, sizes, and active state.
+#
+# @example Basic usage
+#   render UI::MenuButton.new do
+#     render UI::Icon.new(name: "home")
+#     span { "Home" }
+#   end
+#
+# @example As a link with asChild
+#   render UI::MenuButton.new(as_child: true) do |attrs|
+#     a(**attrs, href: "/home") do
+#       render UI::Icon.new(name: "home")
+#       span { "Home" }
+#     end
+#   end
+#
+# @example Active state
+#   render UI::MenuButton.new(active: true) do
+#     render UI::Icon.new(name: "settings")
+#     span { "Settings" }
+#   end
+#
+# @example With tooltip for icon mode
+#   render UI::TooltipProvider.new do
+#     render UI::Tooltip.new do
+#       render UI::TooltipTrigger.new(as_child: true) do |trigger_attrs|
+#         render UI::MenuButton.new(**trigger_attrs) do
+#           render UI::Icon.new(name: "home")
+#           span { "Home" }
+#         end
+#       end
+#       render UI::TooltipContent.new(side: "right") { "Home" }
+#     end
+#   end
+class UI::SidebarMenuButton < Phlex::HTML
+  include UI::SidebarMenuButtonBehavior
 
-      def initialize(variant: :default, size: :default, active: false, as_child: false, classes: "", **attributes)
-        @variant = variant.to_sym
-        @size = size.to_sym
-        @active = active
-        @as_child = as_child
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(variant: :default, size: :default, active: false, as_child: false, classes: "", **attributes)
+    @variant = variant.to_sym
+    @size = size.to_sym
+    @active = active
+    @as_child = as_child
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        if @as_child
-          yield sidebar_menu_button_html_attributes.deep_merge(@attributes)
-        else
-          all_attributes = sidebar_menu_button_html_attributes
+  def view_template(&block)
+    if @as_child
+      yield sidebar_menu_button_html_attributes.deep_merge(@attributes)
+    else
+      all_attributes = sidebar_menu_button_html_attributes
 
-          if @attributes.key?(:class)
-            merged_class = TailwindMerge::Merger.new.merge([
-              all_attributes[:class],
-              @attributes[:class]
-            ].compact.join(" "))
-            all_attributes = all_attributes.merge(class: merged_class)
-          end
+      if @attributes.key?(:class)
+        merged_class = TailwindMerge::Merger.new.merge([
+          all_attributes[:class],
+          @attributes[:class]
+        ].compact.join(" "))
+        all_attributes = all_attributes.merge(class: merged_class)
+      end
 
-          all_attributes = all_attributes.deep_merge(@attributes.except(:class))
+      all_attributes = all_attributes.deep_merge(@attributes.except(:class))
 
-          button(**all_attributes, &block)
-        end
-      end
+      button(**all_attributes, &block)
     end
+  end
+end

data/app/components/ui/sidebar_menu_item.rb

@@ -1,45 +1,45 @@
 # frozen_string_literal: true
 
-    # MenuItem - Phlex implementation
-    #
-    # List item container for a sidebar menu entry.
-    #
-    # @example Basic usage
-    #   render UI::MenuItem.new do
-    #     render UI::MenuButton.new do
-    #       render UI::Icon.new(name: "home")
-    #       plain "Home"
-    #     end
-    #   end
-    #
-    # @example With action button
-    #   render UI::MenuItem.new do
-    #     render UI::MenuButton.new { "Settings" }
-    #     render UI::MenuAction.new do
-    #       render UI::Icon.new(name: "ellipsis")
-    #     end
-    #   end
-    class UI::SidebarMenuItem < Phlex::HTML
-      include UI::SidebarMenuItemBehavior
+# MenuItem - Phlex implementation
+#
+# List item container for a sidebar menu entry.
+#
+# @example Basic usage
+#   render UI::MenuItem.new do
+#     render UI::MenuButton.new do
+#       render UI::Icon.new(name: "home")
+#       plain "Home"
+#     end
+#   end
+#
+# @example With action button
+#   render UI::MenuItem.new do
+#     render UI::MenuButton.new { "Settings" }
+#     render UI::MenuAction.new do
+#       render UI::Icon.new(name: "ellipsis")
+#     end
+#   end
+class UI::SidebarMenuItem < Phlex::HTML
+  include UI::SidebarMenuItemBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        all_attributes = sidebar_menu_item_html_attributes
+  def view_template(&block)
+    all_attributes = sidebar_menu_item_html_attributes
 
-        if @attributes.key?(:class)
-          merged_class = TailwindMerge::Merger.new.merge([
-            all_attributes[:class],
-            @attributes[:class]
-          ].compact.join(" "))
-          all_attributes = all_attributes.merge(class: merged_class)
-        end
+    if @attributes.key?(:class)
+      merged_class = TailwindMerge::Merger.new.merge([
+        all_attributes[:class],
+        @attributes[:class]
+      ].compact.join(" "))
+      all_attributes = all_attributes.merge(class: merged_class)
+    end
 
-        all_attributes = all_attributes.deep_merge(@attributes.except(:class))
+    all_attributes = all_attributes.deep_merge(@attributes.except(:class))
 
-        li(**all_attributes, &block)
-      end
-    end
+    li(**all_attributes, &block)
+  end
+end

data/app/components/ui/sidebar_menu_skeleton.rb

@@ -1,63 +1,63 @@
 # frozen_string_literal: true
 
-    # MenuSkeleton - Phlex implementation
-    #
-    # Loading skeleton for sidebar menu items.
-    # Shows animated placeholders for icon and text.
-    #
-    # @example Basic usage
-    #   render UI::MenuSkeleton.new
-    #
-    # @example Hide icon placeholder
-    #   render UI::MenuSkeleton.new(show_icon: false)
-    #
-    # @example Multiple skeletons
-    #   5.times { render UI::MenuSkeleton.new }
-    class UI::SidebarMenuSkeleton < Phlex::HTML
-      include UI::SidebarMenuSkeletonBehavior
-
-      # Random widths for text skeleton to look more natural
-      WIDTHS = %w[60% 70% 80% 90% 50%].freeze
-
-      def initialize(show_icon: true, classes: "", **attributes)
-        @show_icon = show_icon
-        @classes = classes
-        @attributes = attributes
-      end
-
-      def view_template
-        all_attributes = sidebar_menu_skeleton_html_attributes
-
-        if @attributes.key?(:class)
-          merged_class = TailwindMerge::Merger.new.merge([
-            all_attributes[:class],
-            @attributes[:class]
-          ].compact.join(" "))
-          all_attributes = all_attributes.merge(class: merged_class)
-        end
-
-        all_attributes = all_attributes.deep_merge(@attributes.except(:class))
-
-        div(**all_attributes) do
-          if @show_icon
-            # Icon skeleton
-            div(
-              class: "size-4 rounded-md bg-sidebar-accent animate-pulse",
-              data: { slot: "sidebar-menu-skeleton-icon" }
-            )
-          end
-          # Text skeleton with random width
-          div(
-            class: "h-4 max-w-[var(--skeleton-width)] flex-1 rounded-md bg-sidebar-accent animate-pulse",
-            style: "--skeleton-width: #{random_width}",
-            data: { slot: "sidebar-menu-skeleton-text" }
-          )
-        end
-      end
+# MenuSkeleton - Phlex implementation
+#
+# Loading skeleton for sidebar menu items.
+# Shows animated placeholders for icon and text.
+#
+# @example Basic usage
+#   render UI::MenuSkeleton.new
+#
+# @example Hide icon placeholder
+#   render UI::MenuSkeleton.new(show_icon: false)
+#
+# @example Multiple skeletons
+#   5.times { render UI::MenuSkeleton.new }
+class UI::SidebarMenuSkeleton < Phlex::HTML
+  include UI::SidebarMenuSkeletonBehavior
+
+  # Random widths for text skeleton to look more natural
+  WIDTHS = %w[60% 70% 80% 90% 50%].freeze
+
+  def initialize(show_icon: true, classes: "", **attributes)
+    @show_icon = show_icon
+    @classes = classes
+    @attributes = attributes
+  end
+
+  def view_template
+    all_attributes = sidebar_menu_skeleton_html_attributes
+
+    if @attributes.key?(:class)
+      merged_class = TailwindMerge::Merger.new.merge([
+        all_attributes[:class],
+        @attributes[:class]
+      ].compact.join(" "))
+      all_attributes = all_attributes.merge(class: merged_class)
+    end
 
-      private
+    all_attributes = all_attributes.deep_merge(@attributes.except(:class))
 
-      def random_width
-        WIDTHS.sample
+    div(**all_attributes) do
+      if @show_icon
+        # Icon skeleton
+        div(
+          class: "size-4 rounded-md bg-sidebar-accent animate-pulse",
+          data: {slot: "sidebar-menu-skeleton-icon"}
+        )
       end
+      # Text skeleton with random width
+      div(
+        class: "h-4 max-w-[var(--skeleton-width)] flex-1 rounded-md bg-sidebar-accent animate-pulse",
+        style: "--skeleton-width: #{random_width}",
+        data: {slot: "sidebar-menu-skeleton-text"}
+      )
     end
+  end
+
+  private
+
+  def random_width
+    WIDTHS.sample
+  end
+end

data/app/components/ui/sidebar_menu_sub.rb

@@ -1,50 +1,50 @@
 # frozen_string_literal: true
 
-    # MenuSub - Phlex implementation
-    #
-    # Nested submenu container for hierarchical navigation.
-    # Typically used inside a collapsible menu item.
-    #
-    # @example Basic usage with collapsible
-    #   render UI::Collapsible.new(open: true, as_child: true) do |collapsible_attrs|
-    #     render UI::MenuItem.new(**collapsible_attrs) do
-    #       render UI::CollapsibleTrigger.new(as_child: true) do |trigger_attrs|
-    #         render UI::MenuButton.new(**trigger_attrs) do
-    #           render UI::Icon.new(name: "folder")
-    #           span { "Documents" }
-    #           render UI::Icon.new(name: "chevron-right", class: "ml-auto transition-transform group-data-[state=open]:rotate-90")
-    #         end
-    #       end
-    #       render UI::CollapsibleContent.new do
-    #         render UI::MenuSub.new do
-    #           render UI::MenuSubItem.new do
-    #             render UI::MenuSubButton.new { "Report.pdf" }
-    #           end
-    #         end
-    #       end
-    #     end
-    #   end
-    class UI::SidebarMenuSub < Phlex::HTML
-      include UI::SidebarMenuSubBehavior
+# MenuSub - Phlex implementation
+#
+# Nested submenu container for hierarchical navigation.
+# Typically used inside a collapsible menu item.
+#
+# @example Basic usage with collapsible
+#   render UI::Collapsible.new(open: true, as_child: true) do |collapsible_attrs|
+#     render UI::MenuItem.new(**collapsible_attrs) do
+#       render UI::CollapsibleTrigger.new(as_child: true) do |trigger_attrs|
+#         render UI::MenuButton.new(**trigger_attrs) do
+#           render UI::Icon.new(name: "folder")
+#           span { "Documents" }
+#           render UI::Icon.new(name: "chevron-right", class: "ml-auto transition-transform group-data-[state=open]:rotate-90")
+#         end
+#       end
+#       render UI::CollapsibleContent.new do
+#         render UI::MenuSub.new do
+#           render UI::MenuSubItem.new do
+#             render UI::MenuSubButton.new { "Report.pdf" }
+#           end
+#         end
+#       end
+#     end
+#   end
+class UI::SidebarMenuSub < Phlex::HTML
+  include UI::SidebarMenuSubBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        all_attributes = sidebar_menu_sub_html_attributes
+  def view_template(&block)
+    all_attributes = sidebar_menu_sub_html_attributes
 
-        if @attributes.key?(:class)
-          merged_class = TailwindMerge::Merger.new.merge([
-            all_attributes[:class],
-            @attributes[:class]
-          ].compact.join(" "))
-          all_attributes = all_attributes.merge(class: merged_class)
-        end
+    if @attributes.key?(:class)
+      merged_class = TailwindMerge::Merger.new.merge([
+        all_attributes[:class],
+        @attributes[:class]
+      ].compact.join(" "))
+      all_attributes = all_attributes.merge(class: merged_class)
+    end
 
-        all_attributes = all_attributes.deep_merge(@attributes.except(:class))
+    all_attributes = all_attributes.deep_merge(@attributes.except(:class))
 
-        ul(**all_attributes, &block)
-      end
-    end
+    ul(**all_attributes, &block)
+  end
+end

data/app/components/ui/sidebar_menu_sub_button.rb

@@ -1,48 +1,48 @@
 # frozen_string_literal: true
 
-    # MenuSubButton - Phlex implementation
-    #
-    # Interactive button within a sidebar submenu item.
-    # Smaller than MenuButton, designed for nested navigation.
-    #
-    # @example Basic usage
-    #   render UI::MenuSubButton.new { "Sub Item" }
-    #
-    # @example As a link with asChild
-    #   render UI::MenuSubButton.new(as_child: true) do |attrs|
-    #     a(**attrs, href: "/documents/report") { "Report.pdf" }
-    #   end
-    #
-    # @example Active state
-    #   render UI::MenuSubButton.new(active: true) { "Current Page" }
-    class UI::SidebarMenuSubButton < Phlex::HTML
-      include UI::SidebarMenuSubButtonBehavior
+# MenuSubButton - Phlex implementation
+#
+# Interactive button within a sidebar submenu item.
+# Smaller than MenuButton, designed for nested navigation.
+#
+# @example Basic usage
+#   render UI::MenuSubButton.new { "Sub Item" }
+#
+# @example As a link with asChild
+#   render UI::MenuSubButton.new(as_child: true) do |attrs|
+#     a(**attrs, href: "/documents/report") { "Report.pdf" }
+#   end
+#
+# @example Active state
+#   render UI::MenuSubButton.new(active: true) { "Current Page" }
+class UI::SidebarMenuSubButton < Phlex::HTML
+  include UI::SidebarMenuSubButtonBehavior
 
-      def initialize(size: :md, active: false, as_child: false, classes: "", **attributes)
-        @size = size.to_sym
-        @active = active
-        @as_child = as_child
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(size: :md, active: false, as_child: false, classes: "", **attributes)
+    @size = size.to_sym
+    @active = active
+    @as_child = as_child
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        if @as_child
-          yield sidebar_menu_sub_button_html_attributes.deep_merge(@attributes)
-        else
-          all_attributes = sidebar_menu_sub_button_html_attributes
+  def view_template(&block)
+    if @as_child
+      yield sidebar_menu_sub_button_html_attributes.deep_merge(@attributes)
+    else
+      all_attributes = sidebar_menu_sub_button_html_attributes
 
-          if @attributes.key?(:class)
-            merged_class = TailwindMerge::Merger.new.merge([
-              all_attributes[:class],
-              @attributes[:class]
-            ].compact.join(" "))
-            all_attributes = all_attributes.merge(class: merged_class)
-          end
+      if @attributes.key?(:class)
+        merged_class = TailwindMerge::Merger.new.merge([
+          all_attributes[:class],
+          @attributes[:class]
+        ].compact.join(" "))
+        all_attributes = all_attributes.merge(class: merged_class)
+      end
 
-          all_attributes = all_attributes.deep_merge(@attributes.except(:class))
+      all_attributes = all_attributes.deep_merge(@attributes.except(:class))
 
-          a(**all_attributes, &block)
-        end
-      end
+      a(**all_attributes, &block)
     end
+  end
+end

data/app/components/ui/sidebar_menu_sub_item.rb

@@ -1,34 +1,34 @@
 # frozen_string_literal: true
 
-    # MenuSubItem - Phlex implementation
-    #
-    # List item container for a sidebar submenu entry.
-    #
-    # @example Basic usage
-    #   render UI::MenuSubItem.new do
-    #     render UI::MenuSubButton.new { "Sub Item" }
-    #   end
-    class UI::SidebarMenuSubItem < Phlex::HTML
-      include UI::SidebarMenuSubItemBehavior
+# MenuSubItem - Phlex implementation
+#
+# List item container for a sidebar submenu entry.
+#
+# @example Basic usage
+#   render UI::MenuSubItem.new do
+#     render UI::MenuSubButton.new { "Sub Item" }
+#   end
+class UI::SidebarMenuSubItem < Phlex::HTML
+  include UI::SidebarMenuSubItemBehavior
 
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        all_attributes = sidebar_menu_sub_item_html_attributes
+  def view_template(&block)
+    all_attributes = sidebar_menu_sub_item_html_attributes
 
-        if @attributes.key?(:class)
-          merged_class = TailwindMerge::Merger.new.merge([
-            all_attributes[:class],
-            @attributes[:class]
-          ].compact.join(" "))
-          all_attributes = all_attributes.merge(class: merged_class)
-        end
+    if @attributes.key?(:class)
+      merged_class = TailwindMerge::Merger.new.merge([
+        all_attributes[:class],
+        @attributes[:class]
+      ].compact.join(" "))
+      all_attributes = all_attributes.merge(class: merged_class)
+    end
 
-        all_attributes = all_attributes.deep_merge(@attributes.except(:class))
+    all_attributes = all_attributes.deep_merge(@attributes.except(:class))
 
-        li(**all_attributes, &block)
-      end
-    end
+    li(**all_attributes, &block)
+  end
+end