plutonium 0.16.5 → 0.18.0

data/app/views/components/button/button_component.rb

@@ -1,128 +0,0 @@
-module PlutoniumUi
-  class ButtonComponent < PlutoniumUi::Base
-    option :label
-    option :to, optional: true
-    option :icon, optional: true
-    option :color, optional: true
-    option :variant, optional: true
-    option :size, optional: true
-    option :type, default: proc { :button }
-
-    private
-
-    def base_attributes
-      {
-        classname: classnames
-      }
-    end
-
-    def classnames
-      classnames = ["text-center py-2.5 font-medium px-5", color_classes, shape_classes, size_classes]
-      classnames << "flex items-center justify-center"
-      classnames << "space-x-1" if icon.present? && label.present?
-      classnames.join " "
-    end
-
-    def color_classes
-      case variant
-      when :outline
-        outline_color_classes
-      when :link
-        link_color_classes
-      else
-        default_color_classes
-      end
-    end
-
-    def shape_classes
-      case variant
-      when :link
-        nil
-      when :pill
-        "rounded-full focus:outline-none focus:ring-4"
-      else
-        "rounded-lg focus:outline-none focus:ring-4"
-      end
-    end
-
-    def size_classes
-      case size
-      when :xs
-        "text-xs"
-      when :lg
-        "text-base"
-      when :xl
-        "py-3.5 text-base"
-      else
-        "text-sm"
-      end
-    end
-
-    def outline_color_classes
-      case color
-      when :primary
-        "border border-primary-700 text-primary-700 hover:bg-primary-800 hover:text-white focus:ring-primary-300 dark:border-primary-500 dark:text-primary-600 dark:hover:bg-primary-500 dark:hover:text-white dark:focus:ring-primary-800"
-      when :blue
-        "border border-blue-700 text-blue-700 hover:bg-blue-800 hover:text-white focus:ring-blue-300 dark:border-blue-500 dark:text-blue-500 dark:hover:bg-blue-500 dark:hover:text-white dark:focus:ring-blue-800"
-      when :green
-        "border border-green-700 text-green-700 hover:bg-green-800 hover:text-white focus:ring-green-300 dark:border-green-500 dark:text-green-500 dark:hover:bg-green-600 dark:hover:text-white dark:focus:ring-green-800"
-      when :red
-        "border border-red-700 text-red-700 hover:bg-red-800 hover:text-white focus:ring-red-300 dark:border-red-500 dark:text-red-500 dark:hover:bg-red-600 dark:hover:text-white dark:focus:ring-red-900"
-      when :yellow
-        "border border-yellow-400 text-yellow-400 hover:bg-yellow-500 hover:text-white focus:ring-yellow-300 dark:border-yellow-300 dark:text-yellow-300 dark:hover:bg-yellow-400 dark:hover:text-white dark:focus:ring-yellow-900"
-      when :purple
-        "border border-purple-700 text-purple-700 hover:bg-purple-800 hover:text-white focus:ring-purple-300 dark:border-purple-400 dark:text-purple-400 dark:hover:bg-purple-500 dark:hover:text-white dark:focus:ring-purple-900"
-      when :dark
-        "border border-gray-800 text-gray-900 hover:bg-gray-900 hover:text-white focus:ring-gray-300 dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-600 dark:hover:text-white dark:focus:ring-gray-800 "
-      when :light
-        "border border-gray-300 bg-white text-gray-900 hover:bg-gray-100 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
-      else
-        "border border-gray-200 bg-white text-gray-900 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700"
-      end
-    end
-
-    def link_color_classes
-      case color
-      when :primary
-        "text-primary-600 dark:text-primary-500 hover:underline text-primary-600 dark:text-primary-500 hover:underline"
-      when :blue
-        "text-blue-600 dark:text-blue-500 hover:underline text-blue-600 dark:text-blue-500 hover:underline"
-      when :green
-        "text-green-600 dark:text-green-500 hover:underline text-green-600 dark:text-green-500 hover:underline"
-      when :red
-        "text-red-600 dark:text-red-500 hover:underline text-red-600 dark:text-red-500 hover:underline"
-      when :yellow
-        "text-yellow-600 dark:text-yellow-500 hover:underline text-yellow-600 dark:text-yellow-500 hover:underline"
-      when :purple
-        "text-purple-600 dark:text-purple-500 hover:underline text-purple-600 dark:text-purple-500 hover:underline"
-      else
-        "text-gray-800 dark:text-gray-900 hover:underline text-gray-600 dark:text-gray-900 hover:underline"
-      end
-    end
-
-    def default_color_classes
-      case color
-      when :primary
-        "bg-primary-700 text-white hover:bg-primary-800 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"
-      when :blue
-        "bg-blue-700 text-white hover:bg-blue-800 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
-      when :green
-        "bg-green-700 text-white hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800"
-      when :red
-        "bg-red-700 text-white hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900"
-      when :yellow
-        "bg-yellow-400 text-white hover:bg-yellow-500 focus:ring-yellow-300 dark:focus:ring-yellow-900"
-      when :purple
-        "bg-purple-700 text-white hover:bg-purple-800 focus:ring-purple-300 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
-      when :dark
-        "bg-gray-800 text-white hover:bg-gray-900 focus:ring-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
-      when :light
-        "border border-gray-300 bg-white text-gray-900 hover:bg-gray-100 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
-      else
-        "border border-gray-200 bg-white text-gray-900 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700"
-      end
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :button, to: PlutoniumUi::ButtonComponent

data/app/views/components/dyna_frame_content/dyna_frame_content_component.html.erb

@@ -1,8 +0,0 @@
-<% if current_turbo_frame.present? %>
-  <%= turbo_frame_tag current_turbo_frame do %>
-    <%= render "flash" %>
-    <%= content %>
-  <% end %>
-<% else %>
-  <%= content %>
-<% end %>

data/app/views/components/dyna_frame_content/dyna_frame_content_component.rb

@@ -1,6 +0,0 @@
-module PlutoniumUi
-  class DynaFrameContentComponent < PlutoniumUi::Base
-  end
-end
-
-Plutonium::ComponentRegistry.register :dyna_frame_content, to: PlutoniumUi::DynaFrameContentComponent

data/app/views/components/dyna_frame_host/dyna_frame_host_component.html.erb

@@ -1,3 +0,0 @@
-<%= turbo_frame_tag attributes_hash.delete(:id), **attributes_hash do %>
-  <%= content %>
-<% end %>

data/app/views/components/dyna_frame_host/dyna_frame_host_component.rb

@@ -1,18 +0,0 @@
-module PlutoniumUi
-  class DynaFrameHostComponent < PlutoniumUi::Base
-    option :src
-    option :loading
-
-    private
-
-    def base_attributes
-      {
-        id: SecureRandom.hex,
-        src:,
-        loading:
-      }
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :dyna_frame_host, to: PlutoniumUi::DynaFrameHostComponent

data/app/views/components/empty_card/empty_card_component.html.erb

@@ -1,6 +0,0 @@
-<%= render_component :block do %>
-  <div class="p-6 flex items-center flex-col gap-2">
-    <p class="text-gray-500 sm:text-lg dark:text-gray-200"><%= message %></p>
-    <%= content %>
-  </div>
-<% end %>

data/app/views/components/empty_card/empty_card_component.rb

@@ -1,7 +0,0 @@
-module PlutoniumUi
-  class EmptyCardComponent < PlutoniumUi::Base
-    option :message
-  end
-end
-
-Plutonium::ComponentRegistry.register :empty_card, to: PlutoniumUi::EmptyCardComponent

data/app/views/components/form/form_builder.rb

@@ -1,75 +0,0 @@
-require "simple_form"
-
-module PlutoniumUi
-  class FormBuilder < SimpleForm::FormBuilder
-    def input(attribute_name, options = {}, &)
-      label_class = options.dig(:label_html, :class)
-      if object&.errors&.[](attribute_name).present?
-        # Don't show the hint
-        options.delete(:hint)
-        # Apply error class if there are errors
-        label_class = [label_class, "text-red-700 dark:text-red-500"].compact.join(" ")
-      elsif object&.persisted? || !object&.errors&.empty?
-        # Apply success class if the object is persisted, has been validated (errors are not empty), and the field has no errors
-        label_class = [label_class, "block mb-2 text-sm font-medium text-green-700 dark:text-green-500"].compact.join(" ")
-      else
-        label_class = [label_class, "text-gray-700 dark:text-white"].compact.join(" ")
-      end
-
-      options[:label_html] ||= {}
-      options[:label_html][:class] = label_class
-
-      super
-    end
-
-    def hint(...)
-      return if object.errors[attribute_name].present?
-
-      super
-    end
-
-    def return_to(url)
-      @template.tag(:input, type: "hidden", name: "return_to", value: url, hidden: true)
-    end
-
-    def error_notification(options = {})
-      # Overriding this because we want an unstyled error notification
-      translate_error_notification = lambda {
-        lookups = []
-        lookups << :"#{object_name}"
-        lookups << :default_message
-        lookups << "Please review the problems below"
-        I18n.t(lookups.shift, scope: :"plutonium.error_notification", default: lookups)
-      }
-
-      (options.delete(:message) || translate_error_notification.call).html_safe
-    end
-
-    def submit_default_value
-      object = convert_to_model(@object)
-      key = if object
-        object.persisted? ? :update : :create
-      else
-        :submit
-      end
-
-      model = if object.respond_to?(:model_name)
-        object.model_name.human
-      else
-        @object_name.to_s.humanize
-      end
-
-      defaults = []
-      # Object is a model and it is not overwritten by as and scope option.
-      defaults << if object.respond_to?(:model_name) && object_name.to_s == model.downcase
-        :"helpers.submit.#{object.model_name.i18n_key}.#{key}"
-      else
-        :"helpers.submit.#{object_name}.#{key}"
-      end
-      defaults << :"helpers.submit.#{key}"
-      defaults << "#{key.to_s.humanize} #{model}"
-
-      I18n.t(defaults.shift, model: model, default: defaults)
-    end
-  end
-end

data/app/views/components/form/form_component.html.erb

@@ -1,73 +0,0 @@
-<%= resource_form_for form.record, html: {class: "flex flex-col space-y-6 px-4 py-2"} do |f| %>
-  <h2 class="mb-4 text-xl font-bold text-gray-900 dark:text-gray-200"><%= f.submit_default_value %></h2>
-
-  <% if f.object.errors.present? %>
-    <div class="flex p-4 px-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400" role="alert">
-      <svg class="shrink-0 inline w-4 h-4 me-3 mt-[2px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
-        <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
-      </svg>
-      <div>
-        <span class="font-medium"><%= f.error_notification %></span>
-          <ul class="mt-1.5 list-disc list-inside">
-            <% f.object.errors.full_messages.each do |message|  %>
-              <li><%= f.error_notification message: message  %></li>
-            <% end  %>
-        </ul>
-      </div>
-    </div>
-  <% end %>
-
-  <div>
-  <% form.inputs.values.each do |input| %>
-    <%= render input.with(form: f, record: form.record) %>
-  <% end %>
-  </div>
-
-  <div class="flex justify-end space-x-2">
-    <%# TODO: move this into its own component %>
-    <div class="flex" data-controller="resource-drop-down">
-      <button type="submit"
-              name="commit"
-              value="<%= preferred_action_after_submit %>"
-              class="inline-flex items-center px-4 py-2 bg-primary-600 text-white
-                     rounded-s-md hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500"
-              data-disable-with="<%= f.submit_default_value %>"
-              title="<%= action_after_submit_label preferred_action_after_submit %>"
-      >
-        Save <%= action_after_submit_label preferred_action_after_submit %>
-      </button>
-      <button type="button"
-              id="form-submit-options-toggle"
-              data-resource-drop-down-target="trigger"
-              class="inline-flex items-center px-4 py-2 bg-primary-600 text-white
-                     rounded-e-md hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500
-                     dark:border-gray-300
-                     border-s">
-        <svg class="w-2.5 h-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
-          <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/>
-        </svg>
-      </button>
-
-      <!-- Dropdown menu -->
-      <div data-resource-drop-down-target="menu"
-           class="z-10 hidden w-56 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600">
-          <ul class="p-3 space-y-3 text-sm text-gray-700 dark:text-gray-200"
-              aria-labelledby="form-submit-options-toggle">
-            <% supported_actions_after_submit.each do |action_after_submit| %>
-            <% next if action_after_submit == preferred_action_after_submit %>
-            <li>
-              <div class="flex items-center">
-                <button type="submit"
-                        name="commit"
-                        value="<%= action_after_submit %>"
-                        class="w-full text-primary-700 hover:text-white border border-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-1.5 text-center dark:border-primary-500 dark:text-primary-500 dark:hover:text-white dark:hover:bg-primary-500 dark:focus:ring-primary-800">
-                        <%= action_after_submit_label action_after_submit %>
-                </button>
-              </div>
-            </li>
-            <% end %>
-          </ul>
-      </div>
-    </div>
-  </div>
-<% end %>

data/app/views/components/form/form_component.rb

@@ -1,23 +0,0 @@
-module PlutoniumUi
-  class FormComponent < PlutoniumUi::Base
-    option :form
-    option :preferred_action_after_submit, default: proc { "show" }
-
-    private
-
-    def supported_actions_after_submit
-      %w[show edit new index]
-    end
-
-    def action_after_submit_label(action)
-      {
-        "show" => "and view details",
-        "edit" => "and continue editing",
-        "new" => "and add another",
-        "index" => "and view all"
-      }[action]
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :form, to: PlutoniumUi::FormComponent

data/app/views/components/has_many_panel/has_many_panel_component.html.erb

@@ -1,25 +0,0 @@
-<div <%= attributes_html %>>
-  <%= render_component :panel, title: do |panel| %>
-    <% panel.with_action do %>
-      <button title="Back" class="mr-2 text-gray-600 dark:text-gray-300" style="display:none" data-frame-navigator-target="backButton">
-        <%= render_icon "outline/chevron-left", size: :xl %>
-      </button>
-    <% end %>
-
-    <% panel.with_action do %>
-      <button title="Home" class="mr-2 text-gray-600 dark:text-gray-300" style="display:none" data-frame-navigator-target="homeButton">
-        <%= render_icon "outline/home", size: :xl %>
-      </button>
-    <% end %>
-
-    <% panel.with_action do %>
-      <button title="Refresh" data-frame-navigator-target="refreshButton" style="display:none" class="text-gray-600 dark:text-gray-300">
-        <%= render_icon "outline/refresh", size: :xl %>
-      </button>
-    <% end %>
-
-    <%= render_component :dyna_frame_host, loading: :lazy, data: { "frame-navigator-target": "frame" }, src: do %>
-      <%= render_component :skeleton__table %>
-    <% end %>
-  <% end %>
-</div>

data/app/views/components/has_many_panel/has_many_panel_component.rb

@@ -1,16 +0,0 @@
-module PlutoniumUi
-  class HasManyPanelComponent < PlutoniumUi::Base
-    option :title
-    option :src
-
-    private
-
-    def base_attributes
-      {
-        controller: %w[has-many-panel frame-navigator]
-      }
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :has_many_panel, to: PlutoniumUi::HasManyPanelComponent

data/app/views/components/header/header_component.html.erb

@@ -1 +0,0 @@
-<span title="<%= @title %>"><%= content %></span>

data/app/views/components/header/header_component.rb

@@ -1,7 +0,0 @@
-module PlutoniumUi
-  class HeaderComponent < PlutoniumUi::Base
-    option :title
-  end
-end
-
-Plutonium::ComponentRegistry.register :header, to: PlutoniumUi::HeaderComponent

data/app/views/components/interactive_action_form/interactive_action_form_component.html.erb

@@ -1,39 +0,0 @@
-<%= resource_form_for interaction, url: "", as: :interaction, method: :post, html: {class: "flex flex-col space-y-6 px-4 py-2"} do |f| %>
-  <h2 class="mb-4 text-xl font-bold text-gray-900 dark:text-gray-200"><%= interactive_action.name.to_s.titleize %></h2>
-
-  <% if f.object.errors.present? %>
-    <div class="flex p-4 px-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400" role="alert">
-      <svg class="shrink-0 inline w-4 h-4 me-3 mt-[2px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
-        <path d="M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z"/>
-      </svg>
-      <div>
-        <span class="font-medium"><%= f.error_notification %></span>
-        <ul class="mt-1.5 list-disc list-inside">
-          <% f.object.errors.full_messages.each do |message|  %>
-            <li><%= f.error_notification message: message  %></li>
-          <% end  %>
-        </ul>
-      </div>
-    </div>
-  <% end %>
-
-  <div>
-  <% interactive_action.inputs.values.each do |input| %>
-    <%= render input.with(form: f, record: interaction) %>
-  <% end %>
-  </div>
-
-  <div class="flex justify-end space-x-2">
-    <%# TODO: move this into its own component %>
-    <div class="flex">
-      <button type="submit"
-              name="commit"
-              class="inline-flex items-center px-4 py-2 bg-primary-600 text-white
-                     rounded-s-md hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500"
-      >
-        Submit
-      </button>
-    </div>
-  </div>
-
-<% end %>

data/app/views/components/interactive_action_form/interactive_action_form_component.rb

@@ -1,8 +0,0 @@
-module PlutoniumUi
-  class InteractiveActionFormComponent < PlutoniumUi::Base
-    option :interaction
-    option :interactive_action
-  end
-end
-
-Plutonium::ComponentRegistry.register :interactive_action_form, to: PlutoniumUi::InteractiveActionFormComponent

data/app/views/components/nav_grid_menu/nav_grid_menu_component.html.erb

@@ -1,24 +0,0 @@
-<div <%= attributes_html %>>
-  <button
-    type="button"
-    data-resource-drop-down-target="trigger"
-    class="p-2 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-200 dark:hover:text-white dark:hover:bg-gray-700 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600">
-    <span class="sr-only">View <%= label %></span>
-    <!-- Icon -->
-    <%= render_icon "solid/grid", size: :lg %>
-  </button>
-  <!-- Dropdown menu -->
-  <div
-    class="hidden overflow-hidden z-50 my-4 max-w-sm text-base list-none bg-white divide-y divide-gray-100 shadow-lg dark:bg-gray-700 dark:divide-gray-600 rounded-xl"
-    data-resource-drop-down-target="menu">
-    <div
-      class="block py-2 px-4 text-base font-medium text-center text-gray-700 bg-gray-50 dark:bg-gray-600 dark:text-gray-300">
-      <%= label %>
-    </div>
-    <div class="grid grid-cols-3 gap-4 p-4">
-      <% items.each do |item| %>
-        <%= item %>
-      <% end %>
-    </div>
-  </div>
-</div>

data/app/views/components/nav_grid_menu/nav_grid_menu_component.rb

@@ -1,23 +0,0 @@
-module PlutoniumUi
-  class NavGridMenuComponent < PlutoniumUi::Base
-    renders_many :items, "PlutoniumUi::NavGridMenuItemComponent"
-
-    option :label
-
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        classname: "nav-grid-menu",
-        controller: "nav-grid-menu resource-drop-down"
-      }
-    end
-
-    def render?
-      items.any?
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :nav_grid_menu, to: PlutoniumUi::NavGridMenuComponent

data/app/views/components/nav_grid_menu_item/nav_grid_menu_item_component.html.erb

@@ -1,4 +0,0 @@
-<a <%= attributes_html %>>
-  <%= render_icon icon, size: :xl, classname: "text-gray-400 group-hover:text-gray-500 dark:text-gray-200 dark:group-hover:text-gray-400" %>
-  <div class="text-sm text-gray-900 dark:text-white"><%= name %></div>
-</a>

data/app/views/components/nav_grid_menu_item/nav_grid_menu_item_component.rb

@@ -1,20 +0,0 @@
-module PlutoniumUi
-  class NavGridMenuItemComponent < PlutoniumUi::Base
-    option :name
-    option :icon
-    option :url, as: :href
-
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        classname: "nav-grid-menu-item block p-4 text-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 group",
-        controller: "nav-grid-menu-item",
-        href:
-      }
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :nav_grid_menu_item, to: PlutoniumUi::NavGridMenuItemComponent

data/app/views/components/nav_user/nav_user_component.html.erb

@@ -1,50 +0,0 @@
-<div <%= attributes_html %>>
-  <% if avatar_url.present? %>
-    <button
-      type="button"
-      class="flex mx-3 text-sm bg-gray-800 rounded-full md:mr-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
-      aria-expanded="false"
-      id="user-nav-dropdown-toggle"
-      data-resource-drop-down-target="trigger">
-      <span class="sr-only">Open user menu</span>
-      <img
-        class="w-8 h-8 rounded-full"
-        src="<%= avatar_url %>"
-        alt="avatar" />
-    </button>
-  <% else %>
-    <button
-        type="button"
-        class="flex mx-3 text-sm border border-gray-600 text-gray-500 hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-700 rounded-full md:mr-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
-        aria-expanded="false"
-        id="user-nav-dropdown-toggle"
-        data-resource-drop-down-target="trigger">
-      <span class="sr-only">Open user menu</span>
-      <svg class="w-8 h-8" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
-        <path fill-rule="evenodd" d="M12 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-2 9a4 4 0 0 0-4 4v1a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-1a4 4 0 0 0-4-4h-4Z" clip-rule="evenodd"/>
-      </svg>
-    </button>
-  <% end %>
-  <!-- Dropdown menu -->
-  <div
-    class="hidden z-50 my-4 w-56 text-base list-none bg-white divide-y divide-gray-100 shadow dark:bg-gray-700 dark:divide-gray-600 rounded-xl"
-    data-resource-drop-down-target="menu">
-    <div class="py-3 px-4">
-      <% if name.present? %>
-      <span
-        class="block text-sm font-semibold text-gray-900 dark:text-white">
-        <%= name %>
-      </span>
-      <% end %>
-      <span
-        class="block text-sm text-gray-900 truncate dark:text-white">
-        <%= email %>
-      </span>
-    </div>
-
-    <% sections.each do |section| %>
-      <%= section %>
-    <% end %>
-
-  </div>
-</div>

data/app/views/components/nav_user/nav_user_component.rb

@@ -1,32 +0,0 @@
-module PlutoniumUi
-  class NavUserComponent < PlutoniumUi::Base
-    renders_many :sections, "PlutoniumUi::NavUserSectionComponent"
-
-    option :email
-    option :name, optional: true
-    option :avatar_url, optional: true
-    option :logout_url, optional: true
-
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        classname: "nav-user",
-        controller: "nav-user resource-drop-down"
-      }
-    end
-
-    def before_render
-      return unless logout_url.present?
-
-      content # get block to execute so our link gets added at the very end
-
-      with_section do |section|
-        section.with_link url: logout_url, label: "Sign out", data: {turbo: false}, classname: "rounded-b-lg"
-      end
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :nav_user, to: PlutoniumUi::NavUserComponent

data/app/views/components/nav_user_link/nav_user_link_component.html.erb

@@ -1,7 +0,0 @@
-<a <%= attributes_html %>>
-  <span class="flex items-center">
-    <%= leading if leading.present? %>
-    <%= label %>
-  </span>
-  <%= trailing if trailing.present? %>
-</a>

data/app/views/components/nav_user_link/nav_user_link_component.rb

@@ -1,23 +0,0 @@
-module PlutoniumUi
-  class NavUserLinkComponent < PlutoniumUi::Base
-    renders_one :leading
-    renders_one :trailing
-
-    option :label
-    option :url, as: :href
-
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        id: "nav-user-link-#{label.parameterize}",
-        classname: "nav-user-link flex justify-between items-center py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
-        controller: "nav-user-link",
-        href:
-      }
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :nav_user_link, to: PlutoniumUi::NavUserLinkComponent