jet_ui 0.2.10 → 0.3.0

data/app/components/jet_ui/modal/component.rb

@@ -2,52 +2,22 @@
 
 module JetUi
   module Modal
-    class Component < JetUi::BaseComponent
-      SIZES = %w[sm md lg xl 2xl 3xl 4xl 5xl 6xl].freeze
-      DEFAULT_SIZE = '2xl'
-
-      def initialize(title: nil, subtitle: nil, size: DEFAULT_SIZE, id: nil)
-        @title = title
-        @subtitle = subtitle
-        @size = size
-        @id = id
-      end
-
-      erb_template <<~ERB
-        <%= container_tag do %>
-          <%= helpers.jet_ui.modal_header(title: @title, subtitle: @subtitle, closable: closable?, id: @id) %>
-          <%= content %>
-        <% end %>
-      ERB
-
-      private
-
-      def container_tag(&block)
-        return sync_dialog(&block) if @id
-        return turbo_frame_dialog(&block) if helpers.turbo_frame_request?
-
-        content_tag :div, class: class_names('modal modal-page', "w-#{@size}"), &block
-      end
-
-      def sync_dialog(&block)
-        dialog_tag(id: @id, data: { modals_target: 'dialog' }, &block)
-      end
-
-      def turbo_frame_dialog(&block)
-        helpers.turbo_frame_tag :modal do
-          dialog_tag(id: :modalDialog, data: { controller: 'modal' }) do
-            helpers.turbo_frame_tag(:modalContent, &block)
-          end
-        end
-      end
-
-      def dialog_tag(**options, &block)
-        attrs = { tabindex: '-1', class: class_names('modal', 'animate-slide-up', "w-#{@size}") }
-        content_tag :dialog, **attrs, **options, &block
+    # @deprecated Use {JetUi::Dialog::Component} with `position: :center` instead.
+    #   Kept as a thin shim so existing `jet_ui.modal(...)` calls and
+    #   `data: { turbo_frame: :modal }` links keep working. Will be removed in the next
+    #   major version.
+    class Component < JetUi::Dialog::Component
+      def self.deprecator
+        @deprecator ||= ActiveSupport::Deprecation.new('1.0', 'JetUi')
       end
 
-      def closable?
-        helpers.turbo_frame_request? || @id
+      def initialize(title: nil, subtitle: nil, size: JetUi::Dialog::Component::DEFAULT_SIZE, id: nil)
+        self.class.deprecator.warn(
+          'JetUi::Modal::Component is deprecated and will be removed in the next major ' \
+          'version. Use JetUi::Dialog::Component with position: :center instead ' \
+          '(jet_ui.dialog).'
+        )
+        super(title: title, subtitle: subtitle, position: :center, size: size, id: id)
       end
     end
   end

data/app/components/jet_ui/modal/footer_component.rb

@@ -2,44 +2,8 @@
 
 module JetUi
   module Modal
-    class FooterComponent < JetUi::BaseComponent
-      def initialize(direction: :row, align: :start, justify: :start, bordered: true, **options)
-        @direction = direction
-        @align = align
-        @justify = justify
-        @bordered = bordered
-        @options = options
-      end
-
-      def call
-        content_tag :div, content, class: classes, **@options.except(:class)
-      end
-
-      private
-
-      def classes
-        class_names(
-          'modal__footer',
-          { 'modal__footer-bordered' => @bordered },
-          direction_class,
-          align_class,
-          justify_class,
-          @options[:class]
-        )
-      end
-
-      def direction_class
-        { col: 'flex flex-col gap-2', row: 'flex flex-row gap-2' }[@direction]
-      end
-
-      def align_class
-        { start: 'items-start', center: 'items-center', end: 'items-end' }[@align]
-      end
-
-      def justify_class
-        { start: 'justify-start', center: 'justify-center', end: 'justify-end',
-          between: 'justify-between' }[@justify]
-      end
+    # @deprecated Use {JetUi::Dialog::FooterComponent} instead.
+    class FooterComponent < JetUi::Dialog::FooterComponent
     end
   end
 end

data/app/components/jet_ui/modal/header_component.rb

@@ -2,44 +2,12 @@
 
 module JetUi
   module Modal
-    class HeaderComponent < JetUi::BaseComponent
-      def initialize(title: nil, subtitle: nil, closable: true, id: nil, bordered: true, **options)
-        @title = title
-        @subtitle = subtitle
-        @closable = closable
-        @id = id
-        @bordered = bordered
-        @options = options
-      end
-
-      erb_template <<~ERB
-        <div class="<%= classes %>">
-          <div>
-            <% if @title %>
-              <h3 class="modal__title"><%= @title %></h3>
-            <% end %>
-            <% if @subtitle %>
-              <div class="modal__subtitle"><%= @subtitle %></div>
-            <% end %>
-            <%= content %>
-          </div>
-
-          <% if @closable %>
-            <button type="button" class="modal__close" data-action="click->modal#close click->modals#close" aria-label="Close" data-id="<%= @id %>">
-              <%= helpers.jet_ui.icon("x-mark", size: 6) %>
-            </button>
-          <% end %>
-        </div>
-      ERB
-
-      private
-
-      def classes
-        class_names(
-          'modal__header',
-          { 'modal__header-bordered' => @bordered },
-          @options[:class]
-        )
+    # @deprecated Use {JetUi::Dialog::HeaderComponent} instead.
+    class HeaderComponent < JetUi::Dialog::HeaderComponent
+      # `id:` accepted and ignored for signature compatibility with the pre-deprecation API.
+      def initialize(title: nil, subtitle: nil, closable: true, id: nil, bordered: true, # rubocop:disable Lint/UnusedMethodArgument
+                     **options)
+        super(title: title, subtitle: subtitle, closable: closable, bordered: bordered, **options)
       end
     end
   end

data/app/components/jet_ui/turbo_confirm/component.html.erb

@@ -1,20 +1,18 @@
 <dialog id="turbo-confirm" tabindex="-1"
-        class="modal w-2xl animate-slide-up"
+        class="dialog dialog-center w-2xl"
         data-controller="turbo-confirm">
-  <form method="dialog">
-    <div class="modal__header modal__header-bordered">
-      <div>
-        <h3 class="modal__title">Are you absolutely sure?</h3>
-      </div>
-    </div>
+  <div class="dialog__panel">
+    <form method="dialog">
+      <%= helpers.jet_ui.dialog_header(title: 'Are you absolutely sure?', closable: false) %>
 
-    <div class="modal__body">
-      <p>This cannot be undone.</p>
-    </div>
+      <%= helpers.jet_ui.dialog_body do %>
+        <p>This cannot be undone.</p>
+      <% end %>
 
-    <div class="modal__footer modal__footer-bordered flex flex-row gap-2 items-start justify-end">
-      <%= helpers.jet_ui.btn "Cancel", type: :submit, variant: :outline, value: "cancel" %>
-      <%= helpers.jet_ui.btn "Yes, I'm sure", type: :submit, variant: :danger, value: "confirm" %>
-    </div>
-  </form>
+      <%= helpers.jet_ui.dialog_footer justify: :end do %>
+        <%= helpers.jet_ui.btn 'Cancel', type: :submit, variant: :outline, value: 'cancel' %>
+        <%= helpers.jet_ui.btn "Yes, I'm sure", type: :submit, variant: :danger, value: 'confirm' %>
+      <% end %>
+    </form>
+  </div>
 </dialog>

data/lib/generators/jet_ui/eject/eject_generator.rb

@@ -237,6 +237,25 @@ module JetUi
             { src: 'test/components/previews/jet_ui/navbar/component_preview.rb',                               dest: 'test/components/previews/jet_ui/navbar/component_preview.rb',           type: :preview }
           ]
         },
+        'dialog' => {
+          files: [
+            { src: 'app/components/jet_ui/dialog/component.rb',                                                   dest: 'app/components/jet_ui/dialog/component.rb' },
+            { src: 'app/components/jet_ui/dialog/header_component.rb',                                            dest: 'app/components/jet_ui/dialog/header_component.rb' },
+            { src: 'app/components/jet_ui/dialog/body_component.rb',                                              dest: 'app/components/jet_ui/dialog/body_component.rb' },
+            { src: 'app/components/jet_ui/dialog/footer_component.rb',                                            dest: 'app/components/jet_ui/dialog/footer_component.rb' },
+            { src: 'app/assets/stylesheets/jet_ui/dialog.css',                                                    dest: 'app/assets/stylesheets/jet_ui/dialog.css' },
+            { src: 'app/assets/javascripts/jet_ui/dialog_controller.js',                                          dest: 'app/assets/javascripts/jet_ui/dialog_controller.js',                    type: :javascript },
+            { src: 'app/assets/javascripts/jet_ui/dialogs_controller.js',                                         dest: 'app/assets/javascripts/jet_ui/dialogs_controller.js',                   type: :javascript },
+            { src: 'test/components/jet_ui/dialog/component_test.rb',                                             dest: 'test/components/jet_ui/dialog/component_test.rb',                       type: :test },
+            { src: 'test/components/previews/jet_ui/dialog/component_preview.rb',                                 dest: 'test/components/previews/jet_ui/dialog/component_preview.rb',           type: :preview }
+          ]
+        },
+        'dialogs' => {
+          files: [
+            { src: 'app/components/jet_ui/dialogs/component.rb',                                                  dest: 'app/components/jet_ui/dialogs/component.rb' },
+            { src: 'test/components/jet_ui/dialogs/component_test.rb',                                            dest: 'test/components/jet_ui/dialogs/component_test.rb', type: :test }
+          ]
+        },
         'modal' => {
           files: [
             { src: 'app/components/jet_ui/modal/component.rb',                                                  dest: 'app/components/jet_ui/modal/component.rb' },

data/lib/generators/jet_ui/install/install_generator.rb

@@ -146,9 +146,9 @@ module JetUi
         install_npm_package
         say '  Ensure @hotwired/stimulus is installed — it is a peer dependency the controllers import.', :yellow
         say '  Register the controllers you use, in your Stimulus controllers index:'
-        say %(    import { ModalController, DrawerController } from "#{NPM_PACKAGE}")
-        say %(    application.register("modal", ModalController))
-        say %(    application.register("drawer", DrawerController))
+        say %(    import { DialogController, DialogsController } from "#{NPM_PACKAGE}")
+        say %(    application.register("dialog", DialogController))
+        say %(    application.register("dialogs", DialogsController))
         say '  Import the styles, in your Tailwind/CSS entry point:'
         say %(    @import "#{NPM_PACKAGE}/css";)
       end

data/lib/jet_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module JetUi
-  VERSION = '0.2.10'
+  VERSION = '0.3.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jet_ui
 version: !ruby/object:Gem::Version
-  version: 0.2.10
+  version: 0.3.0
 platform: ruby
 authors:
 - JetRockets
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-08-22 00:00:00.000000000 Z
+date: 2026-09-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -56,16 +56,30 @@ dependencies:
   name: capybara
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3.36'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '3.36'
+- !ruby/object:Gem::Dependency
+  name: json
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3.0'
 - !ruby/object:Gem::Dependency
   name: minitest
   requirement: !ruby/object:Gem::Requirement
@@ -84,16 +98,16 @@ dependencies:
   name: rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 8.1.3.1
+        version: '7.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - '='
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 8.1.3.1
+        version: '7.0'
 - !ruby/object:Gem::Dependency
   name: rubocop
   requirement: !ruby/object:Gem::Requirement
@@ -501,7 +515,10 @@ files:
 - app/assets/images/jet_ui/icons/wrench.svg
 - app/assets/images/jet_ui/icons/x-circle.svg
 - app/assets/images/jet_ui/icons/x-mark.svg
+- app/assets/images/logo.svg
 - app/assets/javascripts/jet_ui/clipboard_controller.js
+- app/assets/javascripts/jet_ui/dialog_controller.js
+- app/assets/javascripts/jet_ui/dialogs_controller.js
 - app/assets/javascripts/jet_ui/drawer_controller.js
 - app/assets/javascripts/jet_ui/drawers_controller.js
 - app/assets/javascripts/jet_ui/dropdown_controller.js
@@ -519,6 +536,7 @@ files:
 - app/assets/stylesheets/jet_ui/breadcrumbs.css
 - app/assets/stylesheets/jet_ui/btn.css
 - app/assets/stylesheets/jet_ui/card.css
+- app/assets/stylesheets/jet_ui/dialog.css
 - app/assets/stylesheets/jet_ui/divider.css
 - app/assets/stylesheets/jet_ui/drawer.css
 - app/assets/stylesheets/jet_ui/dropdown.css
@@ -560,6 +578,11 @@ files:
 - app/components/jet_ui/card/subtitle_component.rb
 - app/components/jet_ui/card/title_component.rb
 - app/components/jet_ui/clipboard/component.rb
+- app/components/jet_ui/dialog/body_component.rb
+- app/components/jet_ui/dialog/component.rb
+- app/components/jet_ui/dialog/footer_component.rb
+- app/components/jet_ui/dialog/header_component.rb
+- app/components/jet_ui/dialogs/component.rb
 - app/components/jet_ui/divider/component.rb
 - app/components/jet_ui/drawer/body_component.rb
 - app/components/jet_ui/drawer/component.rb