Add Flowbite::Badge::Dot component

Author: koppen

app/components/flowbite/badge.rb

@@ -27,15 +27,6 @@ class Badge < ViewComponent::Base
       warning: ["border", "border-warning-subtle"]
     }.freeze
 
-    DOT_CLASSES = {
-      alternative: ["h-1.5", "w-1.5", "bg-heading", "me-1", "rounded-full"],
-      brand: ["h-1.5", "w-1.5", "bg-fg-brand-strong", "me-1", "rounded-full"],
-      danger: ["h-1.5", "w-1.5", "bg-fg-danger-strong", "me-1", "rounded-full"],
-      gray: ["h-1.5", "w-1.5", "bg-heading", "me-1", "rounded-full"],
-      success: ["h-1.5", "w-1.5", "bg-fg-success-strong", "me-1", "rounded-full"],
-      warning: ["h-1.5", "w-1.5", "bg-fg-warning", "me-1", "rounded-full"]
-    }.freeze
-
     class << self
       # rubocop:disable Layout/LineLength
       def styles
@@ -104,10 +95,6 @@ def classes
       result + @class
     end
 
-    def dot_classes
-      DOT_CLASSES.fetch(@style)
-    end
-
     def size_classes
       SIZES.fetch(@size)
     end

app/components/flowbite/badge/badge.html.erb

@@ -1,4 +1,4 @@
 <%= content_tag(tag_name, **tag_options) do %>
-  <% if dot? %><span class="<%= dot_classes.join(" ") %>"></span><% end %>
+  <% if dot? %><%= render(Flowbite::Badge::Dot.new(style: @style)) %><% end %>
   <%= content %>
 <% end %>

app/components/flowbite/badge/dot.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module Flowbite
+  class Badge
+    # Renders a colored dot indicator for use inside a badge.
+    #
+    # @param style [Symbol] The color style of the dot (:alternative, :brand,
+    #   :danger, :gray, :success, :warning).
+    class Dot < ViewComponent::Base
+      CLASSES = {
+        alternative: ["bg-heading", "h-1.5", "me-1", "rounded-full", "w-1.5"],
+        brand: ["bg-fg-brand-strong", "h-1.5", "me-1", "rounded-full", "w-1.5"],
+        danger: ["bg-fg-danger-strong", "h-1.5", "me-1", "rounded-full", "w-1.5"],
+        gray: ["bg-heading", "h-1.5", "me-1", "rounded-full", "w-1.5"],
+        success: ["bg-fg-success-strong", "h-1.5", "me-1", "rounded-full", "w-1.5"],
+        warning: ["bg-fg-warning", "h-1.5", "me-1", "rounded-full", "w-1.5"]
+      }.freeze
+
+      attr_reader :style
+
+      def initialize(style: :brand)
+        @style = style
+      end
+
+      def call
+        content_tag(:span, nil, class: CLASSES.fetch(style))
+      end
+    end
+  end
+end