stimulus_plumbers 0.2.8 → 0.3.0

data/lib/stimulus_plumbers.rb

@@ -11,43 +11,53 @@ require_relative "stimulus_plumbers/helpers"
 require_relative "stimulus_plumbers/logger"
 
 # -- Plumber base --
-require_relative "stimulus_plumbers/components/plumber/html_options"
-require_relative "stimulus_plumbers/components/plumber/dispatcher"
-require_relative "stimulus_plumbers/components/plumber/renderer"
-require_relative "stimulus_plumbers/components/plumber/base"
+require_relative "stimulus_plumbers/plumber/html_options"
+require_relative "stimulus_plumbers/plumber/dispatcher"
+require_relative "stimulus_plumbers/plumber/renderer"
+require_relative "stimulus_plumbers/plumber/base"
 
 # -- UI components --
-require_relative "stimulus_plumbers/components/icon/renderer"
-require_relative "stimulus_plumbers/components/avatar/renderer"
-require_relative "stimulus_plumbers/components/button/renderer"
-require_relative "stimulus_plumbers/components/card/renderer"
-require_relative "stimulus_plumbers/components/action_list/renderer"
-require_relative "stimulus_plumbers/components/popover/renderer"
+require_relative "stimulus_plumbers/components/icon"
+require_relative "stimulus_plumbers/components/avatar"
+require_relative "stimulus_plumbers/components/button"
+require_relative "stimulus_plumbers/components/button/group"
+require_relative "stimulus_plumbers/components/card"
+require_relative "stimulus_plumbers/components/card/section"
+require_relative "stimulus_plumbers/components/action_list"
+require_relative "stimulus_plumbers/components/action_list/section"
+require_relative "stimulus_plumbers/components/action_list/item"
+require_relative "stimulus_plumbers/components/popover"
+require_relative "stimulus_plumbers/components/popover/builder"
 
 # -- Calendar --
-require_relative "stimulus_plumbers/components/calendar/renderer"
+require_relative "stimulus_plumbers/components/calendar"
+require_relative "stimulus_plumbers/components/calendar/month/turbo"
 require_relative "stimulus_plumbers/components/calendar/month/turbo/days_of_week"
 require_relative "stimulus_plumbers/components/calendar/month/turbo/days_of_month"
-require_relative "stimulus_plumbers/components/calendar/month/turbo/renderer"
 
 # -- Date picker --
 require_relative "stimulus_plumbers/components/date_picker/navigator"
 require_relative "stimulus_plumbers/components/date_picker/navigation"
 
-# -- Time picker --
-require_relative "stimulus_plumbers/components/time_picker/renderer"
-
 # -- Combobox --
-require_relative "stimulus_plumbers/components/combobox/renderer"
-require_relative "stimulus_plumbers/components/combobox/option"
-require_relative "stimulus_plumbers/components/combobox/option_group"
+require_relative "stimulus_plumbers/components/combobox"
+require_relative "stimulus_plumbers/components/combobox/trigger"
+require_relative "stimulus_plumbers/components/combobox/popover"
+require_relative "stimulus_plumbers/components/combobox/options"
+require_relative "stimulus_plumbers/components/combobox/options/option"
+require_relative "stimulus_plumbers/components/combobox/options/option_group"
 require_relative "stimulus_plumbers/components/combobox/date"
 require_relative "stimulus_plumbers/components/combobox/dropdown"
 require_relative "stimulus_plumbers/components/combobox/autocomplete"
 require_relative "stimulus_plumbers/components/combobox/time"
+require_relative "stimulus_plumbers/components/combobox/time/drum"
 
 # -- Form --
-require_relative "stimulus_plumbers/form/field_component"
+require_relative "stimulus_plumbers/form/field"
+require_relative "stimulus_plumbers/form/fields/group"
+require_relative "stimulus_plumbers/form/fields/label"
+require_relative "stimulus_plumbers/form/fields/hint"
+require_relative "stimulus_plumbers/form/fields/error"
 require_relative "stimulus_plumbers/form/builder"
 
 module StimulusPlumbers

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stimulus_plumbers
 version: !ruby/object:Gem::Version
-  version: 0.2.8
+  version: 0.3.0
 platform: ruby
 authors:
 - Ryan Chang
@@ -10,7 +10,7 @@ cert_chain: []
 date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: railties
+  name: actionview
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -44,41 +44,50 @@ files:
 - app/assets/javascripts/stimulus-plumbers/stimulus-plumbers-controllers.umd.js
 - app/assets/stylesheets/stimulus_plumbers/tokens.css
 - lib/stimulus_plumbers.rb
-- lib/stimulus_plumbers/components/action_list/renderer.rb
-- lib/stimulus_plumbers/components/avatar/renderer.rb
-- lib/stimulus_plumbers/components/button/renderer.rb
+- lib/stimulus_plumbers/components/action_list.rb
+- lib/stimulus_plumbers/components/action_list/item.rb
+- lib/stimulus_plumbers/components/action_list/section.rb
+- lib/stimulus_plumbers/components/avatar.rb
+- lib/stimulus_plumbers/components/button.rb
+- lib/stimulus_plumbers/components/button/group.rb
+- lib/stimulus_plumbers/components/calendar.rb
+- lib/stimulus_plumbers/components/calendar/month/turbo.rb
 - lib/stimulus_plumbers/components/calendar/month/turbo/days_of_month.rb
 - lib/stimulus_plumbers/components/calendar/month/turbo/days_of_week.rb
-- lib/stimulus_plumbers/components/calendar/month/turbo/renderer.rb
-- lib/stimulus_plumbers/components/calendar/renderer.rb
-- lib/stimulus_plumbers/components/card/renderer.rb
+- lib/stimulus_plumbers/components/card.rb
+- lib/stimulus_plumbers/components/card/section.rb
+- lib/stimulus_plumbers/components/combobox.rb
 - lib/stimulus_plumbers/components/combobox/autocomplete.rb
 - lib/stimulus_plumbers/components/combobox/date.rb
 - lib/stimulus_plumbers/components/combobox/dropdown.rb
-- lib/stimulus_plumbers/components/combobox/option.rb
-- lib/stimulus_plumbers/components/combobox/option_group.rb
-- lib/stimulus_plumbers/components/combobox/renderer.rb
+- lib/stimulus_plumbers/components/combobox/options.rb
+- lib/stimulus_plumbers/components/combobox/options/option.rb
+- lib/stimulus_plumbers/components/combobox/options/option_group.rb
+- lib/stimulus_plumbers/components/combobox/popover.rb
 - lib/stimulus_plumbers/components/combobox/time.rb
+- lib/stimulus_plumbers/components/combobox/time/drum.rb
+- lib/stimulus_plumbers/components/combobox/trigger.rb
 - lib/stimulus_plumbers/components/date_picker/navigation.rb
 - lib/stimulus_plumbers/components/date_picker/navigator.rb
-- lib/stimulus_plumbers/components/icon/renderer.rb
-- lib/stimulus_plumbers/components/plumber/base.rb
-- lib/stimulus_plumbers/components/plumber/dispatcher.rb
-- lib/stimulus_plumbers/components/plumber/html_options.rb
-- lib/stimulus_plumbers/components/plumber/renderer.rb
-- lib/stimulus_plumbers/components/popover/renderer.rb
-- lib/stimulus_plumbers/components/time_picker/renderer.rb
+- lib/stimulus_plumbers/components/icon.rb
+- lib/stimulus_plumbers/components/popover.rb
+- lib/stimulus_plumbers/components/popover/builder.rb
 - lib/stimulus_plumbers/configuration.rb
 - lib/stimulus_plumbers/engine.rb
 - lib/stimulus_plumbers/form/builder.rb
-- lib/stimulus_plumbers/form/field_component.rb
+- lib/stimulus_plumbers/form/field.rb
 - lib/stimulus_plumbers/form/fields/choice.rb
 - lib/stimulus_plumbers/form/fields/combobox.rb
+- lib/stimulus_plumbers/form/fields/error.rb
 - lib/stimulus_plumbers/form/fields/file.rb
+- lib/stimulus_plumbers/form/fields/group.rb
+- lib/stimulus_plumbers/form/fields/hint.rb
+- lib/stimulus_plumbers/form/fields/label.rb
 - lib/stimulus_plumbers/form/fields/password.rb
 - lib/stimulus_plumbers/form/fields/renderer.rb
 - lib/stimulus_plumbers/form/fields/search.rb
 - lib/stimulus_plumbers/form/fields/select.rb
+- lib/stimulus_plumbers/form/fields/submit.rb
 - lib/stimulus_plumbers/form/fields/text.rb
 - lib/stimulus_plumbers/form/fields/text_area.rb
 - lib/stimulus_plumbers/helpers.rb
@@ -92,23 +101,20 @@ files:
 - lib/stimulus_plumbers/helpers/plumber_helper.rb
 - lib/stimulus_plumbers/helpers/popover_helper.rb
 - lib/stimulus_plumbers/logger.rb
+- lib/stimulus_plumbers/plumber/base.rb
+- lib/stimulus_plumbers/plumber/dispatcher.rb
+- lib/stimulus_plumbers/plumber/dispatcher/callable_inspector.rb
+- lib/stimulus_plumbers/plumber/dispatcher/instance_exec.rb
+- lib/stimulus_plumbers/plumber/dispatcher/klass_proxy.rb
+- lib/stimulus_plumbers/plumber/dispatcher/method_call.rb
+- lib/stimulus_plumbers/plumber/html_options.rb
+- lib/stimulus_plumbers/plumber/renderer.rb
 - lib/stimulus_plumbers/themes/base.rb
-- lib/stimulus_plumbers/themes/base/action_list.rb
-- lib/stimulus_plumbers/themes/base/avatar.rb
-- lib/stimulus_plumbers/themes/base/button.rb
-- lib/stimulus_plumbers/themes/base/calendar.rb
-- lib/stimulus_plumbers/themes/base/card.rb
-- lib/stimulus_plumbers/themes/base/form.rb
-- lib/stimulus_plumbers/themes/base/layout.rb
+- lib/stimulus_plumbers/themes/configuration.rb
+- lib/stimulus_plumbers/themes/schema.rb
+- lib/stimulus_plumbers/themes/schema/form/ranges.rb
+- lib/stimulus_plumbers/themes/schema/icon.rb
 - lib/stimulus_plumbers/themes/schema/ranges.rb
-- lib/stimulus_plumbers/themes/tailwind/action_list.rb
-- lib/stimulus_plumbers/themes/tailwind/avatar.rb
-- lib/stimulus_plumbers/themes/tailwind/button.rb
-- lib/stimulus_plumbers/themes/tailwind/calendar.rb
-- lib/stimulus_plumbers/themes/tailwind/card.rb
-- lib/stimulus_plumbers/themes/tailwind/form.rb
-- lib/stimulus_plumbers/themes/tailwind/layout.rb
-- lib/stimulus_plumbers/themes/tailwind_theme.rb
 - lib/stimulus_plumbers/version.rb
 homepage: https://github.com/ryancyq/stimulus-plumbers
 licenses:

data/lib/stimulus_plumbers/components/action_list/renderer.rb

@@ -1,47 +0,0 @@
-# frozen_string_literal: true
-
-module StimulusPlumbers
-  module Components
-    module ActionList
-      class Renderer < Plumber::Base
-        def list(**kwargs, &block)
-          html_options = merge_html_options(
-            { classes: theme.resolve(:action_list).fetch(:classes, "") },
-            kwargs
-          )
-          template.content_tag(:div, template.capture(&block), **html_options)
-        end
-
-        def section(title: nil, **kwargs, &block)
-          html_options = merge_html_options(kwargs)
-          template.content_tag(:div, **html_options) do
-            template.safe_join(
-              [
-                (template.content_tag(:p, title) if title.present?),
-                template.content_tag(:ul, template.capture(&block))
-              ].compact
-            )
-          end
-        end
-
-        def item(content = nil, url: nil, external: false, active: false, **kwargs, &block)
-          content      = template.capture(&block) if block_given?
-          html_options = merge_html_options(
-            { classes: theme.resolve(:action_list_item, active: active).fetch(:classes, "") },
-            kwargs
-          )
-
-          inner = if url
-                    html_options[:target] = "_blank" if external
-                    template.content_tag(:a, content, href: url, **html_options)
-                  else
-                    html_options[:type] ||= "button"
-                    template.content_tag(:button, content, **html_options)
-                  end
-
-          template.content_tag(:li, inner)
-        end
-      end
-    end
-  end
-end

data/lib/stimulus_plumbers/components/avatar/renderer.rb

@@ -1,74 +0,0 @@
-# frozen_string_literal: true
-
-module StimulusPlumbers
-  module Components
-    module Avatar
-      class Renderer < Plumber::Base
-        def avatar(name: nil, initials: nil, url: nil, color: nil, size: :md, **kwargs, &block)
-          color_css = resolve_color(color, name, initials) unless url || block_given?
-
-          html_options = merge_html_options(
-            {
-              classes:      [theme.resolve(:avatar, size: size).fetch(:classes, ""), color_css],
-              "aria-label": name,
-              role:         "img"
-            },
-            kwargs
-          )
-
-          template.content_tag(:span, inner(name, initials, url, &block), **html_options)
-        end
-
-        private
-
-        def inner(name, initials, url, &block)
-          if block_given?
-            template.capture(&block)
-          elsif url
-            template.tag.img(src: url, alt: name.present? ? "#{name}'s avatar" : "", onerror: "this.src=''")
-          elsif initials
-            initials_svg(initials)
-          else
-            fallback_svg
-          end
-        end
-
-        def resolve_color(color, name, initials)
-          if color
-            theme.avatar_colors.fetch(color, nil)
-          elsif (seed = name || initials)
-            theme.avatar_color_range[seed.bytes.reduce(:^) % theme.avatar_color_range.length]
-          else
-            theme.avatar_color_range.first
-          end
-        end
-
-        def initials_svg(initials)
-          template.content_tag(:svg, viewBox: "0 0 40 40") do
-            template.content_tag(
-              :text,
-              initials.upcase,
-              x:             "50%",
-              y:             "50%",
-              dy:            "0.35em",
-              fill:          "currentColor",
-              "font-size":   "20",
-              "text-anchor": "middle"
-            )
-          end
-        end
-
-        def fallback_svg
-          template.content_tag(:svg, viewBox: "0 0 40 40") do
-            template.tag.path(
-              fill: "currentColor",
-              d:    "M8.28 27.5A14.95 14.95 0 0120 21.8c4.76 0 8.97 2.24 11.72 5.7a14.02 " \
-                    "14.02 0 01-8.25 5.91 14.82 14.82 0 01-6.94 0 14.02 14.02 0 01-8.25-5.9z" \
-                    "M13.99 12.78a6.02 6.02 0 1112.03 0 6.02 6.02 0 01-12.03 0z"
-            )
-          end
-        end
-      end
-    end
-  end
-end

data/lib/stimulus_plumbers/components/button/renderer.rb

@@ -1,33 +0,0 @@
-# frozen_string_literal: true
-
-module StimulusPlumbers
-  module Components
-    module Button
-      class Renderer < Plumber::Base
-        def button(content = nil, url: nil, external: false, variant: :primary, size: :md, **kwargs, &block)
-          content      = template.capture(&block) if block_given?
-          html_options = merge_html_options(
-            { classes: theme.resolve(:button, variant: variant, size: size).fetch(:classes, "") },
-            kwargs
-          )
-
-          if url
-            html_options[:target] = "_blank" if external
-            template.content_tag(:a, content, href: url, **html_options)
-          else
-            html_options[:type] ||= "button"
-            template.content_tag(:button, content, **html_options)
-          end
-        end
-
-        def group(alignment: :left, direction: :row, **kwargs, &block)
-          html_options = merge_html_options(
-            { classes: theme.resolve(:button_group, alignment: alignment, direction: direction).fetch(:classes, "") },
-            kwargs
-          )
-          template.content_tag(:div, template.capture(&block), **html_options)
-        end
-      end
-    end
-  end
-end

data/lib/stimulus_plumbers/components/calendar/month/turbo/renderer.rb

@@ -1,57 +0,0 @@
-# frozen_string_literal: true
-
-module StimulusPlumbers
-  module Components
-    module Calendar
-      module Month
-        module Turbo
-          class Renderer < Plumber::Base
-            STIMULUS_CONTROLLER = "calendar-month-observer"
-
-            def render(
-              date: Date.today,
-              today: Date.today,
-              selectable: false,
-              selected_date: nil,
-              show_other_months: false,
-              **kwargs
-            )
-              html_options = merge_html_options(
-                {
-                  classes: theme.resolve(:calendar).fetch(:classes, ""),
-                  data:    { controller: STIMULUS_CONTROLLER, action: "click->#{STIMULUS_CONTROLLER}#select" }
-                },
-                kwargs
-              )
-
-              template.content_tag(:div, role: "grid", **html_options) do
-                template.safe_join(
-                  [
-                    days_of_week,
-                    days_of_month(
-                      date:              date,
-                      today:             today,
-                      selectable:        selectable,
-                      selected_date:     selected_date,
-                      show_other_months: show_other_months
-                    )
-                  ]
-                )
-              end
-            end
-
-            private
-
-            def days_of_week(**kwargs)
-              DaysOfWeek.new(template).render(**kwargs)
-            end
-
-            def days_of_month(**kwargs)
-              DaysOfMonth.new(template, **kwargs).render
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/lib/stimulus_plumbers/components/calendar/renderer.rb

@@ -1,35 +0,0 @@
-# frozen_string_literal: true
-
-module StimulusPlumbers
-  module Components
-    module Calendar
-      class Renderer < Plumber::Base
-        STIMULUS_CONTROLLER          = "calendar-month"
-        OBSERVER_STIMULUS_CONTROLLER = "calendar-month-observer"
-        STIMULUS_DATA                = {
-          controller: "#{STIMULUS_CONTROLLER} #{OBSERVER_STIMULUS_CONTROLLER}",
-          action:     "click->#{OBSERVER_STIMULUS_CONTROLLER}#select"
-        }.freeze
-
-        def month(**kwargs)
-          html_options = merge_html_options(
-            { classes: theme.resolve(:calendar).fetch(:classes, ""), data: STIMULUS_DATA },
-            kwargs
-          )
-
-          template.content_tag(:div, role: "grid", **html_options) do
-            template.safe_join(
-              [
-                template.tag.div(data: { "#{STIMULUS_CONTROLLER}-target" => "daysOfWeek" }),
-                template.tag.div(
-                  role: "rowgroup",
-                  data: { "#{STIMULUS_CONTROLLER}-target" => "daysOfMonth" }
-                )
-              ]
-            )
-          end
-        end
-      end
-    end
-  end
-end

data/lib/stimulus_plumbers/components/card/renderer.rb

@@ -1,41 +0,0 @@
-# frozen_string_literal: true
-
-module StimulusPlumbers
-  module Components
-    module Card
-      class Renderer < Plumber::Base
-        def card(title: nil, **kwargs, &block)
-          html_options = merge_html_options(
-            { classes: theme.resolve(:card).fetch(:classes, "") },
-            kwargs
-          )
-
-          template.content_tag(:div, **html_options) do
-            template.safe_join(
-              [
-                (template.content_tag(:h2, title) if title.present?),
-                template.capture(&block)
-              ].compact
-            )
-          end
-        end
-
-        def section(title: nil, **kwargs, &block)
-          html_options = merge_html_options(
-            { classes: theme.resolve(:card_section).fetch(:classes, "") },
-            kwargs
-          )
-
-          template.content_tag(:div, **html_options) do
-            template.safe_join(
-              [
-                (template.content_tag(:h3, title) if title.present?),
-                template.capture(&block)
-              ].compact
-            )
-          end
-        end
-      end
-    end
-  end
-end

data/lib/stimulus_plumbers/components/combobox/option.rb

@@ -1,27 +0,0 @@
-# frozen_string_literal: true
-
-module StimulusPlumbers
-  module Components
-    module Combobox
-      class Option < Plumber::Base
-        def render(label:, value:, description: nil, disabled: false, selected: false)
-          aria = { selected: selected ? "true" : "false" }
-          aria[:disabled] = "true" if disabled
-
-          template.content_tag(:li, role: "option", aria: aria, data: { value: value }) do
-            if description
-              template.safe_join(
-                [
-                  template.content_tag(:span, label),
-                  template.content_tag(:span, description)
-                ]
-              )
-            else
-              label
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/lib/stimulus_plumbers/components/combobox/option_group.rb

@@ -1,52 +0,0 @@
-# frozen_string_literal: true
-
-module StimulusPlumbers
-  module Components
-    module Combobox
-      module OptionGroup
-        private
-
-        def render_items(items, value: nil)
-          @selected_value = value.to_s
-          template.safe_join(items.map { |item| render_item(item) })
-        end
-
-        def render_item(item)
-          case item
-          when Hash
-            item.key?(:options) ? render_group(item[:label], item[:options]) : render_option_hash(item)
-          else
-            render_option(item[0], item[1].to_s, item[2] || {})
-          end
-        end
-
-        def render_option_hash(item)
-          render_option(item[:label], item[:value].to_s, item.except(:label, :value))
-        end
-
-        def render_option(label, value, attrs = {})
-          Option.new(template).render(
-            label:       label,
-            value:       value,
-            selected:    @selected_value == value,
-            disabled:    attrs[:disabled] || false,
-            description: attrs[:description]
-          )
-        end
-
-        def render_group(label, options)
-          template.content_tag(:li, role: "group", aria: { label: label }) do
-            template.safe_join(
-              [
-                template.content_tag(:span, label, aria: { hidden: "true" }),
-                template.content_tag(:ul) do
-                  template.safe_join(options.map { |opt| render_item(opt) })
-                end
-              ]
-            )
-          end
-        end
-      end
-    end
-  end
-end

data/lib/stimulus_plumbers/components/combobox/renderer.rb

@@ -1,78 +0,0 @@
-# frozen_string_literal: true
-
-module StimulusPlumbers
-  module Components
-    module Combobox
-      class Renderer < Plumber::Base
-        STIMULUS_CONTROLLER = "input-combobox"
-        FORMAT_CONTROLLER   = "input-format"
-        FORMAT_ACTION       = "input-combobox:changed->input-format#format"
-
-        def render(base_id:, options: {}, **kwargs)
-          popover_id    = "#{base_id}_popover"
-          initial_value = options.dig(:input, :value)
-
-          base_data = {
-            controller: "#{STIMULUS_CONTROLLER} #{FORMAT_CONTROLLER}",
-            action:     FORMAT_ACTION
-          }
-          base_data[:input_combobox_value_value] = initial_value if initial_value.present?
-
-          html_options = merge_html_options({ data: base_data }, kwargs)
-
-          template.content_tag(:div, **html_options) do
-            template.safe_join(
-              [
-                trigger_input(
-                  popover_id,
-                  options.dig(:popover, :haspopup) || options.dig(:popover, :role) || "dialog",
-                  options.fetch(:trigger, {})
-                ),
-                hidden_input(options.fetch(:input, {})),
-                popover_element(popover_id, options.fetch(:popover, {}))
-              ]
-            )
-          end
-        end
-
-        private
-
-        def trigger_input(popover_id, haspopup, opts)
-          base_data = {
-            "#{STIMULUS_CONTROLLER}_target": "trigger",
-            input_format_target:             "input",
-            action:                          "focus->#{STIMULUS_CONTROLLER}#open keydown.esc->#{STIMULUS_CONTROLLER}#close"
-          }
-          data = merge_data_options(base_data, opts.fetch(:data, {}).symbolize_keys)
-
-          aria = { haspopup: haspopup, expanded: "false", controls: popover_id }
-          aria[:autocomplete] = opts[:aria_autocomplete] if opts[:aria_autocomplete]
-          aria[:label]        = opts[:aria_label]        if opts[:aria_label]
-
-          template.tag.input(
-            type:     "text",
-            readonly: (opts.fetch(:readonly, true) ? true : nil),
-            role:     "combobox",
-            aria:     aria,
-            data:     data
-          )
-        end
-
-        def hidden_input(opts)
-          data = { "#{STIMULUS_CONTROLLER}_target": "value" }.merge(opts.fetch(:data, {}))
-          template.tag.input(type: "hidden", name: opts[:name], value: opts[:value], data: data)
-        end
-
-        def popover_element(popover_id, opts)
-          base_data = { "#{STIMULUS_CONTROLLER}_target": "popover" }
-          data = merge_data_options(base_data, (opts[:data] || {}).symbolize_keys)
-
-          attrs = { id: popover_id, hidden: "", data: data }
-          attrs[:role] = opts[:role] if opts[:role]
-          attrs[:aria] = { label: opts[:label] } if opts[:label]
-          template.content_tag(opts.fetch(:tag, :div), **attrs) { opts[:content] }
-        end
-      end
-    end
-  end
-end