poetry-ui 0.1.8 → 0.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 27935417c8f6663b28bc05dc0d7dabbd326996ff8fd7e36437a069114c1bf7a3
-  data.tar.gz: 4249407b7b6e91b02a38846b8927e6a50cc13897a15626f55312974bc54915f2
+  metadata.gz: f60faf3ae8c314214dbe7a6052706f040c96800a4e9363fab8ee19cdf842fae6
+  data.tar.gz: c0caf8a9092a95a0147ab53b21a7c5a348fbdc13c0a28a474ad75b9329464a17
 SHA512:
-  metadata.gz: 927db8c50cc562398078117ec76828112eae5618fef74e33813b710c3b1ee49d3d6e40c1f2b372663891259f43520f894c19797dab9b299611dbde6fc224df52
-  data.tar.gz: b12b930bb1ada7389f82366d6a3864d908021ee152e6fc018216ed8dfa157dbff7c096ad1c3d72dd94e0bb1b3031b6e8947464462a406a2fd47807d1fcb2ec06
+  metadata.gz: 704bd7a648f2654330edead8350e7be448cc91f4091cc4acadc6f77611bc31cba634df50ed004369382eb8e4f496c63110f7d6e009515579a3aa11b1e87d8b6d
+  data.tar.gz: e52dfa3187348ca3a446cd2da4b349c70a1519586b555c183f0c99702eb0b026612bcb45ca69220533f8dcf33c5ecad57c89aa2fc3f5493974da8b5ab5d8d16f

data/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [0.1.10] - 2026-10-03
+
+### Changed
+
+- Version bump with the family; no changes in this gem.
+
+## [0.1.9] - 2026-09-30
+
+### Changed
+
+- `bin/rails poetry:check` compiles the templates that sit beside components, which `bin/rails herb:check` never reaches: the app's own under `app/components/`, and the ones the gems in the boot ship. A template Herb refuses is a `herb-compile` finding, an error when the app renders through Herb (Rails' 8.2 defaults, or ReActionView) and a warning until then. A finding on a template a gem ships names what fixes it: the gem, or the herb the bundle resolves. A herb older than 0.11.0 leaves the compile out and says so on stderr, and the rest of the check runs as before.
+- `rails g poetry:install` adds no `herb` line when Action View depends on the gem, as it does from Rails 8.2, and says where the parser comes from. On an earlier Rails it adds the line as before, and a `herb` the Gemfile declares is left alone on either.
+- `rails g poetry:editor` writes a `.herb.yml` pinned to Herb 0.11.0. The two rules it used to switch off for slot setters (`erb-no-unused-expressions`, `actionview-no-silent-helper`) are fixed in 0.11 and stay on. One rule starts off instead: `html-no-nested-forms` reports a form inside a block helper, a `form_with` inside `poetry_card do`, as a form nested in another form. An existing `.herb.yml` is kept as it is; move its `version` to 0.11.0 and drop the two entries to get the same.
+- Every component template builds its elements through `element_tag` and hands `tag.attributes` its hash as an argument, never as a splat. A component now renders the same in a host that compiles its templates with Herb's slots (ReActionView's `config.slots`) as in one that does not; before, such a host rendered most components without their root attributes and could not compile Button, Marker or Item at all. What a component renders without slots is unchanged, byte for byte: the suite, the behaviour tier and the 455 visual baselines hold.
+
+### Fixed
+
+- NumberField with `format:` renders on Rails 8.2, and through the renderer on any Rails. Rails reads `format` off what it renders and takes the answer for the format of the template. The option's reader answered with its Hash, so the render raised `Invalid formats`. A render from a controller asked already; from Rails 8.2 a render in a view asks too, which is every `poetry_number_field(format: ...)`. The option keeps its name and the component leaves Rails with its default.
+
 ## [0.1.8] - 2026-09-22
 
 The robosite proof: a full Jumpstart Pro application re-skinned on Poetry surfaced 28 findings; the 20 that were Poetry's to fix land here, with the form builder taking most of them.

data/app/components/poetry/ui/accordion/component.html.erb

@@ -1,3 +1,3 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <% items.each do |item| %><%= item %><% end %>
 <% end %>

data/app/components/poetry/ui/alert/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= icon %>
   <% if title? %><div data-slot="alert-title" class="<%= css(:title) %>"><%= title %></div><% end %>
   <div data-slot="alert-description" class="<%= css(:description) %>"><%= content %></div>

data/app/components/poetry/ui/alert_dialog/component.html.erb

@@ -1,6 +1,6 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= trigger %>
-  <%= content_tag(:dialog, **dialog_attributes) do %>
+  <%= element_tag(:dialog, **dialog_attributes) do %>
     <div data-slot="alert-dialog-header" class="<%= header_classes %>">
       <% if media? %>
         <div data-slot="alert-dialog-media" class="<%= media_classes %>"><%= media %></div>

data/app/components/poetry/ui/attachment/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= trigger %>
   <%= media %>
   <% if title? || description? %>

data/app/components/poetry/ui/autocomplete/component.html.erb

@@ -1,11 +1,11 @@
-<%= content_tag(:div, **root_attributes) do %>
-  <%= tag.input(**input_attributes, class: Poetry::Ui::Input::Style.css) %>
-  <%= tag.div(**content_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
+  <%= element_tag(:input, **input_attributes, class: Poetry::Ui::Input::Style.css) %>
+  <%= element_tag(:div, **content_attributes) do %>
     <div data-slot="autocomplete-list" role="listbox" id="<%= list_id %>"
          class="<%= Poetry::Ui::Command::Style.css(:list) %>"
          <%= tag.attributes(stimulus_attributes_for(:list)) %>>
       <% item_models.each_with_index do |item, index| %>
-        <%= tag.div(**item_attributes(item, index)) do %>
+        <%= element_tag(:div, **item_attributes(item, index)) do %>
           <span><%= item.label %></span>
         <% end %>
       <% end %>

data/app/components/poetry/ui/breadcrumb/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:nav, **root_attributes) do %>
+<%= element_tag(:nav, **root_attributes) do %>
   <ol data-slot="breadcrumb-list" class="<%= css(:list) %>">
     <% entries.each_with_index do |entry, index| %>
       <li data-slot="breadcrumb-item" class="<%= css(:item) %>">

data/app/components/poetry/ui/bubble/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:div, **root_attributes) do %>
-  <%= content_tag(content_tag_name, content, **content_attributes) %>
+<%= element_tag(:div, **root_attributes) do %>
+  <%= element_tag(content_tag_name, content, **content_attributes) %>
   <%= reactions %>
 <% end %>

data/app/components/poetry/ui/button/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(root_tag, **root_attributes) do %>
+<%= element_tag(root_tag, **root_attributes) do %>
   <% if loading %>
     <span data-slot="spinner" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="animate-spin"><path d="M21 12a9 9 0 1 1-6.219-8.56" /></svg></span>
   <% end %>

data/app/components/poetry/ui/calendar/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <div data-slot="calendar-nav" class="<%= css(:nav) %>">
     <%= render Poetry::Ui::Button::Component.new(**previous_options) do |button| %>
       <% button.with_leading { render Poetry::Ui::Icon::Component.new(name: :"chevron-left") } %>
@@ -13,7 +13,7 @@
         <% { "month" => [month_options, @month.month, t("poetry.calendar.month"), month_names_list[@month.month - 1]],
              "year" => [year_options, @month.year, t("poetry.calendar.year"), @month.year.to_s] }.each do |unit, (options, current, label, text)| %>
           <span data-slot="calendar-dropdown" data-calendar-unit="<%= unit %>" class="<%= css(:dropdown_root) %>"
-                <%= tag.attributes(**stimulus_attributes_for(:dropdown)) %>>
+                <%= tag.attributes(stimulus_attributes_for(:dropdown)) %>>
             <span data-slot="calendar-caption-label" aria-hidden="true" class="<%= css(:dropdown_label) %>">
               <span data-slot="calendar-dropdown-value"><%= text %></span>
               <%= render Poetry::Ui::Icon::Component.new(name: :"chevron-down") %>
@@ -27,14 +27,14 @@
         <% end %>
       </div>
     <% else %>
-      <div data-slot="calendar-caption" class="<%= css(:caption) %>" <%= tag.attributes(**stimulus_attributes_for(:caption)) %>><%= caption %></div>
+      <div data-slot="calendar-caption" class="<%= css(:caption) %>" <%= tag.attributes(stimulus_attributes_for(:caption)) %>><%= caption %></div>
     <% end %>
     <%= render Poetry::Ui::Button::Component.new(**next_options) do |button| %>
       <% button.with_leading { render Poetry::Ui::Icon::Component.new(name: :"chevron-right") } %>
     <% end %>
   </div>
   <div role="grid" data-slot="calendar-grid" class="<%= css(:grid) %>"
-       <%= tag.attributes(**stimulus_attributes_for(:grid)) %>>
+       <%= tag.attributes(stimulus_attributes_for(:grid)) %>>
     <div role="row" data-slot="calendar-weekdays" class="<%= css(:weekdays) %>">
       <% if week_numbers %>
         <div role="columnheader" data-slot="calendar-week-number" class="<%= css(:weekday) %>"><span class="sr-only">Week</span></div>
@@ -49,8 +49,8 @@
           <div role="rowheader" data-slot="calendar-week-number" class="<%= css(:weekday) %>"><%= iso_week(week) %></div>
         <% end %>
         <% week.each do |date| %>
-          <%= content_tag(:div, cell_attributes(date)) do %>
-            <%= content_tag(:button, day_attributes(date)) do %>
+          <%= element_tag(:div, cell_attributes(date)) do %>
+            <%= element_tag(:button, day_attributes(date)) do %>
               <span data-slot="calendar-day-label"><%= date.day %></span>
             <% end %>
           <% end %>
@@ -61,12 +61,12 @@
   <% if name.present? %>
     <% if range? %>
       <input type="hidden" name="<%= name %>[start]" value="<%= range_start&.iso8601 %>"
-             <%= tag.attributes(**stimulus_attributes_for(:start_input)) %>>
+             <%= tag.attributes(stimulus_attributes_for(:start_input)) %>>
       <input type="hidden" name="<%= name %>[end]" value="<%= range_end&.iso8601 %>"
-             <%= tag.attributes(**stimulus_attributes_for(:end_input)) %>>
+             <%= tag.attributes(stimulus_attributes_for(:end_input)) %>>
     <% else %>
       <input type="hidden" name="<%= name %>" value="<%= selected&.iso8601 %>"
-             <%= tag.attributes(**stimulus_attributes_for(:hidden_input)) %>>
+             <%= tag.attributes(stimulus_attributes_for(:hidden_input)) %>>
     <% end %>
   <% end %>
 <% end %>

data/app/components/poetry/ui/card/component.html.erb

@@ -1,11 +1,11 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <% if header? %>
     <div data-slot="card-header" class="<%= css(:header, class: header_class) %>">
-      <% if title? %><%= content_tag(title_tag, title, "data-slot" => "card-title", class: css(:title)) %><% end %>
+      <% if title? %><%= element_tag(title_tag, title, "data-slot" => "card-title", class: css(:title)) %><% end %>
       <% if description? %><div data-slot="card-description" class="<%= css(:description) %>"><%= description %></div><% end %>
       <% if action? %><div data-slot="card-action" class="<%= css(:action) %>"><%= action %></div><% end %>
     </div>
   <% end %>
   <% if content.present? %><div data-slot="card-content" class="<%= css(:content, class: content_class) %>"><%= content %></div><% end %>
-  <% if footer? %><%= content_tag(:div, footer_attributes) do %><%= capture(&footer_block) if footer_block %><% end %><% end %>
+  <% if footer? %><%= element_tag(:div, footer_attributes) do %><%= capture(&footer_block) if footer_block %><% end %><% end %>
 <% end %>

data/app/components/poetry/ui/carousel/component.html.erb

@@ -1,8 +1,8 @@
-<%= content_tag(:div, **root_attributes) do %>
-  <%= content_tag(:div, viewport_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
+  <%= element_tag(:div, viewport_attributes) do %>
     <div class="<%= css(:track, class: [css(vertical? ? :track_vertical : :track_horizontal), track_classes].compact) %>">
       <% slides.each do |slide| %>
-        <%= content_tag(:div, capture(&slide.block), item_attributes(slide)) %>
+        <%= element_tag(:div, capture(&slide.block), item_attributes(slide)) %>
       <% end %>
     </div>
   <% end %>

data/app/components/poetry/ui/checkbox/component.html.erb

@@ -1,7 +1,7 @@
 <%# Fragment - button + input(s) as SIBLINGS, no wrapper: the source's
     `peer` class contract (labels style via peer-*) breaks if poetry wraps.
     The controller lives on the button; the input resolves by stable id. %>
-<%= content_tag(:button, **root_attributes) do %>
+<%= element_tag(:button, **root_attributes) do %>
   <span data-slot="checkbox-indicator" <% if indeterminate? %>data-indeterminate=""<% elsif checked? %>data-checked=""<% else %>data-unchecked=""<% end %> aria-hidden="true" class="<%= css(:indicator) %>">
     <%# MinusIcon on indeterminate is a POETRY ADDITION (shadcn renders a
         check for mixed state - a real gap). %>
@@ -12,11 +12,11 @@
   <%# Rails parity hidden FIRST (last-wins ordering, Tags::CheckBox-exact)
       so unchecked SUBMITS unchecked_value; disabled fields submit nothing. %>
   <% if unchecked_value %>
-    <%= tag.input(type: "hidden", name: name, value: unchecked_value, disabled: disabled) %>
+    <%= element_tag(:input, type: "hidden", name: name, value: unchecked_value, disabled: disabled) %>
   <% end %>
   <%# THE form participant + the store: input.indeterminate is a JS-only
       property - the controller derives it from the checked attributes on connect. %>
-  <%= tag.input(type: "checkbox", id: input_id, name: name, value: value, checked: checked?,
-                disabled: disabled, "data-slot": "checkbox-input", "aria-hidden": true,
-                tabindex: "-1", class: css(:input)) %>
+  <%= element_tag(:input, type: "checkbox", id: input_id, name: name, value: value, checked: checked?,
+                  disabled: disabled, "data-slot": "checkbox-input", "aria-hidden": true,
+                  tabindex: "-1", class: css(:input)) %>
 <% end %>

data/app/components/poetry/ui/clipboard_text/component.html.erb

@@ -1,9 +1,9 @@
 <%# InputGroup anatomy: the readonly mono control, trailing copy
     affordance with stacked copy/check glyphs swapping on data-copied. %>
-<%= content_tag(:div, **root_attributes) do %>
-  <%= content_tag(:div, **group_attributes) do %>
-    <%= tag.input(**input_attributes) %>
-    <%= content_tag(:div, **addon_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
+  <%= element_tag(:div, **group_attributes) do %>
+    <%= element_tag(:input, **input_attributes) %>
+    <%= element_tag(:div, **addon_attributes) do %>
       <%= render copy_button do %>
         <span class="<%= css(:icon_stack) %>">
           <%= render Poetry::Ui::Icon::Component.new(name: :copy, class: css(:icon_copy)) %>

data/app/components/poetry/ui/code_block/component.html.erb

@@ -1,7 +1,7 @@
 <%# The pre/code nesting stays on one line - literal template whitespace
     inside <pre> would render. %>
-<%= content_tag(:div, **root_attributes) do %>
-  <%= content_tag(:pre, content_tag(:code, highlighted || code, **code_attributes), **pre_attributes) %>
+<%= element_tag(:div, **root_attributes) do %>
+  <%= element_tag(:pre, element_tag(:code, highlighted || code, **code_attributes), **pre_attributes) %>
   <% if copy %>
     <%= render copy_button do %>
       <span class="<%= css(:icon_stack) %>">

data/app/components/poetry/ui/collapsible/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= trigger %>
-  <%= content_tag(:div, content, **content_attributes) %>
+  <%= element_tag(:div, content, **content_attributes) %>
 <% end %>

data/app/components/poetry/ui/combobox/component.html.erb

@@ -7,7 +7,7 @@
 <% list_body = capture do %>
   <% items.each do |item| %><%= item %><% end %>
 <% end %>
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= native_select %>
   <% if show_clear %>
     <%# The clear anchor shrink-wraps the trigger (the root is full-width
@@ -17,12 +17,12 @@
   <% else %>
     <%= multiple ? chips_frame : trigger_button %>
   <% end %>
-  <%= content_tag(:div, **content_attributes) do %>
+  <%= element_tag(:div, **content_attributes) do %>
     <% if multiple %>
       <%# MULTIPLE: the popup holds ONLY the listbox (the input lives
           inline in the chips frame; the command engine rides the ROOT so
           it scopes over both - no command part in here). %>
-      <%= content_tag(:div, **list_attributes) do %>
+      <%= element_tag(:div, **list_attributes) do %>
         <%= empty_part %>
         <%= loading_part %>
         <%= list_body %>
@@ -32,12 +32,12 @@
     <%# The EMBEDDED Command anatomy (Command::Style + the engine
         controller reused verbatim; chrome flattened - rounded/border ride
         the content). %>
-    <%= content_tag(:div, **command_attributes) do %>
+    <%= element_tag(:div, **command_attributes) do %>
       <div data-slot="combobox-input-wrapper" class="<%= Poetry::Ui::Command::Style.css(:input_wrapper) %>">
         <span data-slot="combobox-search-icon"><%= render(Poetry::Ui::Icon::Component.new(name: :search, class: Poetry::Ui::Command::Style.css(:search_icon))) %></span>
-        <%= tag.input(**input_attributes) %>
+        <%= element_tag(:input, **input_attributes) %>
       </div>
-      <%= content_tag(:div, **list_attributes) do %>
+      <%= element_tag(:div, **list_attributes) do %>
         <%= empty_part %>
         <%= loading_part %>
         <%= list_body %>

data/app/components/poetry/ui/command/component.html.erb

@@ -5,13 +5,13 @@
 <% list_body = capture do %>
   <% items.each do |item| %><%= item %><% end %>
 <% end %>
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <div data-slot="command-input-wrapper" class="<%= css(:input_wrapper) %>">
     <span data-slot="command-search-icon"><%= render(Poetry::Ui::Icon::Component.new(name: :search, class: css(:search_icon))) %></span>
-    <%= tag.input(**input_attributes) %>
+    <%= element_tag(:input, **input_attributes) %>
     <%= input_trailing_html %>
   </div>
-  <%= content_tag(:div, **list_attributes) do %>
+  <%= element_tag(:div, **list_attributes) do %>
     <%= empty_part %>
     <%= loading_part %>
     <%= list_body %>

data/app/components/poetry/ui/command/dialog_component.html.erb

@@ -1,6 +1,6 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= trigger %>
-  <%= content_tag(:dialog, **dialog_attributes) do %>
+  <%= element_tag(:dialog, **dialog_attributes) do %>
     <%# sr-only header (source-exact): the dialog stays labelled/described
         while the palette owns the visible surface. %>
     <div data-slot="dialog-header" class="sr-only">

data/app/components/poetry/ui/context_menu/component.html.erb

@@ -1,6 +1,6 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= trigger %>
-  <%= content_tag(:div, **content_attributes) do %>
+  <%= element_tag(:div, **content_attributes) do %>
     <% items.each do |item| %><%= item %><% end %>
   <% end %>
 <% end %>

data/app/components/poetry/ui/data_table/component.html.erb

@@ -1,5 +1,5 @@
 <% surface = capture do %>
-  <%= content_tag(:div, **root_attributes) do %>
+  <%= element_tag(:div, **root_attributes) do %>
     <% if filter %>
       <div data-slot="data-table-toolbar" class="<%= css(:toolbar) %>">
         <form method="get" action="<%= filter_form_action %>" role="search" aria-label="<%= filter_label %>" data-slot="data-table-filter">
@@ -23,11 +23,11 @@
           <tr data-slot="table-row" class="<%= Poetry::Ui::Table::Style.css(:row) %>">
             <% if selectable? %>
               <th data-slot="table-head" class="<%= Poetry::Ui::Table::Style.css(:head) %> <%= css(:select_cell) %>">
-                <%= tag.input(**select_all_attributes) %>
+                <%= element_tag(:input, **select_all_attributes) %>
               </th>
             <% end %>
             <% column_defs.each do |column| %>
-              <%= content_tag(:th, head_attributes(column)) do %>
+              <%= element_tag(:th, head_attributes(column)) do %>
                 <% if column.sortable %>
                   <%= render Poetry::Ui::Button::Component.new(**sort_link_options(column)) do |button| %>
                     <% button.with_trailing { render Poetry::Ui::Icon::Component.new(name: sort_icon(column)) } %>
@@ -46,11 +46,11 @@
               <tr data-slot="table-row" class="<%= Poetry::Ui::Table::Style.css(:row) %>">
                 <% if selectable? %>
                   <td data-slot="table-cell" class="<%= Poetry::Ui::Table::Style.css(:cell) %> <%= css(:select_cell) %>">
-                    <%= tag.input(**select_row_attributes(row)) %>
+                    <%= element_tag(:input, **select_row_attributes(row)) %>
                   </td>
                 <% end %>
                 <% column_defs.each do |column| %>
-                  <%= content_tag(:td, column.cell.call(row), cell_attributes(column)) %>
+                  <%= element_tag(:td, column.cell.call(row), cell_attributes(column)) %>
                 <% end %>
               </tr>
             <% end %>

data/app/components/poetry/ui/date_field/component.html.erb

@@ -1,7 +1,7 @@
 <%# Progressive enhancement: the native input is the visible control (and
     the form value) until the controller builds segments into the group
     and hides it from the tab order. %>
-<%= content_tag(:div, **root_attributes) do %>
-  <%= content_tag(:span, "", **group_attributes) %>
-  <%= tag.input(**input_attributes) %>
+<%= element_tag(:div, **root_attributes) do %>
+  <%= element_tag(:span, "", **group_attributes) %>
+  <%= element_tag(:input, **input_attributes) %>
 <% end %>

data/app/components/poetry/ui/date_picker/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <% if input_variant? %>
     <%= render Poetry::Ui::InputGroup::Component.new do %>
       <%= helpers.poetry_input_group_input(**input_attributes.symbolize_keys) %>
@@ -15,7 +15,7 @@
     <%= render Poetry::Ui::Popover::Component.new(**popover_options) do |popover| %>
       <% popover.with_trigger(**trigger_options) do %>
         <%= render Poetry::Ui::Icon::Component.new(name: :calendar) %>
-        <span class="min-w-0 truncate" <%= tag.attributes(**label_target_attributes) %>><%= formatted %></span>
+        <span class="min-w-0 truncate" <%= tag.attributes(label_target_attributes) %>><%= formatted %></span>
       <% end %>
       <%= render Poetry::Ui::Calendar::Component.new(**calendar_options) %>
     <% end %>

data/app/components/poetry/ui/deferred/component.html.erb

@@ -1,8 +1,8 @@
-<%= content_tag(:"turbo-frame", **root_attributes) do %>
-  <div <%= tag.attributes(**stimulus_attributes_for(:placeholder)) %>>
+<%= element_tag(:"turbo-frame", **root_attributes) do %>
+  <div <%= tag.attributes(stimulus_attributes_for(:placeholder)) %>>
     <%= content.presence || render(Poetry::Ui::Skeleton::Component.new(class: "h-24 w-full")) %>
   </div>
-  <template <%= tag.attributes(**stimulus_attributes_for(:error_template)) %>>
+  <template <%= tag.attributes(stimulus_attributes_for(:error_template)) %>>
     <div data-slot="deferred-error" class="flex flex-col items-start gap-2">
       <p class="text-sm text-destructive"><%= t("poetry.deferred.failed") %></p>
       <%= render(Poetry::Ui::Button::Component.new(

data/app/components/poetry/ui/dialog/component.html.erb

@@ -1,6 +1,6 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= trigger %>
-  <%= content_tag(:dialog, **dialog_attributes) do %>
+  <%= element_tag(:dialog, **dialog_attributes) do %>
     <div data-slot="dialog-header" class="<%= css(:header) %>">
       <h2 id="<%= title_id %>" data-slot="dialog-title" class="<%= css(:title) %>"><%= title %></h2>
       <% if description? %>

data/app/components/poetry/ui/drawer/component.html.erb

@@ -1,6 +1,6 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= trigger %>
-  <%= content_tag(:dialog, **dialog_attributes) do %>
+  <%= element_tag(:dialog, **dialog_attributes) do %>
     <% if show_swipe_handle %>
       <div data-slot="drawer-swipe-handle" aria-hidden="true" class="<%= css(:handle) %>"></div>
     <% end %>

data/app/components/poetry/ui/dropdown_menu/component.html.erb

@@ -1,6 +1,6 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= trigger %>
-  <%= content_tag(:div, **content_attributes) do %>
+  <%= element_tag(:div, **content_attributes) do %>
     <% items.each do |item| %><%= item %><% end %>
   <% end %>
 <% end %>

data/app/components/poetry/ui/empty/component.html.erb

@@ -1,8 +1,8 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <% if header? %>
     <div data-slot="empty-header" class="<%= css(:header) %>">
       <% if media? %><div data-slot="empty-icon" data-variant="<%= media_variant %>" class="<%= media_classes %>"><%= media %></div><% end %>
-      <% if title? %><%= content_tag(title_tag, title, "data-slot" => "empty-title", class: css(:title)) %><% end %>
+      <% if title? %><%= element_tag(title_tag, title, "data-slot" => "empty-title", class: css(:title)) %><% end %>
       <% if description? %><div data-slot="empty-description" class="<%= css(:description) %>"><%= description %></div><% end %>
     </div>
   <% end %>

data/app/components/poetry/ui/field/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <% if label_text.present? %>
     <% if group %>
       <%= render Poetry::Ui::Label::Component.new(for_id: nil, id: label_id, class: css(:label),

data/app/components/poetry/ui/field/component.rb

@@ -15,7 +15,7 @@ module Poetry
       #   render Poetry::Ui::Field::Component.new(
       #     id: "email", label_text: "Email", hint: "We never share it."
       #   ) do |field|
-      #     tag.input(type: "email", name: "email", **field.control_attributes)
+      #     element_tag(:input, type: "email", name: "email", **field.control_attributes)
       #   end
       class Component < Poetry::Core::Component
         # The closed vocabulary for the orientation axis.

data/app/components/poetry/ui/file_input/component.html.erb

@@ -1,14 +1,14 @@
 <% if variant == :input %>
   <%= render input_variant_component %>
 <% else %>
-  <%= content_tag(:div, **root_attributes) do %>
-    <%= content_tag(:label, dropzone_attributes) do %>
+  <%= element_tag(:div, **root_attributes) do %>
+    <%= element_tag(:label, dropzone_attributes) do %>
       <%= tag(:input, control_attributes) %>
       <%= render Poetry::Ui::Icon::Component.new(name: :upload, class: css(:icon)) %>
       <span data-slot="file-input-prompt" class="<%= css(:prompt) %>"><%= prompt_text %></span>
       <% if hint.present? %><span data-slot="file-input-hint" class="<%= css(:hint) %>"><%= hint %></span><% end %>
     <% end %>
-    <%= content_tag(:ul, "", list_attributes) %>
-    <%= content_tag(:button, t("poetry.file_input.clear"), clear_attributes) %>
+    <%= element_tag(:ul, "", list_attributes) %>
+    <%= element_tag(:button, t("poetry.file_input.clear"), clear_attributes) %>
   <% end %>
 <% end %>

data/app/components/poetry/ui/hover_card/component.html.erb

@@ -1,6 +1,6 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <%= trigger %>
-  <%= content_tag(:div, **content_attributes) do %>
+  <%= element_tag(:div, **content_attributes) do %>
     <%= defer ? render(Poetry::Ui::Deferred::Component.new(src: defer)) { content } : content %>
   <% end %>
 <% end %>

data/app/components/poetry/ui/input_otp/component.html.erb

@@ -3,14 +3,14 @@
     caret element hides server-side - it exists only for the active EMPTY
     cell under JS. Cells count from 0 across groups (slot order == string
     index order; the row is dir=ltr). %>
-<%= content_tag(:div, **root_attributes) do %>
-  <%= tag.input(**input_attributes) %>
+<%= element_tag(:div, **root_attributes) do %>
+  <%= element_tag(:input, **input_attributes) %>
   <% cell = -1 %>
   <% group_sizes.each_with_index do |group_size, group_index| %>
     <div data-slot="input-otp-group" aria-hidden="true" class="<%= css(:group) %>">
       <% group_size.times do %>
         <% cell += 1 %>
-        <%= content_tag(:div, **slot_attributes(cell)) do %><%= char_at(cell) %><div data-slot="input-otp-caret" hidden class="<%= css(:caret) %>"><div class="<%= css(:caret_bar) %>"></div></div><% end %>
+        <%= element_tag(:div, **slot_attributes(cell)) do %><%= char_at(cell) %><div data-slot="input-otp-caret" hidden class="<%= css(:caret) %>"><div class="<%= css(:caret_bar) %>"></div></div><% end %>
       <% end %>
     </div>
     <% if separator && group_index < group_sizes.size - 1 %>

data/app/components/poetry/ui/item/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(tag, **root_attributes) do %>
+<%= element_tag(tag, **root_attributes) do %>
   <% if header? %><div data-slot="item-header" class="<%= css(:header) %>"><%= header %></div><% end %>
   <% if media? %><div data-slot="item-media" data-variant="<%= media_variant %>" class="<%= media_classes %>"><%= media %></div><% end %>
   <% if content_column? %>

data/app/components/poetry/ui/marker/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(tag, **root_attributes) do %>
+<%= element_tag(tag, **root_attributes) do %>
   <% if icon? %><span data-slot="marker-icon" aria-hidden="true" class="<%= css(:icon) %>"><%= icon %></span><% end %>
   <span data-slot="marker-content" class="<%= css(:content) %>"><%= content %></span>
 <% end %>

data/app/components/poetry/ui/menubar/component.html.erb

@@ -1,3 +1,3 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <% menus.each do |menu| %><%= menu %><% end %>
 <% end %>

data/app/components/poetry/ui/message/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <% if avatar? %><div data-slot="message-avatar" class="<%= css(:avatar) %>"><%= avatar %></div><% end %>
   <div data-slot="message-content" class="<%= css(:content) %>">
     <% if header? %><div data-slot="message-header" class="<%= css(:header) %>"><%= header %></div><% end %>

data/app/components/poetry/ui/message_scroller/component.html.erb

@@ -1,4 +1,4 @@
-<%= content_tag(:div, **root_attributes) do %>
+<%= element_tag(:div, **root_attributes) do %>
   <div <%= tag.attributes(viewport_attributes) %>>
     <div <%= tag.attributes(content_attributes) %>>
       <%= content %>

data/app/components/poetry/ui/navigation_menu/component.html.erb

@@ -1,14 +1,14 @@
-<%= content_tag(:nav, **root_attributes) do %>
+<%= element_tag(:nav, **root_attributes) do %>
   <div data-slot="navigation-menu-list" class="<%= css(:list) %>">
     <% entries.each do |entry| %>
-      <%= content_tag(:div, item_attributes(entry)) do %>
+      <%= element_tag(:div, item_attributes(entry)) do %>
         <% if entry.panel %>
-          <%= content_tag(:button, trigger_attributes(entry)) do %>
+          <%= element_tag(:button, trigger_attributes(entry)) do %>
             <%= entry.title %>
             <%= render Poetry::Ui::Icon::Component.new(name: :"chevron-down",
                                                        class: css(:chevron), "aria-hidden": "true") %>
           <% end %>
-          <%= content_tag(:div, capture(&entry.panel), panel_attributes(entry)) %>
+          <%= element_tag(:div, capture(&entry.panel), panel_attributes(entry)) %>
         <% else %>
           <a href="<%= entry.href %>" data-slot="navigation-menu-link" class="<%= css(:trigger) %> data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted" <%= tag.attributes(active_attributes(entry)) %>><%= entry.title %></a>
         <% end %>
@@ -16,7 +16,7 @@
     <% end %>
   </div>
   <% if viewport %>
-    <%= content_tag(:div, positioner_attributes) do %>
+    <%= element_tag(:div, positioner_attributes) do %>
       <div data-slot="navigation-menu-popup" data-closed class="<%= css(:popup) %>">
         <div data-slot="navigation-menu-viewport" class="<%= css(:viewport_shell) %>"></div>
       </div>