fernandes-ui 0.1.0 → 0.1.2

data/app/components/ui/sidebar_group_content.rb

@@ -1,42 +1,42 @@
 # frozen_string_literal: true
 
-    # GroupContent - Phlex implementation
-    #
-    # Container for content within a sidebar group.
-    # Typically wraps a SidebarMenu.
-    #
-    # @example Basic usage
-    #   render UI::GroupContent.new do
-    #     render UI::Menu.new { ... }
-    #   end
-    #
-    # @example Inside a collapsible group
-    #   render UI::CollapsibleContent.new do
-    #     render UI::GroupContent.new do
-    #       render UI::Menu.new { ... }
-    #     end
-    #   end
-    class UI::SidebarGroupContent < Phlex::HTML
-      include UI::SidebarGroupContentBehavior
+# GroupContent - Phlex implementation
+#
+# Container for content within a sidebar group.
+# Typically wraps a SidebarMenu.
+#
+# @example Basic usage
+#   render UI::GroupContent.new do
+#     render UI::Menu.new { ... }
+#   end
+#
+# @example Inside a collapsible group
+#   render UI::CollapsibleContent.new do
+#     render UI::GroupContent.new do
+#       render UI::Menu.new { ... }
+#     end
+#   end
+class UI::SidebarGroupContent < Phlex::HTML
+  include UI::SidebarGroupContentBehavior
 
-      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_group_content_html_attributes
+  def view_template(&block)
+    all_attributes = sidebar_group_content_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))
 
-        div(**all_attributes, &block)
-      end
-    end
+    div(**all_attributes, &block)
+  end
+end

data/app/components/ui/sidebar_group_label.rb

@@ -1,46 +1,46 @@
 # frozen_string_literal: true
 
-    # GroupLabel - Phlex implementation
-    #
-    # Label/header for a sidebar group.
-    # Can be used with UI::CollapsibleTrigger for collapsible groups.
-    #
-    # @example Basic usage
-    #   render UI::GroupLabel.new { "Section" }
-    #
-    # @example With asChild for collapsible trigger
-    #   render UI::CollapsibleTrigger.new(as_child: true) do |trigger_attrs|
-    #     render UI::GroupLabel.new(**trigger_attrs) do
-    #       "Section"
-    #       render UI::Icon.new(name: "chevron-right", class: "ml-auto transition-transform group-data-[state=open]:rotate-90")
-    #     end
-    #   end
-    class UI::SidebarGroupLabel < Phlex::HTML
-      include UI::SidebarGroupLabelBehavior
+# GroupLabel - Phlex implementation
+#
+# Label/header for a sidebar group.
+# Can be used with UI::CollapsibleTrigger for collapsible groups.
+#
+# @example Basic usage
+#   render UI::GroupLabel.new { "Section" }
+#
+# @example With asChild for collapsible trigger
+#   render UI::CollapsibleTrigger.new(as_child: true) do |trigger_attrs|
+#     render UI::GroupLabel.new(**trigger_attrs) do
+#       "Section"
+#       render UI::Icon.new(name: "chevron-right", class: "ml-auto transition-transform group-data-[state=open]:rotate-90")
+#     end
+#   end
+class UI::SidebarGroupLabel < Phlex::HTML
+  include UI::SidebarGroupLabelBehavior
 
-      def initialize(as_child: false, classes: "", **attributes)
-        @as_child = as_child
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(as_child: false, classes: "", **attributes)
+    @as_child = as_child
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        if @as_child
-          yield sidebar_group_label_html_attributes.deep_merge(@attributes)
-        else
-          all_attributes = sidebar_group_label_html_attributes
+  def view_template(&block)
+    if @as_child
+      yield sidebar_group_label_html_attributes.deep_merge(@attributes)
+    else
+      all_attributes = sidebar_group_label_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))
 
-          div(**all_attributes, &block)
-        end
-      end
+      div(**all_attributes, &block)
     end
+  end
+end

data/app/components/ui/sidebar_header.rb

@@ -1,36 +1,36 @@
 # frozen_string_literal: true
 
-    # Header - Phlex implementation
-    #
-    # Fixed header section at the top of the sidebar.
-    #
-    # @example Basic usage
-    #   render UI::Header.new do
-    #     # Header content (logo, brand, etc.)
-    #   end
-    class UI::SidebarHeader < Phlex::HTML
-      include UI::SidebarHeaderBehavior
+# Header - Phlex implementation
+#
+# Fixed header section at the top of the sidebar.
+#
+# @example Basic usage
+#   render UI::Header.new do
+#     # Header content (logo, brand, etc.)
+#   end
+class UI::SidebarHeader < Phlex::HTML
+  include UI::SidebarHeaderBehavior
 
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        all_attributes = sidebar_header_html_attributes
+  def view_template(&block)
+    all_attributes = sidebar_header_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))
 
-        div(**all_attributes, &block)
-      end
-    end
+    div(**all_attributes, &block)
+  end
+end

data/app/components/ui/sidebar_input.rb

@@ -1,42 +1,42 @@
 # frozen_string_literal: true
 
-    # Input - Phlex implementation
-    #
-    # Input field styled for sidebar usage.
-    # Typically used for search or filter functionality.
-    #
-    # @example Basic usage
-    #   render UI::Input.new(placeholder: "Search...")
-    #
-    # @example With icon
-    #   render UI::Group.new do
-    #     div(class: "relative") do
-    #       render UI::Icon.new(name: "search", class: "absolute left-2 top-2 size-4 text-muted-foreground")
-    #       render UI::Input.new(placeholder: "Search...", class: "pl-8")
-    #     end
-    #   end
-    class UI::SidebarInput < Phlex::HTML
-      include UI::SidebarInputBehavior
+# Input - Phlex implementation
+#
+# Input field styled for sidebar usage.
+# Typically used for search or filter functionality.
+#
+# @example Basic usage
+#   render UI::Input.new(placeholder: "Search...")
+#
+# @example With icon
+#   render UI::Group.new do
+#     div(class: "relative") do
+#       render UI::Icon.new(name: "search", class: "absolute left-2 top-2 size-4 text-muted-foreground")
+#       render UI::Input.new(placeholder: "Search...", class: "pl-8")
+#     end
+#   end
+class UI::SidebarInput < Phlex::HTML
+  include UI::SidebarInputBehavior
 
-      def initialize(type: "text", classes: "", **attributes)
-        @type = type
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(type: "text", classes: "", **attributes)
+    @type = type
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template
-        all_attributes = sidebar_input_html_attributes.merge(type: @type)
+  def view_template
+    all_attributes = sidebar_input_html_attributes.merge(type: @type)
 
-        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))
 
-        input(**all_attributes)
-      end
-    end
+    input(**all_attributes)
+  end
+end

data/app/components/ui/sidebar_inset.rb

@@ -1,42 +1,42 @@
 # frozen_string_literal: true
 
-    # SidebarInset - Phlex implementation
-    #
-    # Main content area that sits alongside the sidebar.
-    # Should be used as a sibling to Sidebar within SidebarProvider.
-    #
-    # @example Basic usage
-    #   render UI::SidebarProvider.new do
-    #     render UI::Sidebar.new { "Sidebar" }
-    #     render UI::SidebarInset.new do
-    #       # Main content here
-    #     end
-    #   end
-    class UI::SidebarInset < Phlex::HTML
-      include UI::SidebarInsetBehavior
+# SidebarInset - Phlex implementation
+#
+# Main content area that sits alongside the sidebar.
+# Should be used as a sibling to Sidebar within SidebarProvider.
+#
+# @example Basic usage
+#   render UI::SidebarProvider.new do
+#     render UI::Sidebar.new { "Sidebar" }
+#     render UI::SidebarInset.new do
+#       # Main content here
+#     end
+#   end
+class UI::SidebarInset < Phlex::HTML
+  include UI::SidebarInsetBehavior
 
-      # @param classes [String] Additional CSS classes
-      # @param attributes [Hash] Additional HTML attributes
-      def initialize(classes: "", **attributes)
-        @classes = classes
-        @attributes = attributes
-      end
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+  def initialize(classes: "", **attributes)
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        all_attributes = sidebar_inset_html_attributes
+  def view_template(&block)
+    all_attributes = sidebar_inset_html_attributes
 
-        # Merge classes with TailwindMerge
-        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
+    # Merge classes with TailwindMerge
+    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
 
-        # Deep merge other attributes (excluding class)
-        all_attributes = all_attributes.deep_merge(@attributes.except(:class))
+    # Deep merge other attributes (excluding class)
+    all_attributes = all_attributes.deep_merge(@attributes.except(:class))
 
-        main(**all_attributes, &block)
-      end
-    end
+    main(**all_attributes, &block)
+  end
+end

data/app/components/ui/sidebar_menu.rb

@@ -1,39 +1,39 @@
 # frozen_string_literal: true
 
-    # Menu - Phlex implementation
-    #
-    # List container for sidebar menu items.
-    #
-    # @example Basic usage
-    #   render UI::Menu.new do
-    #     render UI::MenuItem.new do
-    #       render UI::MenuButton.new do
-    #         render UI::Icon.new(name: "home")
-    #         plain "Home"
-    #       end
-    #     end
-    #   end
-    class UI::SidebarMenu < Phlex::HTML
-      include UI::SidebarMenuBehavior
+# Menu - Phlex implementation
+#
+# List container for sidebar menu items.
+#
+# @example Basic usage
+#   render UI::Menu.new do
+#     render UI::MenuItem.new do
+#       render UI::MenuButton.new do
+#         render UI::Icon.new(name: "home")
+#         plain "Home"
+#       end
+#     end
+#   end
+class UI::SidebarMenu < Phlex::HTML
+  include UI::SidebarMenuBehavior
 
-      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_html_attributes
+  def view_template(&block)
+    all_attributes = sidebar_menu_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_action.rb

@@ -1,60 +1,60 @@
 # frozen_string_literal: true
 
-    # MenuAction - Phlex implementation
-    #
-    # Action button within a sidebar menu item, appears on hover/focus.
-    # Typically used for dropdown menus or quick actions.
-    #
-    # @example Basic usage
-    #   render UI::MenuAction.new do
-    #     render UI::Icon.new(name: "ellipsis")
-    #   end
-    #
-    # @example Show on hover
-    #   render UI::MenuAction.new(show_on_hover: true) do
-    #     render UI::Icon.new(name: "ellipsis")
-    #   end
-    #
-    # @example With dropdown using asChild
-    #   render UI::MenuAction.new(as_child: true) do |action_attrs|
-    #     render UI::DropdownMenu.new do
-    #       render UI::DropdownMenuTrigger.new(as_child: true) do |trigger_attrs|
-    #         button(**action_attrs.deep_merge(trigger_attrs)) do
-    #           render UI::Icon.new(name: "ellipsis")
-    #         end
-    #       end
-    #       render UI::DropdownMenuContent.new do
-    #         # ... menu items
-    #       end
-    #     end
-    #   end
-    class UI::SidebarMenuAction < Phlex::HTML
-      include UI::SidebarMenuActionBehavior
+# MenuAction - Phlex implementation
+#
+# Action button within a sidebar menu item, appears on hover/focus.
+# Typically used for dropdown menus or quick actions.
+#
+# @example Basic usage
+#   render UI::MenuAction.new do
+#     render UI::Icon.new(name: "ellipsis")
+#   end
+#
+# @example Show on hover
+#   render UI::MenuAction.new(show_on_hover: true) do
+#     render UI::Icon.new(name: "ellipsis")
+#   end
+#
+# @example With dropdown using asChild
+#   render UI::MenuAction.new(as_child: true) do |action_attrs|
+#     render UI::DropdownMenu.new do
+#       render UI::DropdownMenuTrigger.new(as_child: true) do |trigger_attrs|
+#         button(**action_attrs.deep_merge(trigger_attrs)) do
+#           render UI::Icon.new(name: "ellipsis")
+#         end
+#       end
+#       render UI::DropdownMenuContent.new do
+#         # ... menu items
+#       end
+#     end
+#   end
+class UI::SidebarMenuAction < Phlex::HTML
+  include UI::SidebarMenuActionBehavior
 
-      def initialize(show_on_hover: false, as_child: false, classes: "", **attributes)
-        @show_on_hover = show_on_hover
-        @as_child = as_child
-        @classes = classes
-        @attributes = attributes
-      end
+  def initialize(show_on_hover: false, as_child: false, classes: "", **attributes)
+    @show_on_hover = show_on_hover
+    @as_child = as_child
+    @classes = classes
+    @attributes = attributes
+  end
 
-      def view_template(&block)
-        if @as_child
-          yield sidebar_menu_action_html_attributes.deep_merge(@attributes)
-        else
-          all_attributes = sidebar_menu_action_html_attributes
+  def view_template(&block)
+    if @as_child
+      yield sidebar_menu_action_html_attributes.deep_merge(@attributes)
+    else
+      all_attributes = sidebar_menu_action_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_badge.rb

@@ -1,39 +1,39 @@
 # frozen_string_literal: true
 
-    # MenuBadge - Phlex implementation
-    #
-    # Badge that appears at the end of a menu button.
-    # Used to display counts or status indicators.
-    #
-    # @example Basic usage
-    #   render UI::MenuItem.new do
-    #     render UI::MenuButton.new do
-    #       render UI::Icon.new(name: "inbox")
-    #       span { "Inbox" }
-    #     end
-    #     render UI::MenuBadge.new { "24" }
-    #   end
-    class UI::SidebarMenuBadge < Phlex::HTML
-      include UI::SidebarMenuBadgeBehavior
+# MenuBadge - Phlex implementation
+#
+# Badge that appears at the end of a menu button.
+# Used to display counts or status indicators.
+#
+# @example Basic usage
+#   render UI::MenuItem.new do
+#     render UI::MenuButton.new do
+#       render UI::Icon.new(name: "inbox")
+#       span { "Inbox" }
+#     end
+#     render UI::MenuBadge.new { "24" }
+#   end
+class UI::SidebarMenuBadge < Phlex::HTML
+  include UI::SidebarMenuBadgeBehavior
 
-      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_badge_html_attributes
+  def view_template(&block)
+    all_attributes = sidebar_menu_badge_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))
 
-        div(**all_attributes, &block)
-      end
-    end
+    div(**all_attributes, &block)
+  end
+end