plutonium 0.16.5 → 0.18.0

data/app/views/components/nav_user_section/nav_user_section_component.html.erb

@@ -1,7 +0,0 @@
-<ul <%= attributes_html %>>
-  <% links.each do |link| %>
-    <li>
-      <%= link %>
-    </li>
-  <% end %>
-</ul>

data/app/views/components/nav_user_section/nav_user_section_component.rb

@@ -1,18 +0,0 @@
-module PlutoniumUi
-  class NavUserSectionComponent < PlutoniumUi::Base
-    renders_many :links, "PlutoniumUi::NavUserLinkComponent"
-
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        classname: "nav-user-section text-gray-700 dark:text-gray-300",
-        controller: "nav-user-section",
-        aria: {labelledby: "user-nav-dropdown-toggle"}
-      }
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :nav_user_section, to: PlutoniumUi::NavUserSectionComponent

data/app/views/components/nested_resource_form_fields/nested_resource_form_fields_component.html.erb

@@ -1,64 +0,0 @@
-<div <%= attributes_html %>>
-  <h2 class="text-lg font-bold dark:text-white ">
-    <%= label %>
-  </h2>
-  <p class="mb-4 text-md font-normal text-gray-500 dark:text-gray-400">
-    <%= description %>
-  </p>
-
-  <template data-nested-resource-form-fields-target="template">
-    <% new_record = resource_class.new %>
-    <%= form.simple_fields_for name, new_record, child_index: 'NEW_RECORD' do |nested| %>
-      <fieldset class="border-t mt-4 pt-4 first:border-t-0 first:pt-0 nested-resource-form-fields" data-new-record="<%= nested.object.new_record? %>">
-        <% inputs.values.each do |input| %>
-          <%= render input.with(form: nested, record: new_record) %>
-        <% end %>
-
-        <div class="text-right">
-          <% if nested.object.new_record? || allow_destroy %>
-            <label class="text-md font-medium text-red-900">
-              <%= "Delete" %>
-              <input type="checkbox" value=""
-                      data-action="nested-resource-form-fields#remove"
-                      class="w-4 h-4 ms-2 text-red-600 bg-red-100 border-red-300 rounded focus:ring-red-500 dark:focus:ring-red-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-            </label>
-          <% end %>
-        </div>
-
-        <%= nested.hidden_field :_destroy %>
-      </fieldset>
-    <% end %>
-  </template>
-
-  <div>
-    <%= form.simple_fields_for name do |nested| %>
-      <fieldset class="border-t mt-4 pt-4 first:border-t-0 first:pt-0 nested-resource-form-fields" data-new-record="<%= nested.object.new_record? %>">
-        <% inputs.values.each do |input| %>
-          <%= render input.with(form: nested, record: new_record) %>
-        <% end %>
-
-        <div>
-          <% if nested.object.new_record? || allow_destroy %>
-            <label class="flex items-center justify-end text-md font-medium text-red-900">
-              <%= "Delete" %>
-              <input type="checkbox" value=""
-                      data-action="nested-resource-form-fields#remove"
-                      class="w-4 h-4 ms-2 text-red-600 bg-red-100 border-red-300 rounded focus:ring-red-500 dark:focus:ring-red-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-            </label>
-          <% end %>
-        </div>
-
-        <%= nested.hidden_field :_destroy %>
-      </fieldset>
-    <% end %>
-
-    <div data-nested-resource-form-fields-target="target" hidden></div>
-  </div>
-
-  <%=
-    render_component :button, label: "Add #{name.to_s.singularize.humanize}", classname: "mt-4", data: {
-      action: "nested-resource-form-fields#add",
-      "nested-resource-form-fields-target": "addButton"
-    }
-  %>
-</div>

data/app/views/components/nested_resource_form_fields/nested_resource_form_fields_component.rb

@@ -1,29 +0,0 @@
-module PlutoniumUi
-  class NestedResourceFormFieldsComponent < PlutoniumUi::Base
-    option :name
-    option :resource_class
-    option :form
-    option :inputs
-    option :label, optional: true
-    option :description, optional: true
-    option :allow_destroy, optional: true
-    option :update_only, optional: true
-    option :limit, optional: true
-
-    def base_attributes
-      {
-        classname: "mt-6 mb-4",
-        controller: "nested-resource-form-fields",
-        data: {
-          "nested-resource-form-fields-limit-value": limit
-        }
-      }
-    end
-
-    def label
-      super || name.to_s.humanize
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :nested_resource_form_fields, to: PlutoniumUi::NestedResourceFormFieldsComponent

data/app/views/components/pagination/pagination_component.html.erb

@@ -1,6 +0,0 @@
-<div <%= attributes_html %>>
-  <%== pagy_info(pager) %>
-  <% if pager.pages > 1 %>
-    <%== pagy_nav(pager) %>
-  <% end %>
-</div>

data/app/views/components/pagination/pagination_component.rb

@@ -1,94 +0,0 @@
-require "pagy"
-
-module PlutoniumUi
-  class PaginationComponent < PlutoniumUi::Base
-    include Pagy::Frontend
-
-    option :pager
-    option :pagy_id, optional: true
-    option :nav_aria_label, optional: true
-    option :nav_i18n_key, optional: true
-
-    def pagy_nav(pagy, **vars)
-      p_id = %( id="#{pagy_id}") if pagy_id
-      link = pagy_link_proc(pagy, link_extra: "class=\"#{default_link_classes} #{page_link_classes}\"")
-
-      html = +%(<nav#{p_id} class="pagy pagy-nav pagination" #{nav_aria_label_attr(pagy, nav_aria_label, nav_i18n_key)}>)
-      html = +%(<ul class="inline-flex -space-x-px text-sm">)
-      html << prev_html(pagy)
-      pagy.series(**vars).each do |item| # series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36]
-        html << case item
-        when Integer
-          %(<li class="page" >#{link.call(item)}</li>)
-        when String
-          %(<li class="page active">) +
-            %(<a role="link" aria-disabled="true" aria-current="page" class="#{default_link_classes} #{active_link_classes}">#{pagy.label_for(item)}</a></li>)
-        when :gap
-          %(<li class="page gap #{default_link_classes} border-y-0">#{pagy_t("pagy.gap")}</li>)
-        else
-          raise InternalError, "expected item types in series to be Integer, String or :gap; got #{item.inspect}"
-        end
-      end
-      html << %(#{next_html(pagy)}</ul></nav>)
-    end
-
-    def pagy_info(pagy, pagy_id: nil, item_name: nil, item_i18n_key: nil)
-      p_id = %( id="#{pagy_id}") if pagy_id
-      p_count = pagy.count
-      key = if p_count.zero? then "pagy.info.no_items"
-      elsif pagy.pages == 1 then "pagy.info.single_page"
-      else "pagy.info.multiple_pages" # rubocop:disable Lint/ElseLayout
-      end
-
-      %(<span#{p_id} class="text-sm text-gray-700 dark:text-gray-200 pagy-info">#{
-          pagy_t key, item_name: item_name || pagy_t(item_i18n_key || pagy.vars[:item_i18n_key], count: p_count),
-            count: p_count, from: pagy.from, to: pagy.to
-        }</span>)
-    end
-
-    private
-
-    def base_attributes
-      {
-        classname: "flex flex-col items-center space-y-2 p-6",
-        controller: "pagination"
-      }
-    end
-
-    def prev_html(pagy, text: pagy_t("pagy.prev"))
-      link = pagy_link_proc(pagy, link_extra: "class=\"#{default_link_classes} #{page_link_classes} rounded-s-lg\"")
-
-      if (p_prev = pagy.prev)
-        %(<li class="page prev">#{link.call(p_prev, text, prev_aria_label_attr)}</li>)
-      else
-        %(<li class="page prev disabled"><span role="link" aria-disabled="true" class="#{default_link_classes} #{active_link_classes} border-e-0 rounded-s-lg" #{
-          prev_aria_label_attr}>#{text}</span></li>)
-      end
-    end
-
-    def next_html(pagy, text: pagy_t("pagy.next"))
-      link = pagy_link_proc(pagy, link_extra: "class=\"#{default_link_classes} #{page_link_classes} rounded-e-lg\"")
-
-      if (p_next = pagy.next)
-        %(<li class="page next">#{link.call(p_next, text, next_aria_label_attr)}</li>)
-      else
-        %(<li class="page next disabled"><span role="link" aria-disabled="true" class="#{default_link_classes} #{active_link_classes} rounded-e-lg" #{
-          next_aria_label_attr}>#{text}</span></li>)
-      end
-    end
-
-    def default_link_classes
-      "flex items-center justify-center px-3 h-8 leading-tight text-gray-500 border border-gray-300 bg-white dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200"
-    end
-
-    def page_link_classes
-      "hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-white"
-    end
-
-    def active_link_classes
-      "text-primary-600 hover:text-primary-600 dark:bg-gray-700 dark:text-white dark:hover:text-white cursor-default select-none"
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :pagination, to: PlutoniumUi::PaginationComponent

data/app/views/components/panel/panel_component.html.erb

@@ -1,17 +0,0 @@
-<%= render_component :block, rounded: :all do %>
-  <div <%= attributes_html %>>
-    <div class="flex justify-between items-center mb-4">
-      <% if title.present? %>
-        <h5 class="text-2xl font-bold tracking-tight text-gray-900 dark:text-white">
-          <%= title %>
-        </h5>
-      <% end %>
-      <div class="flex">
-        <% actions.each do |action| %>
-          <%= action %>
-        <% end %>
-      </div>
-    </div>
-    <%= content %>
-  </div>
-<% end %>

data/app/views/components/panel/panel_component.rb

@@ -1,17 +0,0 @@
-module PlutoniumUi
-  class PanelComponent < PlutoniumUi::Base
-    renders_many :actions
-
-    option :title, optional: true
-
-    private
-
-    def base_attributes
-      {
-        classname: "p-4"
-      }
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :panel, to: PlutoniumUi::PanelComponent

data/app/views/components/resource_header/resource_header_component.html.erb

@@ -1,83 +0,0 @@
-<nav <%= attributes_html %>>
-  <div class="flex flex-wrap justify-between items-center">
-    <div class="flex justify-start items-center">
-      <% if sidebar_toggle %>
-        <button
-          data-drawer-target="<%= sidebar_toggle %>"
-          data-drawer-toggle="<%= sidebar_toggle %>"
-          aria-controls="<%= sidebar_toggle %>"
-          class="p-2 mr-2 text-gray-600 rounded-lg cursor-pointer lg:hidden hover:text-gray-900 hover:bg-gray-100 focus:bg-gray-100 dark:focus:bg-gray-700 focus:ring-2 focus:ring-gray-100 dark:focus:ring-gray-700 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white">
-          <svg
-            aria-hidden="true"
-            class="w-6 h-6"
-            fill="currentColor"
-            viewBox="0 0 20 20"
-            xmlns="http://www.w3.org/2000/svg">
-            <path
-              fill-rule="evenodd"
-              d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
-              clip-rule="evenodd"
-            ></path>
-          </svg>
-          <svg
-            aria-hidden="true"
-            class="hidden w-6 h-6"
-            fill="currentColor"
-            viewBox="0 0 20 20"
-            xmlns="http://www.w3.org/2000/svg">
-            <path
-              fill-rule="evenodd"
-              d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-              clip-rule="evenodd"></path>
-          </svg>
-          <span class="sr-only">Toggle sidebar</span>
-        </button>
-      <% end %>
-      <% if brand_name.present? || brand_logo.present? %>
-        <a href="<%= root_path %>" class="flex items-center justify-between md:min-w-60">
-          <%= brand_logo if brand_logo.present? %>
-          <% if brand_name.present? %>
-          <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white hidden xs:block">
-            <%= brand_name %>
-          </span>
-          <% end %>
-        </a>
-      <% end %>
-
-      <%= content %>
-       <%#
-        <form action="#" method="GET" class="hidden md:block md:pl-2">
-          <label for="topbar-search" class="sr-only">Search</label>
-          <div class="relative md:w-64">
-            <div
-              class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
-              <svg
-                class="w-5 h-5 text-gray-500 dark:text-gray-200"
-                fill="currentColor"
-                viewBox="0 0 20 20"
-                xmlns="http://www.w3.org/2000/svg">
-                <path
-                  fill-rule="evenodd"
-                  clip-rule="evenodd"
-                  d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"></path>
-              </svg>
-            </div>
-            <input
-              type="text"
-              name="email"
-              id="topbar-search"
-              class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
-              placeholder="Search" />
-          </div>
-        </form>
-      %>
-    </div>
-    <% if actions.present? %>
-      <div class="flex items-center lg:order-2">
-        <% actions.each do |action| %>
-          <%= action %>
-        <% end %>
-      </div>
-    <% end %>
-  </div>
-</nav>

data/app/views/components/resource_header/resource_header_component.rb

@@ -1,30 +0,0 @@
-module PlutoniumUi
-  class ResourceHeaderComponent < PlutoniumUi::Base
-    renders_one :brand_logo
-    renders_many :actions
-
-    option :brand_name, optional: true
-    option :default_brand_logo, default: -> { true }
-    option :sidebar_toggle, default: -> {}
-
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        classname: "resource-header bg-white border-b border-gray-200 px-4 py-2.5 dark:bg-gray-800 dark:border-gray-700 fixed left-0 right-0 top-0 z-50",
-        controller: "header"
-      }
-    end
-
-    def before_render
-      return if brand_logo.present? || !default_brand_logo
-
-      with_brand_logo do
-        resource_logo_tag classname: "mr-3 h-10"
-      end
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :resource_header, to: PlutoniumUi::ResourceHeaderComponent

data/app/views/components/resource_layout/resource_layout_component.html.erb

@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html <%= attributes_html %>>
-  <head>
-    <title><%= page_title %></title>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <%= csrf_meta_tags %>
-    <%= csp_meta_tag %>
-
-    <% if default_turbo_tag %>
-      <meta name="turbo-cache-control" content="no-cache">
-      <meta name="turbo-refresh-method" content="morph">
-      <meta name="turbo-refresh-scroll" content="preserve">
-    <% end %>
-
-    <%= meta %>
-    <%= favicon %>
-
-    <% if default_fonts_tag %>
-      <link rel="preconnect" href="https://fonts.googleapis.com">
-      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-      <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
-    <% end %>
-
-    <% if default_assets_tag %>
-      <%= resource_stylesheet_tag %>
-      <%= resource_script_tag %>
-    <% end %>
-
-    <%= assets %>
-    <%= head %>
-    <%#
-
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.7/quill.snow.min.css" integrity="sha512-/FHUK/LsH78K9XTqsR9hbzr21J8B8RwHR/r8Jv9fzry6NVAOVIGFKQCNINsbhK7a1xubVu2r5QZcz2T9cKpubw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.7/quill.min.js" integrity="sha512-P2W2rr8ikUPfa31PLBo5bcBQrsa+TNj8jiKadtaIrHQGMo6hQM6RdPjQYxlNguwHz8AwSQ28VkBK6kHBLgd/8g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slim-select/2.6.0/slimselect.min.css" integrity="sha512-GvqWM4KWH8mbgWIyvwdH8HgjUbyZTXrCq0sjGij9fDNiXz3vJoy3jCcAaWNekH2rJe4hXVWCJKN+bEW8V7AAEQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/slim-select/2.6.0/slimselect.min.js" integrity="sha512-0E8oaoA2v32h26IycsmRDShtQ8kMgD91zWVBxdIvUCjU3xBw81PV61QBsBqNQpWkp/zYJZip8Ag3ifmzz1wCKQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-    %>
-  </head>
-  <body class="<%= body_classname %>">
-    <%= header %>
-    <%= sidebar %>
-    <main class="<%= build_main_classname %>">
-      <%= render "flash" %>
-      <%= content %>
-    </main>
-  </body>
-</html>
-
-<%#= modal_frame_tag do %>
-  <%#= yield(:modal) %>
-<%# end %>

data/app/views/components/resource_layout/resource_layout_component.rb

@@ -1,41 +0,0 @@
-module PlutoniumUi
-  class ResourceLayoutComponent < PlutoniumUi::Base
-    renders_one :meta
-    renders_one :favicon
-    renders_one :assets
-    renders_one :head
-    renders_one :header
-    renders_one :sidebar
-
-    option :page_title
-    option :lang
-    option :body_classname, default: -> { "antialiased min-h-screen bg-gray-50 dark:bg-gray-900" }
-    option :main_classname, default: -> { "p-4 min-h-screen" }
-    option :header_adjustment, default: -> { "pt-20" }
-    option :sidebar_adjustment, default: -> { "lg:ml-64" }
-    option :default_turbo_tag, default: -> { true }
-    option :default_fonts_tag, default: -> { true }
-    option :default_assets_tag, default: -> { true }
-
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        classname: "resource-layout",
-        controller: "resource-layout color-mode",
-        lang:
-      }
-    end
-
-    def build_main_classname
-      classname = Array(main_classname)
-      classname += Array(header_adjustment) if header.present?
-      classname += Array(sidebar_adjustment) if sidebar.present?
-
-      classname.join " "
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :resource_layout, to: PlutoniumUi::ResourceLayoutComponent

data/app/views/components/sidebar/sidebar_component.html.erb

@@ -1,69 +0,0 @@
-<aside <%= attributes_html %>>
-  <div class="<%= sidebar_container_class %>">
-    <%= content %>
-  </div>
-
-  <div class="hidden absolute bottom-0 left-0 justify-center p-4 space-x-4 w-full lg:flex bg-white dark:bg-gray-800 z-20 border-r border-gray-200 dark:border-gray-700">
-    <div data-controller="resource-drop-down">
-      <button
-        type="button"
-        data-resource-drop-down-target="trigger"
-        class="inline-flex justify-center p-2 text-gray-500 rounded cursor-pointer dark:hover:text-white dark:text-gray-200 hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-600">
-        <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
-          <path d="M5 13.17a3.001 3.001 0 0 0 0 5.66V20a1 1 0 1 0 2 0v-1.17a3.001 3.001 0 0 0 0-5.66V4a1 1 0 0 0-2 0v9.17ZM11 20v-9.17a3.001 3.001 0 0 1 0-5.66V4a1 1 0 1 1 2 0v1.17a3.001 3.001 0 0 1 0 5.66V20a1 1 0 1 1-2 0Zm6-1.17V20a1 1 0 1 0 2 0v-1.17a3.001 3.001 0 0 0 0-5.66V4a1 1 0 1 0-2 0v9.17a3.001 3.001 0 0 0 0 5.66Z"/>
-        </svg>
-      </button>
-      <div
-        class="hidden z-50 my-4 text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700"
-        data-resource-drop-down-target="menu">
-        <ul class="py-1" role="none">
-          <li>
-            <button
-              type="button"
-              class="w-full block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:hover:text-white dark:text-gray-300 dark:hover:bg-gray-600"
-              role="menuitem"
-              data-action="click->color-mode#setLightColorMode"
-            >
-              <div class="flex justify-start">
-                <svg class="w-6 h-6 me-2 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5V3m0 18v-2M7.05 7.05 5.636 5.636m12.728 12.728L16.95 16.95M5 12H3m18 0h-2M7.05 16.95l-1.414 1.414M18.364 5.636 16.95 7.05M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/>
-                </svg>
-                Light
-              </div>
-            </a>
-          </li>
-          <li>
-            <button
-              type="button"
-              class="w-full block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:hover:text-white dark:text-gray-300 dark:hover:bg-gray-600"
-              role="menuitem"
-              data-action="click->color-mode#setDarkColorMode"
-            >
-              <div class="flex justify-start">
-                <svg class="w-6 h-6 me-2 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 21a9 9 0 0 1-.5-17.986V3c-.354.966-.5 1.911-.5 3a9 9 0 0 0 9 9c.239 0 .254.018.488 0A9.004 9.004 0 0 1 12 21Z"/>
-                </svg>
-                Dark
-              </div>
-            </a>
-          </li>
-          <li>
-            <button
-              type="button"
-              class="w-full block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:hover:text-white dark:text-gray-300 dark:hover:bg-gray-600"
-              role="menuitem"
-              data-action="click->color-mode#setSystemColorMode"
-            >
-              <div class="flex justify-start">
-                <svg class="w-6 h-6 me-2 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 16H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v1M9 12H4m8 8V9h8v11h-8Zm0 0H9m8-4a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"/>
-                </svg>
-                System
-              </div>
-            </a>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</aside>

data/app/views/components/sidebar/sidebar_component.rb

@@ -1,23 +0,0 @@
-module PlutoniumUi
-  class SidebarComponent < PlutoniumUi::Base
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        id: "sidebar-navigation",
-        controller: "",
-        aria: {label: "Sidebar Navigation"},
-        data: {turbo_permanent: true},
-        class: "fixed top-0 left-0 z-40 w-64 h-screen pt-14 transition-transform -translate-x-full lg:translate-x-0",
-        sidebar_container_class: "overflow-y-auto py-5 px-3 h-full bg-white border-r border-gray-200 dark:bg-gray-800 dark:border-gray-700"
-      }
-    end
-
-    def sidebar_container_class
-      raw_attributes_hash[:sidebar_container_class]
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :sidebar, to: PlutoniumUi::SidebarComponent

data/app/views/components/sidebar_menu/sidebar_menu_component.html.erb

@@ -1,5 +0,0 @@
-<ul <%= attributes_html %>>
-  <% items.each do |item| %>
-    <%= item %>
-  <% end %>
-</ul>

data/app/views/components/sidebar_menu/sidebar_menu_component.rb

@@ -1,17 +0,0 @@
-module PlutoniumUi
-  class SidebarMenuComponent < PlutoniumUi::Base
-    renders_many :items, "::PlutoniumUi::SidebarMenuItemComponent"
-
-    private
-
-    def base_attributes
-      # base attributes go here
-      {
-        classname: "sidebar-menu space-y-2 pb-6 mb-6",
-        controller: "sidebar-menu"
-      }
-    end
-  end
-end
-
-Plutonium::ComponentRegistry.register :sidebar_menu, to: PlutoniumUi::SidebarMenuComponent

data/app/views/components/sidebar_menu_item/sidebar_menu_item_component.html.erb

@@ -1,64 +0,0 @@
-<li <%= attributes_html %>>
-  <% if sub_items.any? %>
-    <button
-      type="button"
-      class="<%= link_button_class %> w-full transition duration-75"
-      data-resource-collapse-target="trigger"
-      aria-controls="side-menu-item-<%= name.parameterize %>">
-      <% if icon.present? %>
-        <%= render_icon icon, size: :lg, classname: icon_class %>
-      <% else %>
-        <div class="shrink-0 w-6 h-6">
-          &nbsp;
-        </div>
-      <% end %>
-      <span class="<%= link_label_class %>"><%= name %></span>
-      <svg
-        aria-hidden="true"
-        class="w-6 h-6"
-        fill="currentColor"
-        viewBox="0 0 20 20"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          fill-rule="evenodd"
-          d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
-          clip-rule="evenodd"
-        ></path>
-      </svg>
-    </button>
-
-    <ul id="side-menu-item-<%= name.parameterize %>" data-resource-collapse-target="menu" class="hidden py-2 space-y-2">
-      <% sub_items.each do |sub_item| %>
-        <%#= sub_item %>
-        <li>
-          <a
-            href="<%= sub_item.url %>"
-            class="<%= sub_link_button_class %>">
-            <%= sub_item.name %>
-          </a>
-        </li>
-      <% end %>
-    </ul>
-  <% else %>
-    <a
-      href="<%= url %>"
-      class="<%= link_link_class %>">
-      <% if icon.present? %>
-        <%= render_icon icon, size: :lg, classname: icon_class %>
-      <% else %>
-        <div class="shrink-0 w-6 h-6">
-          &nbsp;
-        </div>
-      <% end %>
-      <span class="<%= link_label_class %>"><%= name %></span>
-      <%#
-        <% if indicator.present? % >
-          <span class="inline-flex justify-center items-center w-5 h-5 text-xs font-semibold rounded-full text-primary-800 bg-primary-100 dark:bg-primary-200 dark:text-primary-800">
-            <%= indicator % >
-          </span>
-        <% end % >
-      %>
-    </a>
-  <% end %>
-</li>