uchi 0.1.4 → 0.1.6

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: uchi
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.6
 platform: ruby
 authors:
 - Jakob Skjerning
@@ -68,55 +68,6 @@ files:
 - app/assets/stylesheets/uchi/application.css
 - app/assets/stylesheets/uchi/uchi.css
 - app/assets/tailwind/uchi.css
-- app/components/flowbite/breadcrumb.rb
-- app/components/flowbite/breadcrumb_home.rb
-- app/components/flowbite/breadcrumb_item.rb
-- app/components/flowbite/breadcrumb_item/current.rb
-- app/components/flowbite/breadcrumb_item/first.rb
-- app/components/flowbite/breadcrumb_separator.rb
-- app/components/flowbite/button.rb
-- app/components/flowbite/button/outline.rb
-- app/components/flowbite/button/pill.rb
-- app/components/flowbite/card.rb
-- app/components/flowbite/input/checkbox.rb
-- app/components/flowbite/input/date.rb
-- app/components/flowbite/input/date_time.rb
-- app/components/flowbite/input/email.rb
-- app/components/flowbite/input/field.rb
-- app/components/flowbite/input/file.rb
-- app/components/flowbite/input/hint.rb
-- app/components/flowbite/input/label.rb
-- app/components/flowbite/input/number.rb
-- app/components/flowbite/input/password.rb
-- app/components/flowbite/input/phone.rb
-- app/components/flowbite/input/radio_button.rb
-- app/components/flowbite/input/select.rb
-- app/components/flowbite/input/textarea.rb
-- app/components/flowbite/input/url.rb
-- app/components/flowbite/input/validation_error.rb
-- app/components/flowbite/input_field.rb
-- app/components/flowbite/input_field/checkbox.html.erb
-- app/components/flowbite/input_field/checkbox.rb
-- app/components/flowbite/input_field/date.rb
-- app/components/flowbite/input_field/date_time.rb
-- app/components/flowbite/input_field/email.rb
-- app/components/flowbite/input_field/file.rb
-- app/components/flowbite/input_field/input_field.html.erb
-- app/components/flowbite/input_field/number.rb
-- app/components/flowbite/input_field/password.rb
-- app/components/flowbite/input_field/phone.rb
-- app/components/flowbite/input_field/radio_button.html.erb
-- app/components/flowbite/input_field/radio_button.rb
-- app/components/flowbite/input_field/select.rb
-- app/components/flowbite/input_field/text.rb
-- app/components/flowbite/input_field/textarea.rb
-- app/components/flowbite/input_field/url.rb
-- app/components/flowbite/link.rb
-- app/components/flowbite/style.rb
-- app/components/flowbite/toast.rb
-- app/components/flowbite/toast/icon.html.erb
-- app/components/flowbite/toast/icon.rb
-- app/components/flowbite/toast/toast.html.erb
 - app/components/uchi/field/base.rb
 - app/components/uchi/field/belongs_to.rb
 - app/components/uchi/field/belongs_to/edit.html.erb
@@ -169,6 +120,59 @@ files:
 - app/components/uchi/field/text/edit.html.erb
 - app/components/uchi/field/text/index.html.erb
 - app/components/uchi/field/text/show.html.erb
+- app/components/uchi/flowbite/breadcrumb.rb
+- app/components/uchi/flowbite/breadcrumb_home.rb
+- app/components/uchi/flowbite/breadcrumb_item.rb
+- app/components/uchi/flowbite/breadcrumb_item/current.rb
+- app/components/uchi/flowbite/breadcrumb_item/first.rb
+- app/components/uchi/flowbite/breadcrumb_separator.rb
+- app/components/uchi/flowbite/button.rb
+- app/components/uchi/flowbite/button/outline.rb
+- app/components/uchi/flowbite/button/pill.rb
+- app/components/uchi/flowbite/card.rb
+- app/components/uchi/flowbite/card/card.html.erb
+- app/components/uchi/flowbite/card/title.rb
+- app/components/uchi/flowbite/input/checkbox.rb
+- app/components/uchi/flowbite/input/date.rb
+- app/components/uchi/flowbite/input/date_time.rb
+- app/components/uchi/flowbite/input/email.rb
+- app/components/uchi/flowbite/input/field.rb
+- app/components/uchi/flowbite/input/file.rb
+- app/components/uchi/flowbite/input/hint.rb
+- app/components/uchi/flowbite/input/label.rb
+- app/components/uchi/flowbite/input/number.rb
+- app/components/uchi/flowbite/input/password.rb
+- app/components/uchi/flowbite/input/phone.rb
+- app/components/uchi/flowbite/input/radio_button.rb
+- app/components/uchi/flowbite/input/select.rb
+- app/components/uchi/flowbite/input/textarea.rb
+- app/components/uchi/flowbite/input/url.rb
+- app/components/uchi/flowbite/input/validation_error.rb
+- app/components/uchi/flowbite/input_field.rb
+- app/components/uchi/flowbite/input_field/checkbox.html.erb
+- app/components/uchi/flowbite/input_field/checkbox.rb
+- app/components/uchi/flowbite/input_field/date.rb
+- app/components/uchi/flowbite/input_field/date_time.rb
+- app/components/uchi/flowbite/input_field/email.rb
+- app/components/uchi/flowbite/input_field/file.rb
+- app/components/uchi/flowbite/input_field/input_field.html.erb
+- app/components/uchi/flowbite/input_field/number.rb
+- app/components/uchi/flowbite/input_field/password.rb
+- app/components/uchi/flowbite/input_field/phone.rb
+- app/components/uchi/flowbite/input_field/radio_button.html.erb
+- app/components/uchi/flowbite/input_field/radio_button.rb
+- app/components/uchi/flowbite/input_field/select.rb
+- app/components/uchi/flowbite/input_field/text.rb
+- app/components/uchi/flowbite/input_field/textarea.rb
+- app/components/uchi/flowbite/input_field/url.rb
+- app/components/uchi/flowbite/link.rb
+- app/components/uchi/flowbite/style.rb
+- app/components/uchi/flowbite/toast.rb
+- app/components/uchi/flowbite/toast/icon.html.erb
+- app/components/uchi/flowbite/toast/icon.rb
+- app/components/uchi/flowbite/toast/toast.html.erb
+- app/components/uchi/ui/actions/dropdown.rb
+- app/components/uchi/ui/actions/dropdown/dropdown.html.erb
 - app/components/uchi/ui/breadcrumb.rb
 - app/components/uchi/ui/breadcrumb/breadcrumb.html.erb
 - app/components/uchi/ui/form/footer.rb
@@ -182,6 +186,10 @@ files:
 - app/components/uchi/ui/index/records_table/search_form.rb
 - app/components/uchi/ui/index/records_table/search_form/search_form.html.erb
 - app/components/uchi/ui/index/turbo_frame.rb
+- app/components/uchi/ui/navigation.rb
+- app/components/uchi/ui/navigation/navigation.html.erb
+- app/components/uchi/ui/no_value.rb
+- app/components/uchi/ui/no_value/no_value.html.erb
 - app/components/uchi/ui/page_header.rb
 - app/components/uchi/ui/page_header/page_header.html.erb
 - app/components/uchi/ui/pagination.rb
@@ -201,6 +209,7 @@ files:
 - app/components/uchi/ui/show/attribute_fields/attribute_fields.html.erb
 - app/components/uchi/ui/spinner.rb
 - app/components/uchi/ui/spinner/spinner.html.erb
+- app/controllers/uchi/actions/executions_controller.rb
 - app/controllers/uchi/application_controller.rb
 - app/controllers/uchi/controller.rb
 - app/controllers/uchi/repository_controller.rb
@@ -209,6 +218,7 @@ files:
 - app/mailers/uchi/application_mailer.rb
 - app/views/layouts/uchi/_flash_messages.html.erb
 - app/views/layouts/uchi/application.html.erb
+- app/views/uchi/navigation/_main.html.erb
 - app/views/uchi/repository/edit.html.erb
 - app/views/uchi/repository/index.html.erb
 - app/views/uchi/repository/new.html.erb
@@ -218,8 +228,11 @@ files:
 - lib/generators/uchi/install/install_generator.rb
 - lib/generators/uchi/repository/repository_generator.rb
 - lib/generators/uchi/repository/templates/repository.rb.tt
+- lib/generators/uchi/scaffold/scaffold_generator.rb
 - lib/tasks/uchi_tasks.rake
 - lib/uchi.rb
+- lib/uchi/action.rb
+- lib/uchi/action_response.rb
 - lib/uchi/application_record.rb
 - lib/uchi/engine.rb
 - lib/uchi/field.rb

data/app/components/flowbite/button/outline.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module Flowbite
-  class Button
-    class Outline < Flowbite::Button
-      class << self
-        # rubocop:disable Layout/LineLength
-        def styles
-          {
-            default: Flowbite::Style.new(
-              default: ["text-blue-700", "hover:text-white", "border", "border-blue-700", "hover:bg-blue-800", "focus:ring-4", "focus:outline-none", "focus:ring-blue-300", "font-medium", "rounded-lg", "text-center", "me-2", "mb-2", "dark:border-blue-500", "dark:text-blue-500", "dark:hover:text-white", "dark:hover:bg-blue-500", "dark:focus:ring-blue-800"]
-            ),
-            green: Flowbite::Style.new(
-              default: ["text-green-700", "hover:text-white", "border", "border-green-700", "hover:bg-green-800", "focus:ring-4", "focus:outline-none", "focus:ring-green-300", "font-medium", "rounded-lg", "text-center", "me-2", "mb-2", "dark:border-green-500", "dark:text-green-500", "dark:hover:text-white", "dark:hover:bg-green-600", "dark:focus:ring-green-800"]
-            )
-          }
-        end
-        # rubocop:enable Layout/LineLength
-      end
-    end
-  end
-end

data/app/components/flowbite/button/pill.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-module Flowbite
-  class Button
-    class Pill < Flowbite::Button
-      class << self
-        # rubocop:disable Layout/LineLength, Metrics/MethodLength
-        def styles
-          {
-            alternative: Flowbite::Style.new(
-              default: ["text-sm", "font-medium", "text-gray-900", "focus:outline-none", "bg-white", "rounded-full", "border", "border-gray-200", "hover:bg-gray-100", "hover:text-blue-700", "focus:z-10", "focus:ring-4", "focus:ring-gray-100", "dark:focus:ring-gray-700", "dark:bg-gray-800", "dark:text-gray-400", "dark:border-gray-600", "dark:hover:text-white", "dark:hover:bg-gray-700"]
-            ),
-            dark: Flowbite::Style.new(
-              default: ["text-white", "bg-gray-800", "hover:bg-gray-900", "focus:outline-none", "focus:ring-4", "focus:ring-gray-300", "font-medium", "rounded-full", "dark:bg-gray-800", "dark:hover:bg-gray-700", "dark:focus:ring-gray-700", "dark:border-gray-700"]
-            ),
-            default: Flowbite::Style.new(
-              default: ["text-white", "bg-blue-700", "hover:bg-blue-800", "focus:outline-none", "focus:ring-4", "focus:ring-blue-300", "font-medium", "rounded-full", "text-center", "dark:bg-blue-600", "dark:hover:bg-blue-700", "dark:focus:ring-blue-800"]
-            ),
-            green: Flowbite::Style.new(
-              default: ["text-white", "bg-green-700", "hover:bg-green-800", "focus:outline-none", "focus:ring-4", "focus:ring-green-300", "font-medium", "rounded-full", "text-center", "dark:bg-green-600", "dark:hover:bg-green-700", "dark:focus:ring-green-800"]
-            ),
-            light: Flowbite::Style.new(
-              default: ["text-gray-900", "bg-white", "border", "border-gray-300", "focus:outline-none", "hover:bg-gray-100", "focus:ring-4", "focus:ring-gray-100", "font-medium", "rounded-full", "dark:bg-gray-800", "dark:text-white", "dark:border-gray-600", "dark:hover:bg-gray-700", "dark:hover:border-gray-600", "dark:focus:ring-gray-700"]
-            ),
-            purple: Flowbite::Style.new(
-              default: ["text-white", "bg-purple-700", "hover:bg-purple-800", "focus:outline-none", "focus:ring-4", "focus:ring-purple-300", "font-medium", "rounded-full", "text-center", "dark:bg-purple-600", "dark:hover:bg-purple-700", "dark:focus:ring-purple-900"]
-            ),
-            red: Flowbite::Style.new(
-              default: ["text-white", "bg-red-700", "hover:bg-red-800", "focus:outline-none", "focus:ring-4", "focus:ring-red-300", "font-medium", "rounded-full", "text-center", "dark:bg-red-600", "dark:hover:bg-red-700", "dark:focus:ring-red-900"]
-            ),
-            yellow: Flowbite::Style.new(
-              default: ["text-white", "bg-yellow-400", "hover:bg-yellow-500", "focus:outline-none", "focus:ring-4", "focus:ring-yellow-300", "font-medium", "rounded-full", "text-center", "dark:focus:ring-yellow-900"]
-            )
-          }
-        end
-        # rubocop:enable Layout/LineLength, Metrics/MethodLength
-      end
-    end
-  end
-end

data/app/components/flowbite/button.rb

@@ -1,92 +0,0 @@
-# frozen_string_literal: true
-
-module Flowbite
-  # Renders a HTML button element.
-  #
-  # See https://flowbite.com/docs/components/buttons/
-  #
-  # @param label [String] The text to display on the button.
-  #
-  # All other parameters are optional and are passed directly to the button tag
-  # as HTML attributes.
-  class Button < ViewComponent::Base
-    SIZES = {
-      xs: ["text-xs", "px-3", "py-2"],
-      sm: ["text-sm", "px-3", "py-2"],
-      default: ["text-sm", "px-5", "py-2.5"],
-      lg: ["text-base", "px-5", "py-3"],
-      xl: ["text-base", "px-6", "py-3.5"]
-    }.freeze
-
-    class << self
-      def classes(size: :default, state: :default, style: :default)
-        style = styles.fetch(style)
-        classes = style.fetch(state)
-        classes + sizes.fetch(size)
-      end
-
-      def sizes
-        SIZES
-      end
-
-      # rubocop:disable Layout/LineLength
-      def styles
-        {
-          alternative: Flowbite::Style.new(
-            default: ["font-medium", "text-gray-900", "focus:outline-none", "bg-white", "rounded-lg", "border", "border-gray-200", "hover:bg-gray-100", "hover:text-blue-700", "focus:z-10", "focus:ring-4", "focus:ring-gray-100", "dark:focus:ring-gray-700", "dark:bg-gray-800", "dark:text-gray-400", "dark:border-gray-600", "dark:hover:text-white", "dark:hover:bg-gray-700"]
-          ),
-          dark: Flowbite::Style.new(
-            default: ["text-white", "bg-gray-800", "hover:bg-gray-900", "focus:ring-4", "focus:ring-gray-300", "font-medium", "rounded-lg", "dark:bg-gray-800", "dark:hover:bg-gray-700", "dark:focus:ring-gray-700", "dark:border-gray-700"]
-          ),
-          default: Flowbite::Style.new(
-            default: ["text-white", "bg-blue-700", "hover:bg-blue-800", "focus:ring-4", "focus:ring-blue-300", "font-medium", "rounded-lg", "dark:bg-blue-600", "dark:hover:bg-blue-700", "focus:outline-none", "dark:focus:ring-blue-800"]
-          ),
-          green: Flowbite::Style.new(
-            default: ["focus:outline-none", "text-white", "bg-green-700", "hover:bg-green-800", "focus:ring-4", "focus:ring-green-300", "font-medium", "rounded-lg", "dark:bg-green-600", "dark:hover:bg-green-700", "dark:focus:ring-green-800"]
-          ),
-          light: Flowbite::Style.new(
-            default: ["text-gray-900", "bg-white", "border", "border-gray-300", "hover:bg-gray-100", "focus:ring-4", "focus:ring-gray-100", "font-medium", "rounded-lg", "dark:bg-gray-800", "dark:text-white", "dark:border-gray-600", "dark:hover:bg-gray-700", "dark:hover:border-gray-600", "dark:focus:ring-gray-700"]
-          ),
-          purple: Flowbite::Style.new(
-            default: ["focus:outline-none", "text-white", "bg-purple-700", "hover:bg-purple-800", "focus:ring-4", "focus:ring-purple-300", "font-medium", "rounded-lg", "dark:bg-purple-600", "dark:hover:bg-purple-700", "dark:focus:ring-purple-900"]
-          ),
-          red: Flowbite::Style.new(
-            default: ["focus:outline-none", "text-white", "bg-red-700", "hover:bg-red-800", "focus:ring-4", "focus:ring-red-300", "font-medium", "rounded-lg", "dark:bg-red-600", "dark:hover:bg-red-700", "dark:focus:ring-red-900"]
-          ),
-          yellow: Flowbite::Style.new(
-            default: ["focus:outline-none", "text-white", "bg-yellow-400", "hover:bg-yellow-500", "focus:ring-4", "focus:ring-yellow-300", "font-medium", "rounded-lg", "dark:focus:ring-yellow-900"]
-          )
-        }.freeze
-      end
-      # rubocop:enable Layout/LineLength
-    end
-
-    attr_reader :button_attributes, :size, :style
-
-    def initialize(size: :default, style: :default, **button_attributes)
-      @size = size
-      @style = style
-      @button_attributes = button_attributes
-    end
-
-    def call
-      content_tag(
-        :button,
-        content,
-        **options
-      )
-    end
-
-    private
-
-    def classes
-      self.class.classes(size: size, state: :default, style: style)
-    end
-
-    def options
-      {
-        class: classes
-      }.merge(button_attributes)
-    end
-  end
-end

data/app/components/flowbite/card.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-module Flowbite
-  # Renders a card element.
-  #
-  # See https://flowbite.com/docs/components/cards/
-  class Card < ViewComponent::Base
-    class << self
-      def classes(state: :default, style: :default)
-        style = styles.fetch(style)
-        style.fetch(state)
-      end
-
-      # rubocop:disable Layout/LineLength
-      def styles
-        {
-          default: Flowbite::Style.new(
-            default: ["p-6", "bg-white", "border", "border-gray-200", "rounded-lg", "shadow-sm", "dark:bg-gray-800", "dark:border-gray-700"]
-          )
-        }.freeze
-      end
-      # rubocop:enable Layout/LineLength
-    end
-
-    def call
-      card_options = {}
-      card_options[:class] = self.class.classes + @class
-
-      content_tag(:div, card_options.merge(@options)) do
-        concat(content_tag(:div, content, class: "font-normal text-gray-700 dark:text-gray-400"))
-      end
-    end
-
-    # @param class [Array<String>] Additional CSS classes for the card
-    #   container.
-    #
-    # @param options [Hash] Additional HTML options for the card container
-    #   (e.g., custom classes, data attributes). These options are merged into
-    #   the card's root element.
-    def initialize(class: [], options: {})
-      @class = Array(binding.local_variable_get(:class)) || []
-      @options = options || {}
-    end
-  end
-end

data/app/components/flowbite/input/file.rb

@@ -1,30 +0,0 @@
-# frozen_string_literal: true
-
-module Flowbite
-  module Input
-    class File < Field
-      SIZES = {
-        sm: ["text-xs"],
-        default: ["text-sm"],
-        lg: ["text-lg"]
-      }.freeze
-
-      # Returns the name of the method used to generate HTML for the input field
-      def input_field_type
-        :file_field
-      end
-
-      # rubocop:disable Layout/LineLength
-      def self.styles
-        {
-          default: Flowbite::Style.new(
-            default: ["block", "w-full", "text-gray-900", "border", "border-gray-300", "rounded-lg", "cursor-pointer", "bg-gray-50", "focus:outline-none", "dark:text-gray-400", "dark:bg-gray-700", "dark:border-gray-600"],
-            disabled: ["block", "w-full", "text-gray-400", "border", "border-gray-300", "rounded-lg", "cursor-not-allowed", "bg-gray-100", "dark:text-gray-500", "dark:bg-gray-600", "dark:border-gray-500"],
-            error: ["block", "w-full", "text-red-900", "border", "border-red-500", "rounded-lg", "cursor-pointer", "bg-red-50", "focus:outline-none", "dark:text-red-400", "dark:bg-gray-700", "dark:border-red-500"]
-          )
-        }.freeze
-      end
-      # rubocop:enable Layout/LineLength
-    end
-  end
-end

data/app/components/flowbite/input/textarea.rb

@@ -1,42 +0,0 @@
-# frozen_string_literal: true
-
-module Flowbite
-  module Input
-    class Textarea < Field
-      class << self
-        # rubocop:disable Layout/LineLength
-        def styles
-          {
-            default: Flowbite::Style.new(
-              default: ["block", "w-full", "text-gray-900", "bg-gray-50", "rounded-lg", "border", "border-gray-300", "focus:ring-blue-500", "focus:border-blue-500", "dark:bg-gray-700", "dark:border-gray-600", "dark:placeholder-gray-400", "dark:text-white", "dark:focus:ring-blue-500", "dark:focus:border-blue-500"],
-              disabled: ["block", "w-full", "bg-gray-100", "rounded-lg", "border", "border-gray-300", "text-gray-900", "cursor-not-allowed"],
-              error: ["block", "w-full", "bg-red-50", "border", "border-red-500", "text-red-900", "placeholder-red-700", "rounded-lg", "focus:ring-red-500", "focus:border-red-500", "dark:bg-gray-700", "dark:text-red-500", "dark:placeholder-red-500", "dark:border-red-500"]
-            )
-          }.freeze
-        end
-        # rubocop:enable Layout/LineLength
-      end
-
-      # Returns the HTML to use for the actual input field element.
-      def call
-        @form.send(
-          input_field_type,
-          @attribute,
-          **input_options
-        )
-      end
-
-      protected
-
-      # Returns the CSS classes to apply to the input field
-      def classes
-        self.class.classes(size: size, state: state)
-      end
-
-      # Returns the name of the method used to generate HTML for the input field
-      def input_field_type
-        :text_area
-      end
-    end
-  end
-end

data/app/components/flowbite/input/validation_error.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Flowbite
-  module Input
-    class ValidationError < ViewComponent::Base
-      def call
-        tag.p(content, class: "mt-2 text-sm text-red-600 dark:text-red-500")
-      end
-    end
-  end
-end

data/app/components/flowbite/input_field/checkbox.html.erb

@@ -1,14 +0,0 @@
-<div class="flex">
-  <div class="flex items-center h-5">
-      <%= input %>
-  </div>
-
-  <div class="ms-2 text-sm">
-    <%= label %>
-    <%= hint %>
-  </div>
-
-  <% errors.each do |error| %>
-    <%= render(Flowbite::Input::ValidationError.new) { error.upcase_first } %>
-  <% end %>
-</div>

data/app/components/flowbite/input_field/input_field.html.erb

@@ -1,8 +0,0 @@
-<div>
-  <%= label %>
-  <%= input %>
-  <%= hint %>
-  <% errors.each do |error| %>
-    <%= render(Flowbite::Input::ValidationError.new) { error.upcase_first } %>
-  <% end %>
-</div>

data/app/components/flowbite/input_field/radio_button.html.erb

@@ -1,14 +0,0 @@
-<div class="flex">
-  <div class="flex items-center h-5">
-      <%= input %>
-  </div>
-
-  <div class="ms-2 text-sm">
-    <%= label %>
-    <%= hint %>
-  </div>
-
-  <% errors.each do |error| %>
-    <%= render(Flowbite::Input::ValidationError.new) { error.upcase_first } %>
-  <% end %>
-</div>

data/app/components/flowbite/link.rb

@@ -1,21 +0,0 @@
-module Flowbite
-  class Link < ViewComponent::Base
-    attr_reader :href, :text, :options
-
-    class << self
-      def classes
-        ["font-medium", "text-blue-600", "dark:text-blue-500", "hover:underline"].join(" ")
-      end
-    end
-
-    def initialize(href:, **options)
-      super()
-      @href = href
-      @options = options
-    end
-
-    def call
-      link_to(content, href, {class: self.class.classes}.merge(options))
-    end
-  end
-end

data/app/components/flowbite/toast/toast.html.erb

@@ -1,11 +0,0 @@
-<div class="<%= container_classes.join(" ") %>" role="alert" <%= options.map { |k, v| "#{k}=\"#{v}\"" }.join(" ").html_safe %>>
-  <%= render Flowbite::Toast::Icon.new(style: style) %>
-  <div class="ms-3 text-sm font-normal"><%= message %></div>
-  <% if dismissible %>
-    <button type="button" class="ms-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex items-center justify-center h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700" aria-label="Close">
-      <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
-        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
-      </svg>
-    </button>
-  <% end %>
-</div>