baldur 0.1.1

data/app/views/baldur/components/_date_field.html.erb

@@ -0,0 +1,43 @@
+<div class="<%= wrapper_classes %>" data-controller="date-field" data-date-field="true">
+  <% if label.present? %>
+    <label class="field__label" for="<%= display_input_options[:id] %>"><%= label %></label>
+  <% end %>
+  <div class="date-field__input">
+    <%= tag.input(**display_input_options) %>
+    <%= tag.input(**native_input_options) %>
+    <button type="button"
+            class="date-field__toggle"
+            data-date-field-toggle="true"
+            data-date-field-target="toggle"
+            aria-label="<%= toggle_label %>"
+            title="<%= toggle_label %>"
+            <%= "disabled" if native_input_options[:disabled] %>>
+      <%= ui_icon(icon_name, class_name: "h-[18px] w-[18px]") %>
+    </button>
+  </div>
+  <%
+    support_fragments = []
+    support_fragments << supporting_text if supporting_text.present?
+    support_output = safe_join(support_fragments, " ")
+    support_hidden = support_output.blank?
+  %>
+  <% default_support = supporting_text.to_s %>
+  <% if supporting_text.present? %>
+    <p class="field__supporting"
+       id="<%= support_id %>"
+       data-field-support="true"
+       data-date-field-support="true"
+       data-default-support="<%= default_support %>"
+       aria-live="polite">
+      <%= support_output %>
+    </p>
+  <% else %>
+    <p class="field__supporting"
+       id="<%= support_id %>"
+       data-field-support="true"
+       data-date-field-support="true"
+       data-default-support="<%= default_support %>"
+       aria-live="polite"
+       hidden></p>
+  <% end %>
+</div>

data/app/views/baldur/components/_google_sign_in_button.html.erb

@@ -0,0 +1 @@
+<%= render partial: "baldur/optional/google_sign_in_button", locals: local_assigns %>

data/app/views/baldur/components/_kebab_menu.html.erb

@@ -0,0 +1,36 @@
+<%
+  items = Array(local_assigns[:items])
+  menu_class = local_assigns[:menu_class].to_s.strip
+  summary_aria_label = local_assigns[:summary_aria_label].presence || "More actions"
+  empty_text = local_assigns[:empty_text].presence || "No quick actions yet"
+  menu_classes = [ "menu", menu_class.presence ].compact.join(" ")
+%>
+
+<details class="menu-wrapper inline-block" data-controller="details-menu" data-action="click@window->details-menu#closeIfClickOutside keydown@window->details-menu#closeIfEscape click->details-menu#closeIfLink">
+  <summary class="icon-button" aria-label="<%= summary_aria_label %>">
+    <%= ui_icon("ellipsis", class_name: "h-5 w-5") %>
+  </summary>
+  <div class="<%= menu_classes %>">
+    <% if items.present? %>
+      <% items.each do |item| %>
+        <%
+          label = item[:label] || item["label"]
+          href = item[:href] || item["href"] || "#"
+          open_modal = item[:open_modal] || item["open_modal"]
+          action = item[:action] || item["action"]
+          item_data = (item[:data] || item["data"] || {}).to_h
+          label_class = item[:label_class] || item["label_class"]
+          data_attributes = {}
+          data_attributes[:open_modal] = open_modal if open_modal.present?
+          data_attributes[:action] = action if action.present?
+          item_data.each { |key, value| data_attributes[key] = value }
+        %>
+        <%= link_to href, class: "menu__option", data: data_attributes do %>
+          <span class="<%= ["menu__option-label", label_class].compact.join(" ") %>"><%= label %></span>
+        <% end %>
+      <% end %>
+    <% else %>
+      <span class="px-3 py-2 text-xs text-muted block"><%= empty_text %></span>
+    <% end %>
+  </div>
+</details>

data/app/views/baldur/components/_kpi.html.erb

@@ -0,0 +1,45 @@
+<%
+  variant_classes = {
+    default: "card",
+    accent: "card card--primary"
+  }
+  card_classes = variant_classes[variant || :default]
+  trend_classes = if trend.to_s.start_with?("-")
+                    "text-[color:var(--color-error)]"
+                  else
+                    "text-[color:var(--color-tertiary)]"
+                  end
+  caption_icon_tone = caption_icon&.fetch(:tone, :info)&.to_sym
+  caption_icon_classes = {
+    warn: "text-[color:var(--color-error)]",
+    success: "text-[color:var(--color-secondary)]",
+    info: "text-[color:var(--color-outline)]"
+  }
+  caption_icon_class = caption_icon_classes[caption_icon_tone] || caption_icon_classes[:info]
+  caption_icon_name = caption_icon&.fetch(:name, nil)
+  action_options = action.present? ? { variant: :text }.merge(action) : nil
+%>
+<article class="<%= card_classes %>">
+  <p class="text-sm font-semibold text-[color:var(--color-on-surface-variant)]"><%= label %></p>
+  <% if value.present? %>
+    <div class="mt-3 flex items-baseline gap-2">
+      <p class="text-3xl font-semibold text-[color:var(--color-on-surface)]"><%= value %></p>
+      <% if trend.present? %>
+        <span class="text-xs font-semibold <%= trend_classes %>"><%= trend %></span>
+      <% end %>
+    </div>
+  <% end %>
+  <% if caption.present? %>
+    <p class="mt-2 flex items-center gap-1 text-xs text-[color:color-mix(in srgb,var(--color-on-surface) 70%,transparent)]">
+      <% if caption_icon_name.present? %>
+        <%= ui_icon(caption_icon_name, class_name: "h-4 w-4 #{caption_icon_class}") %>
+      <% end %>
+      <span><%= caption %></span>
+    </p>
+  <% end %>
+  <% if action_options.present? %>
+    <div class="mt-3">
+      <%= ui_button(**action_options) %>
+    </div>
+  <% end %>
+</article>

data/app/views/baldur/components/_menu_select.html.erb

@@ -0,0 +1,78 @@
+<%= content_tag :div, class: wrapper_classes, data: wrapper_data do %>
+  <% if label.present? %>
+    <label class="field__label" for="<%= field_id %>"><%= label %></label>
+  <% end %>
+
+  <div class="menu-select"
+       data-controller="menu-select"
+       data-menu-select="true"
+       data-menu-placement="bottom"
+       <%= %(data-menu-select-disabled="true") if disabled %>>
+    <% hidden_input_data = input_data.present? ? input_data.dup : {} %>
+    <% hidden_input_data[:"menu-select-input"] = true %>
+    <% hidden_input_data[:menu_select_target] ||= "input" %>
+    <%= hidden_field_tag name, selected_value, data: hidden_input_data %>
+
+    <button type="button"
+            class="menu-select__trigger<%= disabled ? " is-disabled" : "" %>"
+            id="<%= field_id %>"
+            aria-haspopup="menu"
+            aria-expanded="false"
+            aria-disabled="<%= disabled ? "true" : "false" %>"
+            <%= "disabled" if disabled %>
+            data-menu-select-trigger
+            data-menu-select-target="trigger">
+      <span class="menu-select__label"
+            data-menu-select-label
+            data-menu-select-target="label"><%= button_label %></span>
+      <%= ui_icon("chevron-down", class_name: "menu-select__icon") %>
+    </button>
+
+    <div class="menu menu--select"
+         role="menu"
+         aria-labelledby="<%= field_id %>"
+         data-menu-select-list
+         data-menu-select-target="list">
+      <% options.each do |option| %>
+        <% option_classes = ["menu__option"]
+           option_classes << "is-selected" if option[:value] == selected_value
+           option_classes << "is-disabled" if option[:disabled]
+        %>
+        <% is_selected = option[:value] == selected_value %>
+        <button type="button"
+                class="<%= option_classes.join(' ') %>"
+                role="menuitemradio"
+                aria-checked="<%= is_selected ? 'true' : 'false' %>"
+                aria-disabled="<%= option[:disabled] ? 'true' : 'false' %>"
+                data-menu-select-option="true"
+                data-value="<%= option[:value] %>"
+                data-label="<%= option[:label] %>"
+                data-disabled="<%= option[:disabled] ? 'true' : 'false' %>">
+          <span class="menu__option-content">
+            <span class="menu__option-head">
+              <span class="menu__option-label" data-menu-select-option-label><%= option[:label] %></span>
+              <% if option[:badge].present? %>
+                <span class="menu__option-badge">
+                  <%= ui_badge(
+                        text: option[:badge],
+                        variant: option[:badge_variant] || :disabled,
+                        size: option[:badge_size] || :xs
+                      ) %>
+                </span>
+              <% end %>
+            </span>
+            <% support_text = option[:support].presence || option[:description] %>
+            <% if support_text.present? %>
+              <span class="menu__option-support"><%= support_text %></span>
+            <% end %>
+          </span>
+          <%= ui_icon("check", class_name: "menu__option-icon") %>
+        </button>
+      <% end %>
+    </div>
+  </div>
+
+  <% if supporting_text.present? %>
+    <p class="field__supporting"><%= supporting_text %></p>
+  <% end %>
+<% end %>

data/app/views/baldur/components/_modal.html.erb

@@ -0,0 +1,54 @@
+<% title = local_assigns.fetch(:title, "") unless defined?(title) %>
+<% description = local_assigns.fetch(:description, nil) unless defined?(description) %>
+<% close_label = local_assigns.fetch(:close_label, "Cancel") unless defined?(close_label) %>
+<% submit_label = local_assigns.fetch(:submit_label, "Continue") unless defined?(submit_label) %>
+<% body = local_assigns.fetch(:body, nil) %>
+<% tertiary_button_options = local_assigns[:tertiary_button_options] unless defined?(tertiary_button_options) %>
+<% show_footer = local_assigns.key?(:show_footer) ? local_assigns[:show_footer] : true %>
+<% dialog_class = local_assigns[:dialog_class] %>
+<% dialog_classes = ["dialog", "motion-fade-scale", *dialog_class.to_s.split].uniq.join(" ") %>
+<div id="<%= id %>" class="<%= dialog_classes %>">
+  <div class="flex items-start justify-between gap-4">
+    <div>
+      <h3 class="text-xl font-semibold text-[color:var(--color-on-surface)]"><%= title %></h3>
+      <% if description.present? %>
+        <p class="text-sm text-[color:color-mix(in srgb,var(--color-on-surface) 75%,transparent)]"><%= description %></p>
+      <% end %>
+    </div>
+    <% if local_assigns[:close_button] != false %>
+      <button type="button" class="icon-button" aria-label="Close modal" data-modal-close="true">
+        <%= ui_icon("x", class_name: "h-5 w-5") %>
+      </button>
+    <% end %>
+  </div>
+  <% if body.present? %>
+    <div class="mt-4 space-y-3 text-sm text-[color:var(--color-on-surface)]">
+      <%= body %>
+    </div>
+  <% end %>
+  <% if show_footer %>
+    <% close_button_options ||= {} %>
+    <% submit_button_options ||= {} %>
+    <% tertiary_button_options ||= nil %>
+    <% close_render_options = { label: close_label, variant: :ghost }.merge(close_button_options.except(:data) || {}) %>
+    <% close_render_options[:data] = { modal_close: true }.merge(close_button_options[:data] || {}) %>
+    <% submit_render_options = { label: submit_label, variant: :primary, type: :submit }.merge(submit_button_options.except(:data) || {}) %>
+    <% submit_render_options[:data] = submit_button_options[:data] if submit_button_options[:data].present? %>
+    <% tertiary_render_options = nil %>
+    <% if tertiary_button_options.present? %>
+      <% tertiary_render_options = { variant: :text }.merge(tertiary_button_options.except(:data) || {}) %>
+      <% tertiary_render_options[:data] = tertiary_button_options[:data] if tertiary_button_options[:data].present? %>
+    <% end %>
+    <div class="mt-6 flex flex-wrap items-center gap-3">
+      <% if tertiary_render_options.present? %>
+        <div class="flex flex-wrap gap-3">
+          <%= render "baldur/components/button", **tertiary_render_options %>
+        </div>
+      <% end %>
+      <div class="ml-auto flex flex-wrap gap-3 justify-end">
+        <%= render "baldur/components/button", **close_render_options %>
+        <%= render "baldur/components/button", **submit_render_options %>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/baldur/components/_pagination.html.erb

@@ -0,0 +1,61 @@
+<% return if total_pages <= 1 %>
+<%
+  first_page = current_page > 1 ? 1 : nil
+  previous_page = current_page > 1 ? current_page - 1 : nil
+  next_page = current_page < total_pages ? current_page + 1 : nil
+  last_page = current_page < total_pages ? total_pages : nil
+%>
+
+<nav class="pagination" aria-label="Pagination">
+  <div class="pagination__list">
+    <% if first_page %>
+      <%= link_to path_builder.call(first_page), class: "pagination__item", aria: { label: "Go to first page" } do %>
+        <%= ui_icon("chevrons-left", class_name: "pagination__icon") %>
+      <% end %>
+    <% else %>
+      <span class="pagination__item is-disabled" aria-disabled="true">
+        <%= ui_icon("chevrons-left", class_name: "pagination__icon") %>
+      </span>
+    <% end %>
+
+    <% if previous_page %>
+      <%= link_to path_builder.call(previous_page), class: "pagination__item", aria: { label: "Go to previous page" } do %>
+        <%= ui_icon("chevron-left", class_name: "pagination__icon") %>
+      <% end %>
+    <% else %>
+      <span class="pagination__item is-disabled" aria-disabled="true">
+        <%= ui_icon("chevron-left", class_name: "pagination__icon") %>
+      </span>
+    <% end %>
+
+    <% pages.each do |page| %>
+      <% if page == :gap %>
+        <span class="pagination__gap" aria-hidden="true">...</span>
+      <% elsif page == current_page %>
+        <span class="pagination__item is-current" aria-current="page"><%= page %></span>
+      <% else %>
+        <%= link_to page, path_builder.call(page), class: "pagination__item", aria: { label: "Go to page #{page}" } %>
+      <% end %>
+    <% end %>
+
+    <% if next_page %>
+      <%= link_to path_builder.call(next_page), class: "pagination__item", aria: { label: "Go to next page" } do %>
+        <%= ui_icon("chevron-right", class_name: "pagination__icon") %>
+      <% end %>
+    <% else %>
+      <span class="pagination__item is-disabled" aria-disabled="true">
+        <%= ui_icon("chevron-right", class_name: "pagination__icon") %>
+      </span>
+    <% end %>
+
+    <% if last_page %>
+      <%= link_to path_builder.call(last_page), class: "pagination__item", aria: { label: "Go to last page" } do %>
+        <%= ui_icon("chevrons-right", class_name: "pagination__icon") %>
+      <% end %>
+    <% else %>
+      <span class="pagination__item is-disabled" aria-disabled="true">
+        <%= ui_icon("chevrons-right", class_name: "pagination__icon") %>
+      </span>
+    <% end %>
+  </div>
+</nav>

data/app/views/baldur/components/_segmented_buttons.html.erb

@@ -0,0 +1,51 @@
+<%
+  segments = Array(items)
+  return if segments.empty?
+%>
+<div class="segmented <%= classes %>" role="tablist" aria-label="<%= aria_label %>">
+  <% segments.each do |segment| %>
+    <% label = segment[:label].to_s %>
+    <% badge_label = segment[:badge_label].to_s.presence %>
+    <% icon = segment[:icon].presence %>
+    <% selected = !!segment[:selected] %>
+    <% disabled = !!segment[:disabled] %>
+    <% value = segment[:value].presence || label.parameterize %>
+    <% icon_only = icon.present? && label.blank? %>
+    <% data_attributes = (segment[:data] || {}).merge(value: value) %>
+    <% button_classes = [
+      "segmented__button",
+      ("is-selected" if selected),
+      ("is-disabled" if disabled),
+      ("is-icon-only" if icon_only),
+      (segment[:class] if segment[:class].present?)
+    ].compact.join(" ") %>
+    <% button_options = {
+      type: "button",
+      class: button_classes,
+      role: "tab",
+      aria: {
+        selected: selected,
+        disabled: disabled
+      },
+      tabindex: selected ? 0 : -1,
+      data: data_attributes
+    } %>
+    <%= tag.button(**button_options) do %>
+      <% if icon.present? %>
+        <%= ui_icon(icon, class_name: "segmented__icon") %>
+      <% end %>
+      <% if label.present? || badge_label.present? %>
+        <span class="segmented__content">
+          <% if label.present? %>
+            <span class="segmented__label"><%= label %></span>
+          <% end %>
+          <% if badge_label.present? %>
+            <span class="segmented__badge"><%= badge_label %></span>
+          <% end %>
+        </span>
+      <% else %>
+        <span class="sr-only"><%= segment[:sr_label].presence || value.to_s.humanize %></span>
+      <% end %>
+    <% end %>
+  <% end %>
+</div>

data/app/views/baldur/components/_settings_nav.html.erb

@@ -0,0 +1,41 @@
+<%
+  items = Array(local_assigns[:items]).compact
+  nav_class = [ "settings-nav", local_assigns[:class] ].compact.join(" ")
+%>
+
+<nav class="<%= nav_class %>"
+     aria-label="<%= local_assigns[:aria_label].presence || "Settings navigation" %>"
+     data-controller="accordion"
+     data-accordion-allow-multiple-value="true">
+  <% items.each do |item| %>
+    <% children = Array(item[:children]).compact %>
+    <% if children.any? %>
+      <% accordion_id = "settings-nav-#{SecureRandom.hex(4)}" %>
+      <div class="settings-nav__group settings-nav__disclosure" data-accordion-target="item" data-open="<%= item[:expanded] %>">
+        <button type="button"
+                class="settings-nav__summary"
+                data-action="click->accordion#toggle"
+                aria-expanded="<%= item[:expanded] ? "true" : "false" %>"
+                aria-controls="<%= accordion_id %>">
+          <span class="settings-nav__summary-label"><%= item[:label] %></span>
+          <span aria-hidden="true" data-accordion-target="icon"><%= ui_icon("chevron-right", class_name: "settings-nav__summary-icon") %></span>
+        </button>
+        <div id="<%= accordion_id %>" class="settings-nav__children-shell" data-accordion-target="content" aria-hidden="<%= item[:expanded] ? "false" : "true" %>">
+          <div class="settings-nav__children">
+            <% children.each do |child| %>
+              <%= link_to child[:label],
+                          child[:href],
+                          class: "settings-nav__link",
+                          aria: { current: child[:active] ? "page" : nil } %>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    <% else %>
+      <%= link_to item[:label],
+                  item[:href],
+                  class: "settings-nav__item settings-nav__link",
+                  aria: { current: item[:active] ? "page" : nil } %>
+    <% end %>
+  <% end %>
+</nav>

data/app/views/baldur/components/_snackbar.html.erb

@@ -0,0 +1,42 @@
+<%
+  template = !!local_assigns[:template]
+  variant = (local_assigns[:variant] || :notice).to_sym
+  icon_map = {
+    notice: "info",
+    success: "check-circle",
+    warning: "triangle-alert",
+    error: "circle-alert"
+  }
+  title = local_assigns[:title].presence || case variant
+  when :success then "Success"
+  when :notice then "Notice"
+  when :warning then "Warning"
+  when :error then "Error"
+  else "Notice"
+  end
+  icon_content = local_assigns[:icon].presence || icon_map[variant] || "info"
+  dismiss_label = local_assigns[:dismiss_label] || "Dismiss"
+%>
+<div class="snackbar snackbar--<%= variant %>" data-controller="snackbar" data-snackbar data-snackbar-variant="<%= variant %>">
+  <div class="snackbar__icon" data-snackbar-icon>
+    <%= ui_icon(icon_content, class_name: "h-5 w-5") unless template %>
+  </div>
+  <div class="snackbar__body">
+    <p class="snackbar__title" data-snackbar-label><%= title unless template %></p>
+    <p class="snackbar__message" data-snackbar-message><%= message unless template %></p>
+  </div>
+  <button type="button"
+          class="snackbar__dismiss"
+          data-action="snackbar#handleDismiss"
+          data-snackbar-dismiss
+          aria-label="<%= dismiss_label %>"
+          data-snackbar-dismiss-label="<%= dismiss_label %>">
+    <span class="snackbar__dismiss-ring" aria-hidden="true">
+      <svg viewBox="0 0 20 20" focusable="false">
+        <circle class="snackbar__dismiss-track" cx="10" cy="10" r="8" pathLength="100" />
+        <circle class="snackbar__dismiss-indicator" cx="10" cy="10" r="8" pathLength="100" data-snackbar-target="progressIndicator" />
+      </svg>
+    </span>
+    <span class="snackbar__dismiss-icon" aria-hidden="true"><%= ui_icon("x", class_name: "h-4 w-4") %></span>
+  </button>
+</div>

data/app/views/baldur/components/_snackbar_stack.html.erb

@@ -0,0 +1,13 @@
+<div class="snackbar-stack"
+     data-baldur-snackbar-stack
+     role="status"
+     aria-live="polite"
+     aria-atomic="true">
+  <% Array(snackbars).each do |snackbar| %>
+    <%= render "baldur/components/snackbar", **snackbar %>
+  <% end %>
+
+  <template data-baldur-snackbar-template>
+    <%= render "baldur/components/snackbar", template: true %>
+  </template>
+</div>

data/app/views/baldur/components/_stepper.html.erb

@@ -0,0 +1,39 @@
+<ul class="stepper" role="list">
+  <% steps.each_with_index do |step, index| %>
+    <% status = step[:status] %>
+    <% status_class =
+      case status
+      when :completed then "stepper__item--completed"
+      when :current then "stepper__item--current"
+      else "stepper__item--pending"
+      end %>
+    <% left_classes = [ "stepper__line" ] %>
+    <% if index.zero? %>
+      <% left_classes << "stepper__line--hidden" %>
+    <% elsif steps[index - 1][:status] == :completed %>
+      <% left_classes << "stepper__line--active" %>
+    <% end %>
+    <% right_classes = [ "stepper__line" ] %>
+    <% if index == steps.length - 1 %>
+      <% right_classes << "stepper__line--hidden" %>
+    <% elsif status == :completed %>
+      <% right_classes << "stepper__line--active" %>
+    <% end %>
+    <li
+      class="stepper__item <%= status_class %>"
+      role="listitem"
+      <%= 'aria-current="step"' if status == :current %>>
+      <div class="stepper__indicator-row">
+        <div class="<%= left_classes.join(" ") %>" aria-hidden="true"></div>
+        <div class="stepper__indicator" aria-hidden="true">
+          <span><%= status == :completed ? "✓" : index + 1 %></span>
+        </div>
+        <div class="<%= right_classes.join(" ") %>" aria-hidden="true"></div>
+      </div>
+      <p class="stepper__label"><%= step[:title] %></p>
+      <% if step[:description].present? %>
+        <p class="stepper__description"><%= step[:description] %></p>
+      <% end %>
+    </li>
+  <% end %>
+</ul>

data/app/views/baldur/components/_table.html.erb

@@ -0,0 +1,117 @@
+<%
+  normalized_columns = Array(columns).map do |column|
+    if column.is_a?(Hash)
+      column.symbolize_keys
+    else
+      key = column.is_a?(Symbol) ? column : column.to_s.parameterize.underscore.to_sym
+      { label: column, key: key }
+    end
+  end
+  row_classes = local_assigns[:row_class] || nil
+  row_attributes_config = local_assigns[:row_attributes]
+  sort_config = local_assigns[:sort]
+  sort_config = sort_config.respond_to?(:symbolize_keys) ? sort_config.symbolize_keys : {}
+  sort_key = sort_config[:key].to_s
+  sort_direction = sort_config[:direction].to_s.downcase == "asc" ? "asc" : "desc"
+  sort_path_builder = local_assigns[:sort_path_builder]
+  header_classes = "px-6 py-4 text-left text-xs font-semibold uppercase tracking-wide text-[color:var(--color-on-surface-variant)]"
+  cell_classes = "px-6 py-4 text-sm text-[color:var(--color-on-surface)]"
+  table_classes = ["table", local_assigns[:table_class], local_assigns[:class]].compact.join(" ")
+%>
+<div class="table-card__scroll">
+  <table class="<%= table_classes %>">
+    <thead>
+      <tr>
+        <% normalized_columns.each do |column| %>
+          <% column_header_class = [header_classes, column[:header_class]].compact.join(" ") %>
+          <% column_sort_key = (column[:sort_key] || column[:key]).to_s %>
+          <% sortable = !!column[:sortable] && sort_path_builder.respond_to?(:call) && column_sort_key.present? %>
+          <% sorted = sortable && sort_key == column_sort_key %>
+          <% next_direction = sorted && sort_direction == "asc" ? "desc" : "asc" %>
+          <% sort_path = sortable ? (sort_path_builder.call(column_sort_key, next_direction) rescue nil) : nil %>
+          <% sort_icon = if sorted
+               sort_direction == "asc" ? "arrow-up" : "arrow-down"
+             else
+               "chevrons-up-down"
+             end %>
+          <% aria_sort = if sorted
+               sort_direction == "asc" ? "ascending" : "descending"
+             else
+               "none"
+             end %>
+          <% tooltip_options = case column[:header_tooltip]
+             when String
+               { content: column[:header_tooltip] }
+             when Hash
+               column[:header_tooltip].symbolize_keys
+             end %>
+          <% th_attributes = { scope: "col", class: column_header_class } %>
+          <% th_attributes[:"aria-sort"] = aria_sort if sortable %>
+          <%= tag.th(**th_attributes) do %>
+            <% header_content_class = [ "inline-flex items-center gap-1", (column_header_class.include?("text-right") ? "justify-end" : "justify-start") ].join(" ") %>
+            <% tooltip_bubble_class = [ "w-80 text-left normal-case tracking-normal", tooltip_options&.dig(:bubble_class) ].compact.join(" ") %>
+            <div class="<%= header_content_class %>">
+              <% if sortable && sort_path.present? %>
+                <%= link_to sort_path, class: "inline-flex items-center gap-1 hover:text-[color:var(--color-on-surface)]" do %>
+                  <span><%= column[:label] %></span>
+                  <%= ui_icon(sort_icon, class_name: "h-4 w-4") %>
+                <% end %>
+              <% else %>
+                <span><%= column[:label] %></span>
+              <% end %>
+              <% if tooltip_options&.dig(:content).present? %>
+                <%= ui_tooltip(
+                  text: "#{column[:label]} definition",
+                  content: tooltip_options[:content],
+                  variant: tooltip_options.fetch(:variant, :icon),
+                  icon: tooltip_options.fetch(:icon, "circle-help"),
+                  trigger_class: tooltip_options[:trigger_class],
+                  bubble_class: tooltip_bubble_class
+                ) %>
+              <% end %>
+            </div>
+            <% if sortable && sort_path.blank? %>
+              <span class="sr-only">Sort unavailable</span>
+            <% end %>
+          <% end %>
+        <% end %>
+      </tr>
+    </thead>
+    <tbody>
+      <% if rows.blank? %>
+        <tr>
+          <td colspan="<%= normalized_columns.length %>" class="px-6 py-6 text-center text-sm text-[color:color-mix(in srgb,var(--color-on-surface)_70%,transparent)]">
+            <%= empty_state %>
+          </td>
+        </tr>
+      <% else %>
+        <% rows.each do |row|
+             cells = if row.is_a?(Hash)
+                       normalized_columns.map { |column| row[column[:key]] }
+                     else
+                       Array(row)
+                     end
+             dynamic_attributes =
+               case row_attributes_config
+               when Proc
+                 row_attributes_config.call(row) || {}
+               when Hash
+                 row_attributes_config
+               else
+                 {}
+               end
+             attributes = dynamic_attributes.deep_dup
+             classes = [row_classes, attributes.delete(:class)].compact.join(" ").presence
+             attributes[:class] = classes if classes.present?
+        %>
+          <%= tag.tr(**attributes) do %>
+            <% cells.each_with_index do |cell, index| %>
+              <% column_cell_class = [cell_classes, normalized_columns[index]&.fetch(:cell_class, nil)].compact.join(" ") %>
+              <td class="<%= column_cell_class %>"><%= cell %></td>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    </tbody>
+  </table>
+</div>