fernandes-ui 0.1.0

data/app/views/ui/scroll_area/_viewport.html.erb

@@ -0,0 +1,47 @@
+<%# ScrollArea Viewport - Scrollable content container %>
+<%
+  @as_child = local_assigns.fetch(:as_child, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend ::UI::ScrollAreaViewportBehavior
+
+  # Get HTML attributes from behavior
+  viewport_attrs = scroll_area_viewport_html_attributes.deep_merge(@attributes)
+
+  # Add Stimulus target
+  viewport_attrs[:data][:"ui--scroll-area-target"] = "viewport"
+-%>
+<% if @as_child %>
+  <%# asChild mode: capture block and inject attributes into first element %>
+  <% captured_content = capture { yield } %>
+  <%= raw captured_content.sub(/(<[a-z][a-z0-9]*)([\s>])/i) { |match|
+    tag_start = $1
+    tag_end = $2
+
+    # Build attributes string manually
+    attrs_array = viewport_attrs.map do |key, value|
+      key_name = key.to_s.gsub('_', '-')
+      if key == :data && value.is_a?(Hash)
+        # Handle data attributes
+        value.map { |k, v| "data-#{k.to_s.gsub('_', '-')}=\"#{ERB::Util.html_escape(v)}\"" }.join(" ")
+      elsif value.is_a?(TrueClass)
+        key_name
+      elsif value.is_a?(FalseClass) || value.nil?
+        nil
+      else
+        "#{key_name}=\"#{ERB::Util.html_escape(value)}\""
+      end
+    end.compact.join(" ")
+
+    "#{tag_start} #{attrs_array}#{tag_end}"
+  } %>
+<% else %>
+  <%# Default mode: render as div %>
+  <%= content_tag :div, viewport_attrs do %>
+    <div style="min-width: 100%; display: table;">
+      <%= yield %>
+    </div>
+  <% end %>
+<% end %>

data/app/views/ui/select/_content.html.erb

@@ -0,0 +1,25 @@
+<%# Select Content - Dropdown container that holds items and groups %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend ::UI::SelectContentBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = select_content_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= render "ui/select/scroll_up_button" %>
+
+  <%# Select Viewport - uses native scrollbar (hidden via CSS) like Radix/shadcn %>
+  <div data-radix-select-viewport
+       data-ui--select-target="viewport"
+       data-action="scroll->ui--select#handleScroll"
+       class="size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 focus-visible:ring-ring/50 p-1"
+       style="overflow-y: auto; overflow-x: hidden;">
+    <%= yield %>
+  </div>
+
+  <%= render "ui/select/scroll_down_button" %>
+<% end %>

data/app/views/ui/select/_group.html.erb

@@ -0,0 +1,42 @@
+<%# Select Group - Container for grouping select items with a label %>
+<%
+  @as_child = local_assigns.fetch(:as_child, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend ::UI::SelectGroupBehavior
+
+  # Get HTML attributes from behavior
+  group_attrs = select_group_html_attributes.deep_merge(@attributes)
+-%>
+<% if @as_child %>
+  <%# asChild mode: capture block and inject attributes into first element %>
+  <% captured_content = capture { yield } %>
+  <%= raw captured_content.sub(/(<[a-z][a-z0-9]*)([\s>])/i) { |match|
+    tag_start = $1
+    tag_end = $2
+
+    # Build attributes string manually
+    attrs_array = group_attrs.map do |key, value|
+      key_name = key.to_s.gsub('_', '-')
+      if key == :data && value.is_a?(Hash)
+        # Handle data attributes
+        value.map { |k, v| "data-#{k.to_s.gsub('_', '-')}=\"#{ERB::Util.html_escape(v)}\"" }.join(" ")
+      elsif value.is_a?(TrueClass)
+        key_name
+      elsif value.is_a?(FalseClass) || value.nil?
+        nil
+      else
+        "#{key_name}=\"#{ERB::Util.html_escape(value)}\""
+      end
+    end.compact.join(" ")
+
+    "#{tag_start} #{attrs_array}#{tag_end}"
+  } %>
+<% else %>
+  <%# Default mode: render as div %>
+  <%= content_tag :div, group_attrs do %>
+    <%= yield %>
+  <% end %>
+<% end %>

data/app/views/ui/select/_item.html.erb

@@ -0,0 +1,48 @@
+<%# Select Item - Individual selectable option %>
+<%
+  @as_child = local_assigns.fetch(:as_child, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  @value = local_assigns.fetch(:value, nil)
+  @disabled = local_assigns.fetch(:disabled, false)
+
+  # Extend behavior for shared logic
+  extend ::UI::SelectItemBehavior
+
+  # Get HTML attributes from behavior
+  item_attrs = select_item_html_attributes.deep_merge(@attributes)
+-%>
+<% if @as_child %>
+  <%# asChild mode: capture block and inject attributes into first element %>
+  <% captured_content = capture { yield } %>
+  <%= raw captured_content.sub(/(<[a-z][a-z0-9]*)([\s>])/i) { |match|
+    tag_start = $1
+    tag_end = $2
+
+    # Build attributes string manually
+    attrs_array = item_attrs.map do |key, value|
+      key_name = key.to_s.gsub('_', '-')
+      if key == :data && value.is_a?(Hash)
+        # Handle data attributes
+        value.map { |k, v| "data-#{k.to_s.gsub('_', '-')}=\"#{ERB::Util.html_escape(v)}\"" }.join(" ")
+      elsif value.is_a?(TrueClass)
+        key_name
+      elsif value.is_a?(FalseClass) || value.nil?
+        nil
+      else
+        "#{key_name}=\"#{ERB::Util.html_escape(value)}\""
+      end
+    end.compact.join(" ")
+
+    "#{tag_start} #{attrs_array}#{tag_end}"
+  } %>
+<% else %>
+  <%# Default mode: render as div %>
+  <%= content_tag :div, item_attrs do %>
+    <span class="flex-1"><%= yield %></span>
+    <%# Checkmark icon - hidden by default, shown when selected %>
+    <svg data-ui--select-target="itemCheck" class="ml-auto size-4 opacity-0 transition-opacity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M20 6 9 17l-5-5"/>
+    </svg>
+  <% end %>
+<% end %>

data/app/views/ui/select/_label.html.erb

@@ -0,0 +1,42 @@
+<%# Select Label - Label for a group of select items %>
+<%
+  @as_child = local_assigns.fetch(:as_child, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend ::UI::SelectLabelBehavior
+
+  # Get HTML attributes from behavior
+  label_attrs = select_label_html_attributes.deep_merge(@attributes)
+-%>
+<% if @as_child %>
+  <%# asChild mode: capture block and inject attributes into first element %>
+  <% captured_content = capture { yield } %>
+  <%= raw captured_content.sub(/(<[a-z][a-z0-9]*)([\s>])/i) { |match|
+    tag_start = $1
+    tag_end = $2
+
+    # Build attributes string manually
+    attrs_array = label_attrs.map do |key, value|
+      key_name = key.to_s.gsub('_', '-')
+      if key == :data && value.is_a?(Hash)
+        # Handle data attributes
+        value.map { |k, v| "data-#{k.to_s.gsub('_', '-')}=\"#{ERB::Util.html_escape(v)}\"" }.join(" ")
+      elsif value.is_a?(TrueClass)
+        key_name
+      elsif value.is_a?(FalseClass) || value.nil?
+        nil
+      else
+        "#{key_name}=\"#{ERB::Util.html_escape(value)}\""
+      end
+    end.compact.join(" ")
+
+    "#{tag_start} #{attrs_array}#{tag_end}"
+  } %>
+<% else %>
+  <%# Default mode: render as div %>
+  <%= content_tag :div, label_attrs do %>
+    <%= yield %>
+  <% end %>
+<% end %>

data/app/views/ui/select/_scroll_down_button.html.erb

@@ -0,0 +1,44 @@
+<%# Select Scroll Down Button - Button that appears when content is scrollable %>
+<%
+  @as_child = local_assigns.fetch(:as_child, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend ::UI::SelectScrollDownButtonBehavior
+
+  # Get HTML attributes from behavior
+  button_attrs = select_scroll_down_button_html_attributes.deep_merge(@attributes)
+-%>
+<% if @as_child %>
+  <%# asChild mode: capture block and inject attributes into first element %>
+  <% captured_content = capture { yield } %>
+  <%= raw captured_content.sub(/(<[a-z][a-z0-9]*)([\s>])/i) { |match|
+    tag_start = $1
+    tag_end = $2
+
+    # Build attributes string manually
+    attrs_array = button_attrs.map do |key, value|
+      key_name = key.to_s.gsub('_', '-')
+      if key == :data && value.is_a?(Hash)
+        # Handle data attributes
+        value.map { |k, v| "data-#{k.to_s.gsub('_', '-')}=\"#{ERB::Util.html_escape(v)}\"" }.join(" ")
+      elsif value.is_a?(TrueClass)
+        key_name
+      elsif value.is_a?(FalseClass) || value.nil?
+        nil
+      else
+        "#{key_name}=\"#{ERB::Util.html_escape(value)}\""
+      end
+    end.compact.join(" ")
+
+    "#{tag_start} #{attrs_array}#{tag_end}"
+  } %>
+<% else %>
+  <%# Default mode: render as div %>
+  <%= content_tag :div, button_attrs do %>
+    <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="m6 9 6 6 6-6"/>
+    </svg>
+  <% end %>
+<% end %>

data/app/views/ui/select/_scroll_up_button.html.erb

@@ -0,0 +1,44 @@
+<%# Select Scroll Up Button - Button that appears when content is scrollable %>
+<%
+  @as_child = local_assigns.fetch(:as_child, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend ::UI::SelectScrollUpButtonBehavior
+
+  # Get HTML attributes from behavior
+  button_attrs = select_scroll_up_button_html_attributes.deep_merge(@attributes)
+-%>
+<% if @as_child %>
+  <%# asChild mode: capture block and inject attributes into first element %>
+  <% captured_content = capture { yield } %>
+  <%= raw captured_content.sub(/(<[a-z][a-z0-9]*)([\s>])/i) { |match|
+    tag_start = $1
+    tag_end = $2
+
+    # Build attributes string manually
+    attrs_array = button_attrs.map do |key, value|
+      key_name = key.to_s.gsub('_', '-')
+      if key == :data && value.is_a?(Hash)
+        # Handle data attributes
+        value.map { |k, v| "data-#{k.to_s.gsub('_', '-')}=\"#{ERB::Util.html_escape(v)}\"" }.join(" ")
+      elsif value.is_a?(TrueClass)
+        key_name
+      elsif value.is_a?(FalseClass) || value.nil?
+        nil
+      else
+        "#{key_name}=\"#{ERB::Util.html_escape(value)}\""
+      end
+    end.compact.join(" ")
+
+    "#{tag_start} #{attrs_array}#{tag_end}"
+  } %>
+<% else %>
+  <%# Default mode: render as div %>
+  <%= content_tag :div, button_attrs do %>
+    <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="m18 15-6-6-6 6"/>
+    </svg>
+  <% end %>
+<% end %>

data/app/views/ui/select/_trigger.html.erb

@@ -0,0 +1,43 @@
+<%# Select Trigger - Button that opens the select dropdown %>
+<%
+  @as_child = local_assigns.fetch(:as_child, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  @placeholder = local_assigns.fetch(:placeholder, "Select...")
+
+  # Extend behavior for shared logic
+  extend ::UI::SelectTriggerBehavior
+
+  # Get HTML attributes from behavior
+  trigger_attrs = select_trigger_html_attributes.deep_merge(@attributes)
+-%>
+<% if @as_child %>
+  <%# asChild mode: capture block and inject attributes into first element %>
+  <% captured_content = capture { yield } %>
+  <%= raw captured_content.sub(/(<[a-z][a-z0-9]*)([\s>])/i) { |match|
+    tag_start = $1
+    tag_end = $2
+
+    # Build attributes string manually
+    attrs_array = trigger_attrs.map do |key, value|
+      key_name = key.to_s.gsub('_', '-')
+      if key == :data && value.is_a?(Hash)
+        # Handle data attributes
+        value.map { |k, v| "data-#{k.to_s.gsub('_', '-')}=\"#{ERB::Util.html_escape(v)}\"" }.join(" ")
+      elsif value.is_a?(TrueClass)
+        key_name
+      elsif value.is_a?(FalseClass) || value.nil?
+        nil
+      else
+        "#{key_name}=\"#{ERB::Util.html_escape(value)}\""
+      end
+    end.compact.join(" ")
+
+    "#{tag_start} #{attrs_array}#{tag_end}"
+  } %>
+<% else %>
+  <%# Default mode: render as button %>
+  <%= content_tag :button, trigger_attrs do %>
+    <span data-ui--select-target="valueDisplay"><%= @placeholder %></span>
+  <% end %>
+<% end %>

data/app/views/ui/sheet/_close.html.erb

@@ -0,0 +1,24 @@
+<%# Sheet Close Component - Closes sheet on click %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @as_child = local_assigns.fetch(:as_child, false)
+  @variant = local_assigns.fetch(:variant, :outline)
+  @size = local_assigns.fetch(:size, :default)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Build close attributes
+  close_attrs = {
+    data: { action: "click->ui--dialog#close" }
+  }.deep_merge(@attributes)
+-%>
+<% if @as_child %>
+  <%# asChild pattern: yield attributes to block %>
+  <%= yield(close_attrs) if block_given? %>
+  <%= content&.call(close_attrs) %>
+<% else %>
+  <%# Default: render as Button component %>
+  <%= render "ui/button", variant: @variant, size: @size, classes: @classes, attributes: close_attrs do %>
+    <%= content || yield %>
+  <% end %>
+<% end %>

data/app/views/ui/sheet/_content.html.erb

@@ -0,0 +1,30 @@
+<%# Sheet Content Component - Main content panel with side variants %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @side = local_assigns.fetch(:side, "right")
+  @open = local_assigns.fetch(:open, false)
+  @show_close = local_assigns.fetch(:show_close, true)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::SheetContentBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = sheet_content_html_attributes
+
+  # Merge user-provided attributes
+  if @attributes.present?
+    all_attributes = all_attributes.deep_merge(@attributes.except(:data))
+    all_attributes[:data] = all_attributes[:data].merge(@attributes.fetch(:data, {}))
+  end
+-%>
+<%= content_tag :div, **all_attributes do %>
+  <%= content || yield %>
+  <% if @show_close %>
+    <button class="<%= sheet_content_close_button_classes %>" data-action="click->ui--dialog#close">
+      <%= lucide_icon("x", class: "size-4") %>
+      <span class="sr-only">Close</span>
+    </button>
+  <% end %>
+<% end %>

data/app/views/ui/sheet/_description.html.erb

@@ -0,0 +1,14 @@
+<%# Sheet Description Component %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+
+  # Build description classes
+  description_classes = TailwindMerge::Merger.new.merge([
+    "text-muted-foreground text-sm",
+    @classes
+  ].compact.join(" "))
+-%>
+<%= content_tag :p, class: description_classes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/sheet/_footer.html.erb

@@ -0,0 +1,14 @@
+<%# Sheet Footer Component %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+
+  # Extend behavior for shared logic
+  extend UI::SheetFooterBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = sheet_footer_html_attributes
+-%>
+<%= content_tag :div, **all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/sheet/_header.html.erb

@@ -0,0 +1,14 @@
+<%# Sheet Header Component %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+
+  # Extend behavior for shared logic
+  extend UI::SheetHeaderBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = sheet_header_html_attributes
+-%>
+<%= content_tag :div, **all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/sheet/_overlay.html.erb

@@ -0,0 +1,19 @@
+<%# Sheet Overlay Component - Container and backdrop %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @open = local_assigns.fetch(:open, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::SheetOverlayBehavior
+
+  # Get HTML attributes from behavior
+  container_attrs = sheet_overlay_container_html_attributes.deep_merge(@attributes.except(:data))
+  container_attrs[:data] = sheet_overlay_container_html_attributes[:data].merge(@attributes.fetch(:data, {}))
+  overlay_attrs = sheet_overlay_html_attributes
+-%>
+<%= content_tag :div, **container_attrs do %>
+  <%= content_tag :div, "", **overlay_attrs %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/sheet/_title.html.erb

@@ -0,0 +1,14 @@
+<%# Sheet Title Component %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+
+  # Build title classes
+  title_classes = TailwindMerge::Merger.new.merge([
+    "text-foreground font-semibold",
+    @classes
+  ].compact.join(" "))
+-%>
+<%= content_tag :h2, class: title_classes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/sheet/_trigger.html.erb

@@ -0,0 +1,21 @@
+<%# Sheet Trigger Component - Opens sheet on click %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @as_child = local_assigns.fetch(:as_child, false)
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Build trigger attributes
+  trigger_attrs = {
+    data: { action: "click->ui--dialog#open" }
+  }.deep_merge(@attributes)
+-%>
+<% if @as_child %>
+  <%# asChild pattern: yield attributes to block %>
+  <%= yield(trigger_attrs) if block_given? %>
+  <%= content&.call(trigger_attrs) %>
+<% else %>
+  <%# Default: render as button %>
+  <%= content_tag :button, trigger_attrs do %>
+    <%= content || yield %>
+  <% end %>
+<% end %>

data/app/views/ui/slider/_range.html.erb

@@ -0,0 +1,13 @@
+<%# Slider Range - Filled portion showing the selected value %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::SliderRangeBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = slider_range_html_attributes.deep_merge(@attributes.except(:data))
+  all_attributes[:data] = slider_range_html_attributes[:data].merge(@attributes.fetch(:data, {}))
+-%>
+<%= content_tag :div, "", all_attributes %>

data/app/views/ui/slider/_thumb.html.erb

@@ -0,0 +1,14 @@
+<%# Slider Thumb - Draggable handle that controls the slider value %>
+<%
+  @disabled = local_assigns.fetch(:disabled, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::SliderThumbBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = slider_thumb_html_attributes.deep_merge(@attributes.except(:data))
+  all_attributes[:data] = slider_thumb_html_attributes[:data].merge(@attributes.fetch(:data, {}))
+-%>
+<%= content_tag :div, "", all_attributes %>

data/app/views/ui/slider/_track.html.erb

@@ -0,0 +1,16 @@
+<%# Slider Track - Background rail that contains the range %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::SliderTrackBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = slider_track_html_attributes.deep_merge(@attributes.except(:data))
+  all_attributes[:data] = slider_track_html_attributes[:data].merge(@attributes.fetch(:data, {}))
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/sonner/_toaster.html.erb

@@ -0,0 +1,38 @@
+<%#
+  Sonner Toaster partial (ERB)
+  Container for toast notifications - render once in your layout
+
+  @example Basic usage
+    <%= render "ui/sonner/toaster" %>
+
+  @example With options
+    <%= render "ui/sonner/toaster",
+      position: "top-center",
+      theme: "dark",
+      rich_colors: true,
+      close_button: true
+    %>
+
+  @param position [String] Toast position (top-left, top-center, top-right, bottom-left, bottom-center, bottom-right)
+  @param theme [String] Theme (light, dark, system)
+  @param rich_colors [Boolean] Use rich colors for toast types
+  @param expand [Boolean] Expand toasts on hover
+  @param duration [Integer] Default toast duration in milliseconds
+  @param close_button [Boolean] Show close button on toasts
+  @param visible_toasts [Integer] Maximum number of visible toasts
+  @param classes [String] Additional CSS classes
+  @param attributes [Hash] Additional HTML attributes
+-%>
+<%
+  @position = local_assigns.fetch(:position, "bottom-right")
+  @theme = local_assigns.fetch(:theme, "system")
+  @rich_colors = local_assigns.fetch(:rich_colors, false)
+  @expand = local_assigns.fetch(:expand, false)
+  @duration = local_assigns.fetch(:duration, 4000)
+  @close_button = local_assigns.fetch(:close_button, false)
+  @visible_toasts = local_assigns.fetch(:visible_toasts, 3)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  extend UI::SonnerToasterBehavior
+-%>
+<%= content_tag :ol, "", **toaster_html_attributes %>

data/app/views/ui/table/_body.html.erb

@@ -0,0 +1,18 @@
+<%
+  # Table Body - ERB Partial
+  #
+  # A table body (tbody) with consistent styling.
+  # Uses BodyBehavior module for shared styling logic.
+  #
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::TableBodyBehavior
+  all_attributes = body_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :tbody, all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/table/_caption.html.erb

@@ -0,0 +1,18 @@
+<%
+  # Table Caption - ERB Partial
+  #
+  # A table caption with consistent styling.
+  # Uses CaptionBehavior module for shared styling logic.
+  #
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::TableCaptionBehavior
+  all_attributes = caption_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :caption, all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/table/_cell.html.erb

@@ -0,0 +1,18 @@
+<%
+  # Table Cell - ERB Partial
+  #
+  # A table data cell (td) with consistent styling.
+  # Uses CellBehavior module for shared styling logic.
+  #
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::TableCellBehavior
+  all_attributes = cell_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :td, all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/table/_footer.html.erb

@@ -0,0 +1,18 @@
+<%
+  # Table Footer - ERB Partial
+  #
+  # A table footer (tfoot) with consistent styling.
+  # Uses FooterBehavior module for shared styling logic.
+  #
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::TableFooterBehavior
+  all_attributes = footer_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :tfoot, all_attributes do %>
+  <%= yield %>
+<% end %>