plutonium 0.34.1 → 0.35.0

data/lib/plutonium/ui/table/components/bulk_actions_toolbar.rb

@@ -0,0 +1,82 @@
+# frozen_string_literal: true
+
+module Plutonium
+  module UI
+    module Table
+      module Components
+        class BulkActionsToolbar < Plutonium::UI::Component::Base
+          include Phlex::Rails::Helpers::LinkTo
+
+          # Color to CSS class mapping for soft button variants
+          COLOR_CLASSES = {
+            primary: "pu-btn-soft-primary",
+            success: "pu-btn-soft-success",
+            warning: "pu-btn-soft-warning",
+            danger: "pu-btn-soft-danger",
+            info: "pu-btn-soft-info",
+            accent: "pu-btn-soft-accent",
+            secondary: "pu-btn-soft-secondary"
+          }.freeze
+
+          def initialize(bulk_actions:)
+            @bulk_actions = bulk_actions
+          end
+
+          def view_template
+            # Always render toolbar - hidden by default, Stimulus shows it when items are selected
+            div(
+              class: "hidden flex pu-toolbar",
+              data: {bulk_actions_target: "toolbar"}
+            ) do
+              render_selected_count
+              render_action_buttons
+            end
+          end
+
+          private
+
+          def render_selected_count
+            span(class: "pu-toolbar-text") do
+              span(data: {bulk_actions_target: "selectedCount"}) { "0" }
+              plain " selected"
+            end
+          end
+
+          def render_action_buttons
+            div(class: "pu-toolbar-actions") do
+              @bulk_actions.each do |action|
+                render_action_button(action)
+              end
+            end
+          end
+
+          def render_action_button(action)
+            url = route_options_to_url(action.route_options, resource_class)
+
+            link_to(
+              url,
+              class: button_classes(action),
+              data: {
+                bulk_actions_target: "actionButton",
+                bulk_action_name: action.name,
+                bulk_action_url: url,
+                turbo_frame: action.turbo_frame
+              }
+            ) do
+              if action.icon
+                render action.icon.new(class: "h-4 w-4")
+              end
+              span { action.label }
+            end
+          end
+
+          def button_classes(action)
+            color_key = (action.color || action.category)&.to_sym || :primary
+            color_class = COLOR_CLASSES[color_key] || COLOR_CLASSES[:primary]
+            "pu-btn pu-btn-sm #{color_class}"
+          end
+        end
+      end
+    end
+  end
+end

data/lib/plutonium/ui/table/components/pagy_info.rb

@@ -13,7 +13,7 @@ module Plutonium
           end
 
           def view_template
-            div(class: "flex flex-col md:flex-row justify-between items-center text-sm text-gray-500 dark:text-gray-400") do
+            div(class: "flex flex-col md:flex-row justify-between items-center text-sm text-[var(--pu-text-muted)]") do
               results_info
               per_page_selector
             end
@@ -53,7 +53,7 @@ module Plutonium
           end
 
           def select_classes
-            "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 min-w-[5em]"
+            "bg-[var(--pu-surface)] border border-[var(--pu-border)] text-[var(--pu-text)] text-sm rounded-[var(--pu-radius-md)] focus:ring-2 focus:ring-primary-500 focus:border-primary-500 block p-2.5 min-w-[5em]"
           end
 
           def page_url(limit)

data/lib/plutonium/ui/table/components/pagy_pagination.rb

@@ -12,8 +12,8 @@ module Plutonium
           end
 
           def view_template
-            nav(aria_label: "Page navigation", class: "flex justify-center mt-4") do
-              ul(class: "inline-flex -space-x-px text-sm") do
+            nav(aria_label: "Page navigation", class: "flex justify-center mt-6") do
+              ul(class: "inline-flex items-center gap-1 text-sm") do
                 prev_link
                 page_links
                 next_link
@@ -79,19 +79,24 @@ module Plutonium
           end
 
           def link_classes(first = false, last = false)
-            classes = ["flex", "items-center", "justify-center", "px-3", "h-8", "leading-tight", "text-gray-500", "bg-white", "border", "border-gray-300", "hover:bg-gray-100", "hover:text-gray-700", "dark:bg-gray-800", "dark:border-gray-700", "dark:text-gray-400", "dark:hover:bg-gray-700", "dark:hover:text-white"]
-            classes << "rounded-s-lg" if first
-            classes << "rounded-e-lg" if last
+            base = "flex items-center justify-center w-9 h-9 text-[var(--pu-text-muted)] bg-[var(--pu-surface)] border border-[var(--pu-border)] hover:bg-[var(--pu-surface-alt)] hover:text-[var(--pu-text)] transition-colors"
+            classes = [base]
+            classes << "rounded-l-lg" if first
+            classes << "rounded-r-lg" if last
+            classes << "rounded-lg" if !first && !last
             classes.join(" ")
           end
 
           def current_link_classes
-            "flex items-center justify-center px-3 h-8 text-blue-600 border border-gray-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white cursor-not-allowed"
+            "flex items-center justify-center w-9 h-9 text-white bg-primary-600 border border-primary-600 rounded-lg font-medium cursor-default"
           end
 
           def disabled_link_classes(first = false, last = false)
-            classes = link_classes(first, last).split
-            classes << "opacity-50" << "cursor-not-allowed"
+            base = "flex items-center justify-center w-9 h-9 text-[var(--pu-text-subtle)] bg-[var(--pu-surface-alt)] border border-[var(--pu-border)] opacity-50 cursor-not-allowed"
+            classes = [base]
+            classes << "rounded-l-lg" if first
+            classes << "rounded-r-lg" if last
+            classes << "rounded-lg" if !first && !last
             classes.join(" ")
           end
 

data/lib/plutonium/ui/table/components/row_actions_dropdown.rb

@@ -0,0 +1,101 @@
+# frozen_string_literal: true
+
+module Plutonium
+  module UI
+    module Table
+      module Components
+        # Dropdown menu for secondary and danger row actions in tables
+        # Shows a compact icon trigger with grouped actions
+        class RowActionsDropdown < Plutonium::UI::Component::Base
+          def initialize(actions:, record:)
+            @actions = actions
+            @record = record
+          end
+
+          def view_template
+            div(class: "relative", data: {controller: "resource-drop-down"}) do
+              render_trigger_button
+              render_dropdown_menu
+            end
+          end
+
+          private
+
+          def render_trigger_button
+            button(
+              type: "button",
+              class: "p-1.5 rounded-[var(--pu-radius-md)] border border-[var(--pu-border)] bg-[var(--pu-surface)] text-[var(--pu-text-muted)] hover:text-[var(--pu-text)] hover:bg-[var(--pu-surface-alt)] hover:border-[var(--pu-border-strong)] transition-colors",
+              aria: {expanded: "false", haspopup: "true", label: "More actions"},
+              data: {resource_drop_down_target: "trigger"}
+            ) do
+              render Phlex::TablerIcons::DotsVertical.new(class: "w-4 h-4")
+            end
+          end
+
+          def render_dropdown_menu
+            div(
+              class: "hidden absolute right-0 z-50 mt-1 w-40 origin-top-right bg-[var(--pu-surface)] border border-[var(--pu-border)] rounded-[var(--pu-radius-md)] overflow-hidden",
+              style: "box-shadow: var(--pu-shadow-lg)",
+              data: {resource_drop_down_target: "menu"}
+            ) do
+              render_secondary_actions if secondary_actions.any?
+              render_danger_divider if secondary_actions.any? && danger_actions.any?
+              render_danger_actions if danger_actions.any?
+            end
+          end
+
+          def render_secondary_actions
+            div(class: "py-1") do
+              secondary_actions.each { |action| render_action_item(action) }
+            end
+          end
+
+          def render_danger_divider
+            div(class: "border-t border-[var(--pu-border-muted)]")
+          end
+
+          def render_danger_actions
+            div(class: "py-1") do
+              danger_actions.each { |action| render_action_item(action, danger: true) }
+            end
+          end
+
+          def render_action_item(action, danger: false)
+            url = route_options_to_url(action.route_options, @record)
+
+            link_attrs = {
+              href: url,
+              class: tokens(
+                "flex items-center gap-2 px-3 py-1.5 text-sm transition-colors",
+                danger ? "text-danger-600 dark:text-danger-400 hover:bg-danger-50 dark:hover:bg-danger-900/30" : "text-[var(--pu-text)] hover:bg-[var(--pu-surface-alt)]"
+              )
+            }
+
+            # Add turbo frame if specified
+            link_attrs[:data] = {turbo_frame: action.turbo_frame} if action.turbo_frame
+
+            # Add confirmation if specified
+            if action.confirmation
+              link_attrs[:data] ||= {}
+              link_attrs[:data][:turbo_method] = action.route_options.method if action.route_options.method
+              link_attrs[:data][:turbo_confirm] = action.confirmation
+            end
+
+            a(**link_attrs) do
+              render action.icon.new(class: "w-4 h-4") if action.icon
+              span { action.label }
+            end
+          end
+
+          def secondary_actions
+            @secondary_actions ||= @actions.select { |a| a.category.secondary? }.sort_by(&:position)
+          end
+
+          def danger_actions
+            @danger_actions ||= @actions.select { |a| a.category.danger? }.sort_by(&:position)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/plutonium/ui/table/components/scopes_bar.rb

@@ -124,11 +124,11 @@ module Plutonium
           end
 
           def active_scope_class
-            "px-4 py-2 text-sm font-medium text-white bg-primary-700 border border-primary-700 rounded-lg hover:bg-primary-800 focus:z-10 focus:ring-2 focus:ring-primary-700 focus:text-white dark:bg-primary-600 dark:border-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"
+            "pu-btn pu-btn-sm pu-btn-primary"
           end
 
           def inactive_scope_class
-            "px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-lg hover:bg-gray-100 hover:text-gray-700 focus:z-10 focus:ring-2 focus:ring-gray-300 focus:text-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:focus:text-white"
+            "pu-btn pu-btn-sm pu-btn-ghost"
           end
 
           def render?

data/lib/plutonium/ui/table/components/selection_column.rb

@@ -0,0 +1,100 @@
+# frozen_string_literal: true
+
+module Plutonium
+  module UI
+    module Table
+      module Components
+        # Custom selection column with Stimulus data attributes for bulk actions
+        class SelectionColumn < Phlexi::Table::Components::SelectionColumn
+          def header_cell
+            SelectionHeaderCell.new
+          end
+
+          def data_cell(wrapped_object)
+            allowed_actions = compute_allowed_actions(wrapped_object.unwrapped)
+            SelectionDataCell.new(wrapped_object.field(key).dom.value, allowed_actions)
+          end
+
+          # Add hidden class and Stimulus target to header cell
+          def header_cell_attributes
+            {
+              class: "hidden w-12",
+              data: {bulk_actions_target: "selectionCell"}
+            }
+          end
+
+          # Add hidden class and Stimulus target to data cell
+          def data_cell_attributes(wrapped_object)
+            {
+              scope: :row,
+              class: "hidden",
+              data: {bulk_actions_target: "selectionCell"}
+            }
+          end
+
+          private
+
+          def bulk_actions
+            options[:bulk_actions] || []
+          end
+
+          def policy_resolver
+            options[:policy_resolver]
+          end
+
+          def compute_allowed_actions(record)
+            return bulk_action_names unless policy_resolver
+
+            policy = policy_resolver.call(record)
+            bulk_actions.select { |action|
+              policy.allowed_to?(:"#{action.name}?")
+            }.map { |a| a.name.to_s }
+          end
+        end
+
+        # Header cell checkbox with "select all" functionality
+        class SelectionHeaderCell < Phlexi::Table::HTML
+          def view_template
+            input(
+              type: :checkbox,
+              class: themed(:selection_checkbox),
+              data: {
+                bulk_actions_target: "checkboxAll",
+                action: "bulk-actions#toggleAll"
+              }
+            )
+          end
+        end
+
+        # Data cell checkbox for individual row selection
+        class SelectionDataCell < Phlexi::Table::HTML
+          def initialize(value, allowed_actions)
+            @value = value
+            @allowed_actions = allowed_actions
+          end
+
+          def view_template
+            if @allowed_actions.empty?
+              # Show X when no actions available for this record
+              span(
+                class: "inline-flex items-center justify-center size-4 text-[var(--pu-text-subtle)]",
+                title: "No bulk actions available"
+              ) { "✕" }
+            else
+              input(
+                type: :checkbox,
+                value: @value,
+                class: themed(:selection_checkbox),
+                data: {
+                  bulk_actions_target: "checkbox",
+                  action: "bulk-actions#toggle",
+                  allowed_actions: @allowed_actions.join(",")
+                }
+              )
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/plutonium/ui/table/display_theme.rb

@@ -7,13 +7,13 @@ module Plutonium
         def self.theme
           super.merge({
             value_wrapper: "max-h-[150px] overflow-y-auto",
-            prefixed_icon: "w-4 h-4 mr-1",
-            link: "text-primary-600 dark:text-primary-500",
+            prefixed_icon: "w-4 h-4 mr-1 text-[var(--pu-text-muted)]",
+            link: "text-primary-600 dark:text-primary-400 hover:text-primary-500 dark:hover:text-primary-300 transition-colors",
             color: "flex items-center",
-            color_indicator: "w-10 h-10 rounded-full mr-2",
-            email: "flex items-center text-primary-600 dark:text-primary-500 whitespace-nowrap",
-            phone: "flex items-center text-primary-600 dark:text-primary-500 whitespace-nowrap",
-            json: " whitespace-pre font-mono shadow-inner p-4",
+            color_indicator: "w-8 h-8 rounded-md mr-2 shadow-sm border border-[var(--pu-border)]",
+            email: "flex items-center gap-1 text-primary-600 dark:text-primary-400 hover:text-primary-500 whitespace-nowrap transition-colors",
+            phone: "flex items-center gap-1 text-primary-600 dark:text-primary-400 hover:text-primary-500 whitespace-nowrap transition-colors",
+            json: "whitespace-pre font-mono text-xs bg-[var(--pu-surface-alt)] border border-[var(--pu-border-muted)] rounded-[var(--pu-radius-sm)] p-2 overflow-x-auto",
             attachment_value_wrapper: "flex flex-wrap gap-1"
           })
         end

data/lib/plutonium/ui/table/resource.rb

@@ -32,7 +32,7 @@ module Plutonium
         end
 
         def render_empty_card
-          EmptyCard("No #{resource_name_plural(resource_class)} match your query") {
+          EmptyCard("No #{resource_name_plural(resource_class).downcase} available") {
             action = resource_definition.defined_actions[:new]
             if action&.permitted_by?(current_policy)
               url = route_options_to_url(action.route_options, resource_class)
@@ -42,70 +42,111 @@ module Plutonium
         end
 
         def render_table
-          render Plutonium::UI::Table::Base.new(collection) do |table|
-            @resource_fields.each do |name|
-              # field :name, as: :string
-              # column :description, class: "text-red-700"
-              # column :age, align: :end
-              # column :dob do |proxy|
-              #   proxy.field(:dob).date_tag
-              # end
-
-              field_options = resource_definition.defined_fields[name] ? resource_definition.defined_fields[name][:options].dup : {}
-
-              display_definition = resource_definition.defined_displays[name] || {}
-              display_options = display_definition[:options] || {}
-
-              column_definition = resource_definition.defined_columns[name] || {}
-              column_options = column_definition[:options] || {}
-
-              # Check for conditional rendering
-              condition = column_options[:condition]
-              conditionally_hidden = condition && !instance_exec(&condition)
-              next if conditionally_hidden
-
-              tag = column_options[:as] || display_definition[:as] || field_options[:as]
-
-              # Extract field-level options from display_options and column_options
-              # These are Phlexi field options that should NOT be passed to the tag builder
-              field_level_keys = [:label, :description, :placeholder]
-              display_tag_attributes = display_options.except(:wrapper, :as, :condition, *field_level_keys)
-              column_tag_attributes = column_options.except(:wrapper, :as, :align, :condition, *field_level_keys)
-              tag_attributes = display_tag_attributes.merge(column_tag_attributes)
-              tag_block = column_definition[:block] || ->(wrapped_object, key) {
-                f = wrapped_object.field(key)
-                tag ||= f.inferred_field_component
-                f.send(:"#{tag}_tag", **tag_attributes)
-              }
-
-              # For table columns, only extract column-level options (label and align)
-              # Field-level options like description and placeholder don't make sense in table cells
-              field_options = field_options.except(:condition).merge(**column_options.slice(:align, :label))
-              table.column name,
-                **field_options,
-                sort_params: current_query_object.sort_params_for(name),
-                &tag_block
-            end
+          # Wrap table in Stimulus controller for bulk actions
+          div(data: bulk_actions_controller_data) do
+            # Bulk actions toolbar (hidden by default, shown when items selected)
+            BulkActionsToolbar(bulk_actions:) if bulk_actions.any?
+
+            render Plutonium::UI::Table::Base.new(collection) do |table|
+              # Selection column for bulk actions (hidden by default, Stimulus shows it)
+              # Pass bulk actions and policy resolver for per-record authorization
+              table.selection_column :id,
+                bulk_actions:,
+                policy_resolver: ->(record) { policy_for(record:) }
+
+              @resource_fields.each do |name|
+                # field :name, as: :string
+                # column :description, class: "text-red-700"
+                # column :age, align: :end
+                # column :description do |record|
+                #   record.description&.truncate(50)
+                # end
+
+                field_options = resource_definition.defined_fields[name] ? resource_definition.defined_fields[name][:options].dup : {}
+
+                display_definition = resource_definition.defined_displays[name] || {}
+                display_options = display_definition[:options] || {}
+
+                column_definition = resource_definition.defined_columns[name] || {}
+                column_options = column_definition[:options] || {}
+
+                # Check for conditional rendering
+                condition = column_options[:condition]
+                conditionally_hidden = condition && !instance_exec(&condition)
+                next if conditionally_hidden
+
+                tag = column_options[:as] || display_definition[:as] || field_options[:as]
+
+                # Extract field-level options from display_options and column_options
+                # These are Phlexi field options that should NOT be passed to the tag builder
+                field_level_keys = [:label, :description, :placeholder]
+                display_tag_attributes = display_options.except(:wrapper, :as, :condition, *field_level_keys)
+                column_tag_attributes = column_options.except(:wrapper, :as, :align, :condition, *field_level_keys)
+                tag_attributes = display_tag_attributes.merge(column_tag_attributes)
+                tag_block = if column_definition[:block]
+                  # User-provided blocks receive the raw record for convenience
+                  user_block = column_definition[:block]
+                  ->(wrapped_object, _key) { user_block.call(wrapped_object.unwrapped) }
+                else
+                  ->(wrapped_object, key) {
+                    f = wrapped_object.field(key)
+                    tag ||= f.inferred_field_component
+                    f.send(:"#{tag}_tag", **tag_attributes)
+                  }
+                end
+
+                # For table columns, only extract column-level options (label and align)
+                # Field-level options like description and placeholder don't make sense in table cells
+                field_options = field_options.except(:condition).merge(**column_options.slice(:align, :label))
+                table.column name,
+                  **field_options,
+                  sort_params: current_query_object.sort_params_for(name),
+                  &tag_block
+              end
 
-            table.actions do |wrapped_object|
-              record = wrapped_object.unwrapped
-              policy = policy_for(record:)
+              table.actions do |wrapped_object|
+                record = wrapped_object.unwrapped
+                policy = policy_for(record:)
 
-              div(class: "flex space-x-2") do
-                resource_definition.defined_actions
+                actions = resource_definition.defined_actions
                   .select { |k, a| a.collection_record_action? && policy.allowed_to?(:"#{k}?") }
                   .values
-                  .each do |action|
+
+                primary_actions = actions.select { |a| a.category.primary? }.sort_by(&:position)
+                dropdown_actions = actions.reject { |a| a.category.primary? }.sort_by(&:position)
+
+                div(class: "flex items-center gap-1") do
+                  # Primary actions as buttons
+                  primary_actions.each do |action|
                     url = route_options_to_url(action.route_options, record)
                     ActionButton(action, url:, variant: :table)
                   end
+
+                  # Secondary/danger actions in dropdown
+                  if dropdown_actions.any?
+                    RowActionsDropdown(actions: dropdown_actions, record:)
+                  end
+                end
               end
             end
           end
         end
 
+        def bulk_actions
+          @bulk_actions ||= resource_definition.defined_actions
+            .select { |k, a| a.bulk_action? }
+            .values
+        end
+
+        def bulk_actions_controller_data
+          {
+            controller: "bulk-actions",
+            bulk_actions_has_actions_value: bulk_actions.any?
+          }
+        end
+
         def render_footer
-          div(class: "lg:sticky lg:dyna:static bottom-[-2px] mt-1 p-4 pb-6 w-full z-30 bg-gray-50 dark:bg-gray-900") {
+          div(class: "lg:sticky lg:dyna:static bottom-[-2px] mt-1 p-4 pb-6 w-full z-30 bg-[var(--pu-body)]") {
             TableInfo(pagy_instance)
             TablePagination(pagy_instance)
           }

data/lib/plutonium/ui/table/theme.rb

@@ -6,28 +6,41 @@ module Plutonium
       class Theme < Phlexi::Table::Theme
         def self.theme
           super.merge({
-            selection_checkbox: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600",
-            name_column: "font-medium text-gray-900 whitespace-nowrap dark:text-white",
+            # Selection
+            selection_checkbox: "pu-checkbox",
+            selection_header_cell: "pu-selection-cell",
+            selection_body_cell: "pu-selection-cell py-4",
+
+            # Column formatting
+            name_column: "font-medium text-[var(--pu-text)] whitespace-nowrap",
             align_start: "text-start",
             align_end: "text-end",
-            wrapper: "relative overflow-x-auto shadow-md sm:rounded-lg",
-            base: "w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400",
-            caption: "p-5 text-lg font-semibold text-left rtl:text-right text-gray-900 bg-white dark:text-white dark:bg-gray-800",
-            description: "mt-1 text-sm font-normal text-gray-500 dark:text-gray-400",
-            header: "text-xs text-gray-700 uppercase bg-gray-200 dark:bg-gray-700 dark:text-gray-400",
-            header_grouping_cell: "px-6 py-3 text-center text-sm border-b border-t border-r last:border-r-0 dark:border-gray-800",
-            header_cell: "px-6 py-3",
+
+            # Table structure
+            wrapper: "pu-table-wrapper overflow-x-auto",
+            base: "pu-table rtl:text-right",
+            caption: "pu-panel-header text-lg font-semibold text-left rtl:text-right",
+            description: "mt-1 text-sm font-normal text-[var(--pu-text-muted)]",
+
+            # Header
+            header: "pu-table-header",
+            header_grouping_cell: "pu-table-header-cell text-center text-sm border-b border-t border-r last:border-r-0 border-[var(--pu-table-border)]",
+            header_cell: "pu-table-header-cell",
             header_cell_content_wrapper: "inline-flex items-center",
             header_cell_sort_wrapper: "flex items-center",
             header_cell_sort_indicator: "ml-1.5",
-            body_row: "bg-white border-b last:border-none dark:bg-gray-800 dark:border-gray-700",
-            body_cell: "px-6 py-4 whitespace-pre max-w-[450px] overflow-hidden text-ellipsis transition-all duration-300 ease-in-out",
+
+            # Body
+            body_row: "pu-table-body-row",
+            body_cell: "pu-table-body-cell whitespace-pre max-w-[450px] overflow-hidden text-ellipsis",
+
+            # Sorting
             sort_icon: "w-3 h-3",
-            sort_icon_active: "text-primary-600",
-            sort_icon_inactive: "text-gray-600 dark:text-gray-500",
+            sort_icon_active: "text-primary-600 dark:text-primary-400",
+            sort_icon_inactive: "text-[var(--pu-text-subtle)]",
             sort_index_clear_link: "ml-2",
-            sort_index_clear_link_text: "text-xs font-bold text-gray-600 dark:text-gray-500",
-            sort_index_clear_link_icon: "ml-1 text-red-600"
+            sort_index_clear_link_text: "text-xs font-bold text-[var(--pu-text-subtle)]",
+            sort_index_clear_link_icon: "ml-1 text-danger-600 dark:text-danger-400"
           })
         end
       end

data/lib/plutonium/version.rb

@@ -1,5 +1,5 @@
 module Plutonium
-  VERSION = "0.34.1"
+  VERSION = "0.35.0"
   NEXT_MAJOR_VERSION = VERSION.split(".").tap { |v|
     v[1] = v[1].to_i + 1
     v[2] = 0

data/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@radioactive-labs/plutonium",
-  "version": "0.34.1",
-  "description": "Core assets for the Plutonium gem",
+  "version": "0.35.0",
+  "description": "Build production-ready Rails apps in minutes, not days. Convention-driven, fully customizable, AI-ready.",
   "type": "module",
   "main": "src/js/core.js",
   "files": [