turbo_overlay 0.3.0

data/lib/generators/turbo_overlay/templates/chrome/bootstrap5/_drawer.html.erb

@@ -0,0 +1,55 @@
+<% loading      = local_assigns.fetch(:loading, false) %>
+<% position    = turbo_overlay_position || TurboOverlay.configuration.drawer.position %>
+<% offcanvas_class = {
+  right:  "offcanvas-end",
+  left:   "offcanvas-start",
+  top:    "offcanvas-top",
+  bottom: "offcanvas-bottom"
+}.fetch(position) %>
+<% backdrop    = turbo_overlay_backdrop? %>
+<% close_button = local_assigns.fetch(:close) { overlay_close? } %>
+<dialog class="<%= class_names("turbo-overlay", "turbo-overlay--drawer", "turbo-overlay--drawer-#{position}", "turbo-overlay-scaffold", "turbo-overlay--loading": loading, "turbo-overlay--no-backdrop": !backdrop) %>"
+        <% if loading %>
+        role="status"
+        aria-live="polite"
+        aria-label="Loading"
+        <% else %>
+        data-controller="turbo-overlay"
+        data-turbo-overlay-id-value="<%= turbo_overlay_id %>"
+        data-turbo-overlay-type-value="drawer"
+        data-turbo-overlay-backdrop-value="<%= backdrop %>"
+        <% if turbo_overlay_keep_open_on_redirect? %>data-turbo-overlay-keep-open-on-redirect="true"<% end %>
+        data-action="cancel->turbo-overlay#cancel click->turbo-overlay#backdropClick"
+        aria-labelledby="turbo-drawer-title-<%= turbo_overlay_id %>"
+        <% end %>>
+  <div class="offcanvas <%= offcanvas_class %> show position-relative" tabindex="-1">
+    <% if !loading && content_for?(:overlay_title) %>
+      <div class="offcanvas-header">
+        <h5 id="turbo-drawer-title-<%= turbo_overlay_id %>" class="offcanvas-title">
+          <%= yield(:overlay_title) %>
+        </h5>
+        <% if close_button %>
+          <button type="button"
+                  class="btn-close"
+                  data-action="turbo-overlay#close"
+                  aria-label="Close"></button>
+        <% end %>
+      </div>
+    <% elsif !loading && close_button %>
+      <button type="button"
+              class="btn-close position-absolute top-0 end-0 m-3"
+              data-action="turbo-overlay#close"
+              aria-label="Close"></button>
+    <% end %>
+
+    <div class="offcanvas-body">
+      <%= yield %>
+    </div>
+
+    <% if !loading && content_for?(:overlay_footer) %>
+      <div class="offcanvas-footer p-3 border-top d-flex justify-content-end gap-2">
+        <%= yield(:overlay_footer) %>
+      </div>
+    <% end %>
+  </div>
+</dialog>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap5/_hint.html.erb

@@ -0,0 +1,9 @@
+<% loading = local_assigns.fetch(:loading, false) %>
+<div popover="manual"
+     class="<%= class_names("turbo-overlay-hint", "popover position-fixed d-block shadow-sm", "turbo-overlay--loading": loading) %>"
+     style="max-width: 20rem;"
+     <% if loading %>role="status" aria-live="polite" aria-label="Loading"<% else %>role="tooltip"<% end %>>
+  <div class="popover-body">
+    <%= yield %>
+  </div>
+</div>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap5/_loading.html.erb

@@ -0,0 +1,9 @@
+<%# Body content for an overlay's loading placeholder. Wrapped in the
+    matching chrome at template-emission time by `overlay_stack_tag`.
+    Sizing comes from the gem's CSS so the same partial fits modal,
+    drawer, popover, and hint contexts. Add `_loading.html+<variant>.erb`
+    if you need chrome-specific markup.
+%>
+<div class="turbo-overlay-loading__body d-flex align-items-center justify-content-center">
+  <span class="turbo-overlay-loading__spinner" aria-hidden="true"></span>
+</div>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap5/_modal.html.erb

@@ -0,0 +1,58 @@
+<% loading      = local_assigns.fetch(:loading, false) %>
+<% close_button = local_assigns.fetch(:close) { overlay_close? } %>
+<dialog class="<%= class_names("turbo-overlay", "turbo-overlay--modal", "turbo-overlay-scaffold", "turbo-overlay--loading": loading) %>"
+        <% if loading %>
+        role="status"
+        aria-live="polite"
+        aria-label="Loading"
+        <% else %>
+        data-controller="turbo-overlay"
+        data-turbo-overlay-id-value="<%= turbo_overlay_id %>"
+        data-turbo-overlay-type-value="modal"
+        <% if turbo_overlay_keep_open_on_redirect? %>data-turbo-overlay-keep-open-on-redirect="true"<% end %>
+        data-action="cancel->turbo-overlay#cancel click->turbo-overlay#backdropClick"
+        aria-labelledby="turbo-modal-title-<%= turbo_overlay_id %>"
+        <% end %>>
+  <%# .modal wrapper scopes the --bs-modal-* CSS variables that
+      .modal-content reads for background, border, and padding.
+      d-block overrides Bootstrap's display:none; position-static
+      neutralizes its position:fixed so the native <dialog>'s own
+      top-layer positioning still drives placement.
+      data-turbo-overlay-backdrop-zone tells backdropClick that the
+      wrapper counts as a backdrop click — without it, the wrapper
+      would intercept the click that used to hit the dialog's ::backdrop. %>
+  <div class="modal d-block position-static" data-turbo-overlay-backdrop-zone>
+    <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
+      <div class="modal-content position-relative">
+        <% if !loading && content_for?(:overlay_title) %>
+          <div class="modal-header">
+            <h5 id="turbo-modal-title-<%= turbo_overlay_id %>" class="modal-title">
+              <%= yield(:overlay_title) %>
+            </h5>
+            <% if close_button %>
+              <button type="button"
+                      class="btn-close"
+                      data-action="turbo-overlay#close"
+                      aria-label="Close"></button>
+            <% end %>
+          </div>
+        <% elsif !loading && close_button %>
+          <button type="button"
+                  class="btn-close position-absolute top-0 end-0 m-3"
+                  data-action="turbo-overlay#close"
+                  aria-label="Close"></button>
+        <% end %>
+
+        <div class="modal-body">
+          <%= yield %>
+        </div>
+
+        <% if !loading && content_for?(:overlay_footer) %>
+          <div class="modal-footer">
+            <%= yield(:overlay_footer) %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</dialog>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap5/_popover.html.erb

@@ -0,0 +1,53 @@
+<% loading      = local_assigns.fetch(:loading, false) %>
+<% position    = turbo_overlay_position || TurboOverlay.configuration.popover.position %>
+<% align       = turbo_overlay_align    || TurboOverlay.configuration.popover.align %>
+<% offset      = turbo_overlay_offset   || TurboOverlay.configuration.popover.offset %>
+<% close_button = local_assigns.fetch(:close) { defined?(@_overlay_close) && @_overlay_close != false } %>
+<dialog popover="manual"
+        class="<%= class_names("turbo-overlay", "turbo-overlay--popover", "turbo-overlay--no-backdrop", "popover position-fixed m-0 p-0 d-block", "turbo-overlay--loading": loading) %>"
+        style="max-width: 22rem;"
+        <% if loading %>
+        role="status"
+        aria-live="polite"
+        aria-label="Loading"
+        <% else %>
+        data-controller="turbo-overlay"
+        data-turbo-overlay-id-value="<%= turbo_overlay_id %>"
+        data-turbo-overlay-type-value="popover"
+        data-turbo-overlay-backdrop-value="false"
+        data-turbo-overlay-position-value="<%= position %>"
+        data-turbo-overlay-align-value="<%= align %>"
+        data-turbo-overlay-offset-value="<%= offset %>"
+        <% if turbo_overlay_keep_open_on_redirect? %>data-turbo-overlay-keep-open-on-redirect="true"<% end %>
+        data-action="cancel->turbo-overlay#cancel"
+        aria-labelledby="turbo-popover-title-<%= turbo_overlay_id %>"
+        <% end %>>
+  <div class="position-relative">
+    <% if !loading && content_for?(:overlay_title) %>
+      <div class="popover-header d-flex align-items-center justify-content-between">
+        <span id="turbo-popover-title-<%= turbo_overlay_id %>"><%= yield(:overlay_title) %></span>
+        <% if close_button %>
+          <button type="button"
+                  class="btn-close btn-close-sm"
+                  data-action="turbo-overlay#close"
+                  aria-label="Close"></button>
+        <% end %>
+      </div>
+    <% elsif !loading && close_button %>
+      <button type="button"
+              class="btn-close position-absolute top-0 end-0 m-2"
+              data-action="turbo-overlay#close"
+              aria-label="Close"></button>
+    <% end %>
+
+    <div class="popover-body">
+      <%= yield %>
+    </div>
+
+    <% if !loading && content_for?(:overlay_footer) %>
+      <div class="popover-footer border-top px-3 py-2 d-flex justify-content-end gap-2">
+        <%= yield(:overlay_footer) %>
+      </div>
+    <% end %>
+  </div>
+</dialog>

data/lib/generators/turbo_overlay/templates/chrome/plain/_confirm.html.erb

@@ -0,0 +1,14 @@
+<%# Confirm dialog body, wrapped in the matching chrome at template-
+    emission time by `overlay_stack_tag`. Used for both modal- and
+    popover-style confirms; add `_confirm.html+<variant>.erb` for
+    chrome-specific tuning. Edit freely — JS only depends on the data
+    attributes below:
+      [data-turbo-overlay-confirm-message] — text insertion point
+      [data-turbo-overlay-confirm-cancel]  — cancels (resolves false)
+      [data-turbo-overlay-confirm-accept]  — accepts (resolves true)
+%>
+<p data-turbo-overlay-confirm-message></p>
+<div style="display:flex;justify-content:flex-end;gap:0.5rem;margin-top:1rem;">
+  <button type="button" data-turbo-overlay-confirm-cancel>Cancel</button>
+  <button type="button" data-turbo-overlay-confirm-accept>OK</button>
+</div>

data/lib/generators/turbo_overlay/templates/chrome/tailwind/_confirm.html.erb

@@ -0,0 +1,17 @@
+<%# Confirm dialog body, wrapped in the matching chrome at template-
+    emission time by `overlay_stack_tag`. Used for both modal- and
+    popover-style confirms; add `_confirm.html+<variant>.erb` for
+    chrome-specific tuning. JS only depends on:
+      [data-turbo-overlay-confirm-message] — text insertion point
+      [data-turbo-overlay-confirm-cancel]  — cancels (resolves false)
+      [data-turbo-overlay-confirm-accept]  — accepts (resolves true)
+%>
+<p class="text-gray-900 dark:text-gray-100" data-turbo-overlay-confirm-message></p>
+<div class="mt-5 flex items-center justify-end gap-2">
+  <button type="button"
+          class="px-3 py-1.5 rounded border border-gray-300 text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-200 dark:hover:bg-gray-800"
+          data-turbo-overlay-confirm-cancel>Cancel</button>
+  <button type="button"
+          class="px-3 py-1.5 rounded bg-blue-600 text-white hover:bg-blue-700"
+          data-turbo-overlay-confirm-accept>OK</button>
+</div>

data/lib/generators/turbo_overlay/templates/chrome/tailwind/_drawer.html.erb

@@ -0,0 +1,55 @@
+<% loading      = local_assigns.fetch(:loading, false) %>
+<% position    = turbo_overlay_position || TurboOverlay.configuration.drawer.position %>
+<% position_classes = {
+  right:  "inset-y-0 right-0 left-auto h-screen w-96 max-w-full",
+  left:   "inset-y-0 left-0 right-auto h-screen w-96 max-w-full",
+  top:    "inset-x-0 top-0 bottom-auto w-screen max-h-[50vh]",
+  bottom: "inset-x-0 bottom-0 top-auto w-screen max-h-[50vh]"
+}.fetch(position) %>
+<% backdrop    = turbo_overlay_backdrop? %>
+<% close_button = local_assigns.fetch(:close) { overlay_close? } %>
+<dialog class="<%= class_names("turbo-overlay", "turbo-overlay--drawer", "turbo-overlay--drawer-#{position}", "fixed m-0 p-0 bg-white text-gray-900 shadow-2xl backdrop:bg-black/50 dark:bg-gray-900 dark:text-gray-100 dark:ring-1 dark:ring-white/10", position_classes, "turbo-overlay--loading": loading, "turbo-overlay--no-backdrop": !backdrop) %>"
+        <% if loading %>
+        role="status"
+        aria-live="polite"
+        aria-label="Loading"
+        <% else %>
+        data-controller="turbo-overlay"
+        data-turbo-overlay-id-value="<%= turbo_overlay_id %>"
+        data-turbo-overlay-type-value="drawer"
+        data-turbo-overlay-backdrop-value="<%= backdrop %>"
+        <% if turbo_overlay_keep_open_on_redirect? %>data-turbo-overlay-keep-open-on-redirect="true"<% end %>
+        data-action="cancel->turbo-overlay#cancel click->turbo-overlay#backdropClick"
+        aria-labelledby="turbo-drawer-title-<%= turbo_overlay_id %>"
+        <% end %>>
+  <div class="relative flex flex-col h-full">
+    <% if !loading && content_for?(:overlay_title) %>
+      <header class="flex items-center justify-between px-5 py-4 border-b border-gray-200 dark:border-gray-700">
+        <h2 id="turbo-drawer-title-<%= turbo_overlay_id %>" class="text-lg font-semibold text-gray-900 dark:text-gray-100">
+          <%= yield(:overlay_title) %>
+        </h2>
+        <% if close_button %>
+          <button type="button"
+                  class="text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 text-2xl leading-none"
+                  data-action="turbo-overlay#close"
+                  aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <% end %>
+      </header>
+    <% elsif !loading && close_button %>
+      <button type="button"
+              class="absolute top-2 right-3 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 text-2xl leading-none z-10"
+              data-action="turbo-overlay#close"
+              aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <% end %>
+
+    <div class="flex-1 overflow-y-auto px-5 py-4">
+      <%= yield %>
+    </div>
+
+    <% if !loading && content_for?(:overlay_footer) %>
+      <footer class="flex items-center justify-end gap-2 px-5 py-4 border-t border-gray-200 dark:border-gray-700">
+        <%= yield(:overlay_footer) %>
+      </footer>
+    <% end %>
+  </div>
+</dialog>

data/lib/generators/turbo_overlay/templates/chrome/tailwind/_hint.html.erb

@@ -0,0 +1,6 @@
+<% loading = local_assigns.fetch(:loading, false) %>
+<div popover="manual"
+     class="<%= class_names("turbo-overlay-hint", "fixed z-50 max-w-xs rounded-md border border-gray-200 bg-white px-3 py-2 text-sm text-gray-900 shadow-lg ring-1 ring-black/5 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100 dark:ring-white/10", "turbo-overlay--loading": loading) %>"
+     <% if loading %>role="status" aria-live="polite" aria-label="Loading"<% else %>role="tooltip"<% end %>>
+  <%= yield %>
+</div>

data/lib/generators/turbo_overlay/templates/chrome/tailwind/_loading.html.erb

@@ -0,0 +1,9 @@
+<%# Body content for an overlay's loading placeholder. Wrapped in the
+    matching chrome at template-emission time by `overlay_stack_tag`.
+    Sizing comes from the gem's CSS so the same partial fits modal,
+    drawer, popover, and hint contexts. Add `_loading.html+<variant>.erb`
+    if you need chrome-specific markup.
+%>
+<div class="turbo-overlay-loading__body flex items-center justify-center">
+  <span class="turbo-overlay-loading__spinner" aria-hidden="true"></span>
+</div>

data/lib/generators/turbo_overlay/templates/chrome/tailwind/_modal.html.erb

@@ -0,0 +1,46 @@
+<% loading      = local_assigns.fetch(:loading, false) %>
+<% close_button = local_assigns.fetch(:close) { overlay_close? } %>
+<dialog class="<%= class_names("turbo-overlay", "turbo-overlay--modal", "fixed inset-0 m-auto w-full max-w-lg rounded-lg p-0 backdrop:bg-black/50 backdrop:backdrop-blur-sm", "turbo-overlay--loading": loading) %>"
+        <% if loading %>
+        role="status"
+        aria-live="polite"
+        aria-label="Loading"
+        <% else %>
+        data-controller="turbo-overlay"
+        data-turbo-overlay-id-value="<%= turbo_overlay_id %>"
+        data-turbo-overlay-type-value="modal"
+        <% if turbo_overlay_keep_open_on_redirect? %>data-turbo-overlay-keep-open-on-redirect="true"<% end %>
+        data-action="cancel->turbo-overlay#cancel click->turbo-overlay#backdropClick"
+        aria-labelledby="turbo-modal-title-<%= turbo_overlay_id %>"
+        <% end %>>
+  <div class="relative flex flex-col bg-white text-gray-900 rounded-lg shadow-xl dark:bg-gray-900 dark:text-gray-100 dark:ring-1 dark:ring-white/10">
+    <% if !loading && content_for?(:overlay_title) %>
+      <header class="flex items-center justify-between px-5 py-4 border-b border-gray-200 dark:border-gray-700">
+        <h2 id="turbo-modal-title-<%= turbo_overlay_id %>" class="text-lg font-semibold text-gray-900 dark:text-gray-100">
+          <%= yield(:overlay_title) %>
+        </h2>
+        <% if close_button %>
+          <button type="button"
+                  class="text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 text-2xl leading-none"
+                  data-action="turbo-overlay#close"
+                  aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <% end %>
+      </header>
+    <% elsif !loading && close_button %>
+      <button type="button"
+              class="absolute top-2 right-3 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 text-2xl leading-none z-10"
+              data-action="turbo-overlay#close"
+              aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <% end %>
+
+    <div class="px-5 py-4">
+      <%= yield %>
+    </div>
+
+    <% if !loading && content_for?(:overlay_footer) %>
+      <footer class="flex items-center justify-end gap-2 px-5 py-4 border-t border-gray-200 dark:border-gray-700">
+        <%= yield(:overlay_footer) %>
+      </footer>
+    <% end %>
+  </div>
+</dialog>

data/lib/generators/turbo_overlay/templates/chrome/tailwind/_popover.html.erb

@@ -0,0 +1,54 @@
+<% loading      = local_assigns.fetch(:loading, false) %>
+<% position    = turbo_overlay_position || TurboOverlay.configuration.popover.position %>
+<% align       = turbo_overlay_align    || TurboOverlay.configuration.popover.align %>
+<% offset      = turbo_overlay_offset   || TurboOverlay.configuration.popover.offset %>
+<% close_button = local_assigns.fetch(:close) { defined?(@_overlay_close) && @_overlay_close != false } %>
+<dialog popover="manual"
+        class="<%= class_names("turbo-overlay", "turbo-overlay--popover", "turbo-overlay--no-backdrop", "fixed m-0 p-0 max-w-sm rounded-md bg-white text-gray-900 shadow-xl ring-1 ring-black/5 dark:bg-gray-800 dark:text-gray-100 dark:ring-white/10", "turbo-overlay--loading": loading) %>"
+        <% if loading %>
+        role="status"
+        aria-live="polite"
+        aria-label="Loading"
+        <% else %>
+        data-controller="turbo-overlay"
+        data-turbo-overlay-id-value="<%= turbo_overlay_id %>"
+        data-turbo-overlay-type-value="popover"
+        data-turbo-overlay-backdrop-value="false"
+        data-turbo-overlay-position-value="<%= position %>"
+        data-turbo-overlay-align-value="<%= align %>"
+        data-turbo-overlay-offset-value="<%= offset %>"
+        <% if turbo_overlay_keep_open_on_redirect? %>data-turbo-overlay-keep-open-on-redirect="true"<% end %>
+        data-action="cancel->turbo-overlay#cancel"
+        aria-labelledby="turbo-popover-title-<%= turbo_overlay_id %>"
+        <% end %>>
+  <div class="relative flex flex-col">
+    <% if !loading && content_for?(:overlay_title) %>
+      <header class="flex items-center justify-between px-3 py-2 border-b border-gray-200 dark:border-gray-700">
+        <h2 id="turbo-popover-title-<%= turbo_overlay_id %>" class="text-sm font-semibold">
+          <%= yield(:overlay_title) %>
+        </h2>
+        <% if close_button %>
+          <button type="button"
+                  class="text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 text-xl leading-none"
+                  data-action="turbo-overlay#close"
+                  aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <% end %>
+      </header>
+    <% elsif !loading && close_button %>
+      <button type="button"
+              class="absolute top-1 right-2 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 text-xl leading-none z-10"
+              data-action="turbo-overlay#close"
+              aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <% end %>
+
+    <div class="px-3 py-2 text-sm">
+      <%= yield %>
+    </div>
+
+    <% if !loading && content_for?(:overlay_footer) %>
+      <footer class="flex items-center justify-end gap-2 px-3 py-2 border-t border-gray-200 dark:border-gray-700">
+        <%= yield(:overlay_footer) %>
+      </footer>
+    <% end %>
+  </div>
+</dialog>

data/lib/generators/turbo_overlay/templates/initializer.rb.tt

@@ -0,0 +1,67 @@
+TurboOverlay.configure do |config|
+  # The DOM id of the host-page stack container that receives
+  # appended overlays. Emit it in your application layout via
+  # `<%%= overlay_stack_tag %>`.
+  # config.stack_id = "turbo_overlay_stack"
+
+  config.modal do |m|
+    # Rails request variant assigned to modal requests. Lets you ship
+    # `show.html+modal.erb` next to `show.html.erb`.
+    # m.variant = :modal
+
+    # Layout used to render modal responses.
+    # m.layout_name = "turbo_modal"
+
+    # Push the link's target URL into the browser history bar when a
+    # modal opens. Browser-back closes the top overlay instead of
+    # navigating away. Default off. Per-link override:
+    #   `modal_link_to "Edit", path, advance: true`
+    # or a custom URL string, or `advance: false` to opt out when this
+    # type default is on. Popovers and hints never advance.
+    # m.advance = false
+  end
+
+  config.drawer do |d|
+    # Same as modal, plus a position for the shipped layouts:
+    # :left, :right (default), :top, :bottom.
+    # d.variant     = :drawer
+    # d.layout_name = "turbo_drawer"
+    # d.position    = :right
+
+    # Same URL-advance semantics as the modal config. Default off.
+    # d.advance = false
+  end
+
+  config.popover do |p|
+    # Popovers anchor to their trigger element (the clicked link).
+    # `position` is the side of the trigger to attach to.
+    # `align` is the cross-axis alignment relative to the trigger.
+    # `offset` is the gap in pixels between trigger and popover edges.
+    # `auto_flip` swaps to the opposite side when the preferred
+    # placement would overflow the viewport.
+    # p.variant     = :popover
+    # p.layout_name = "turbo_popover"
+    # p.position    = :bottom    # :top, :bottom, :left, :right
+    # p.align       = :start     # :start, :center, :end
+    # p.offset      = 4
+    # p.auto_flip   = true
+  end
+
+  config.confirm do |cf|
+    # Controls how `data-turbo-confirm` renders when the themed confirm
+    # hook is registered via `register(application, { confirm: true })`.
+    # `:modal` (default) is centered; `:popover` anchors to the
+    # clicked submitter and is often friendlier next to a row's
+    # delete button. Per-link override via
+    # `data-turbo-confirm-style="popover"` (or "modal") on the link/form.
+    # cf.style = :modal
+  end
+
+  config.hint do |h|
+    # Hover-triggered preview overlays. Inert without
+    # `data-turbo-overlay-hint` (or `hint: true` on an overlay helper)
+    # on the link.
+    # h.show_delay_ms = 250       # hover must persist this long
+    # h.hide_delay_ms = 120       # grace window after mouseleave
+  end
+end