fernandes-ui 0.1.0

data/app/views/ui/breadcrumb/_link.html.erb

@@ -0,0 +1,16 @@
+<%# Breadcrumb Link Component - Clickable breadcrumb link %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @href = local_assigns.fetch(:href, "#")
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::BreadcrumbLinkBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = breadcrumb_link_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :a, all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/breadcrumb/_list.html.erb

@@ -0,0 +1,14 @@
+<%# Breadcrumb List Component - Container for breadcrumb items %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::BreadcrumbListBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = breadcrumb_list_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :ol, all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/breadcrumb/_page.html.erb

@@ -0,0 +1,15 @@
+<%# Breadcrumb Page Component - Current page indicator (non-clickable) %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::BreadcrumbPageBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = breadcrumb_page_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :span, all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/breadcrumb/_separator.html.erb

@@ -0,0 +1,23 @@
+<%# Breadcrumb Separator Component - Visual divider between items %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::BreadcrumbSeparatorBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = breadcrumb_separator_html_attributes.deep_merge(@attributes)
+
+  # Capture block content if provided
+  block_content = capture { yield } if block_given?
+  custom_content = content || (block_content if block_content.present?)
+-%>
+<%= content_tag :li, all_attributes do %>
+  <% if custom_content %>
+    <%= custom_content %>
+  <% else %>
+    <%= lucide_icon("chevron-right") %>
+  <% end %>
+<% end %>

data/app/views/ui/button_group/_separator.html.erb

@@ -0,0 +1,19 @@
+<%
+  # ButtonGroupSeparator - ERB implementation
+  #
+  # Visually divides buttons within a button group.
+  #
+  # Based on shadcn/ui ButtonGroup: https://ui.shadcn.com/docs/components/button-group
+
+  @orientation = local_assigns.fetch(:orientation, :vertical)
+  @decorative = local_assigns.fetch(:decorative, true)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.except(:orientation, :decorative, :classes)
+
+  extend UI::ButtonGroupSeparatorBehavior
+  extend UI::ButtonGroupSeparatorBehavior
+
+  all_attributes = separator_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+<% end %>

data/app/views/ui/button_group/_text.html.erb

@@ -0,0 +1,16 @@
+<%
+  # ButtonGroupText - ERB implementation
+  #
+  # Displays text within a button group.
+  #
+  # Based on shadcn/ui ButtonGroup: https://ui.shadcn.com/docs/components/button-group
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.except(:classes)
+
+  extend UI::ButtonGroupTextBehavior
+  all_attributes = text_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/card/_action.html.erb

@@ -0,0 +1,18 @@
+<%
+  # CardAction - ERB Partial
+  #
+  # Action element within a card header (positioned in top-right).
+  # Uses ActionBehavior 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::CardActionBehavior
+  all_attributes = card_action_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,18 @@
+<%
+  # CardContent - ERB Partial
+  #
+  # Content section of a card.
+  # Uses ContentBehavior 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::CardContentBehavior
+  all_attributes = card_content_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,20 @@
+<%
+  # CardDescription - ERB Partial
+  #
+  # Description element within a card header.
+  # Uses DescriptionBehavior module for shared styling logic.
+  #
+  # @param content [String] Description text content (alternative to using block)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  content_param = local_assigns.fetch(:content, nil)
+
+  extend UI::CardDescriptionBehavior
+  all_attributes = card_description_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= content_param || yield %>
+<% end %>

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

@@ -0,0 +1,18 @@
+<%
+  # CardFooter - ERB Partial
+  #
+  # Footer section of a card.
+  # 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::CardFooterBehavior
+  all_attributes = card_footer_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,18 @@
+<%
+  # CardHeader - ERB Partial
+  #
+  # Header section of a card with title and description layout.
+  # Uses HeaderBehavior 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::CardHeaderBehavior
+  all_attributes = card_header_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,20 @@
+<%
+  # CardTitle - ERB Partial
+  #
+  # Title element within a card header.
+  # Uses TitleBehavior module for shared styling logic.
+  #
+  # @param content [String] Title text content (alternative to using block)
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  content_param = local_assigns.fetch(:content, nil)
+
+  extend UI::CardTitleBehavior
+  all_attributes = card_title_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= content_param || yield %>
+<% end %>

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

@@ -0,0 +1,16 @@
+<%
+  # Carousel Content - ERB Partial
+  # Content wrapper (viewport)
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  content_param = local_assigns.fetch(:content, nil)
+
+  extend UI::CarouselContentBehavior
+  all_attributes = carousel_content_html_attributes
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= content_tag :div, carousel_content_container_html_attributes do %>
+    <%= content_param || yield %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,14 @@
+<%
+  # Carousel Item - ERB Partial
+  # Individual carousel slide
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  content_param = local_assigns.fetch(:content, nil)
+
+  extend UI::CarouselItemBehavior
+  all_attributes = carousel_item_html_attributes
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= content_param || yield %>
+<% end %>

data/app/views/ui/carousel/_next.html.erb

@@ -0,0 +1,13 @@
+<%
+  # Carousel Next Button - ERB Partial
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::CarouselNextBehavior
+  all_attributes = carousel_next_html_attributes
+%>
+<%= render "ui/button", attributes: all_attributes, classes: carousel_next_classes, variant: :ghost, size: :icon do %>
+  <%= lucide_icon("arrow-right", class: "size-4") %>
+  <span class="sr-only">Next slide</span>
+<% end %>

data/app/views/ui/carousel/_previous.html.erb

@@ -0,0 +1,13 @@
+<%
+  # Carousel Previous Button - ERB Partial
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::CarouselPreviousBehavior
+  all_attributes = carousel_previous_html_attributes
+%>
+<%= render "ui/button", attributes: all_attributes, classes: carousel_previous_classes, variant: :ghost, size: :icon do %>
+  <%= lucide_icon("arrow-left", class: "size-4") %>
+  <span class="sr-only">Previous slide</span>
+<% end %>

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

@@ -0,0 +1,20 @@
+<%
+  # CollapsibleContent - ERB Partial
+  #
+  # Container for the expandable content.
+  # Uses ContentBehavior module for shared styling logic.
+  #
+  # @param force_mount [Boolean] Always render in DOM even when closed
+  # @param classes [String] Additional CSS classes to merge
+  # @param attributes [Hash] Additional HTML attributes
+
+  @force_mount = local_assigns.fetch(:force_mount, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::CollapsibleContentBehavior
+  all_attributes = collapsible_content_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,18 @@
+<%
+  # CollapsibleTrigger - ERB Partial
+  #
+  # Button that toggles the collapsible state.
+  # Uses TriggerBehavior 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::CollapsibleTriggerBehavior
+  all_attributes = collapsible_trigger_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :button, type: "button", **all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/combobox/_wrapper.html.erb

@@ -0,0 +1,43 @@
+<%
+# Combobox Wrapper - ERB implementation
+#
+# Wrapper partial that yields combobox attributes to be spread into a container component.
+# Used to wrap Popover/Drawer/DropdownMenu with combobox selection functionality.
+# Uses ComboboxBehavior concern for shared attribute generation logic.
+#
+# @param value [String] Initial selected value (empty string for no selection)
+# @param attributes [Hash] Additional HTML attributes to merge
+#
+# @example With Popover
+#   <%= render "ui/combobox/wrapper", value: "" do |combobox_attrs| %>
+#     <%= render "ui/popover/popover", **combobox_attrs, placement: "bottom-start" do %>
+#       <%= render "ui/popover/popover_trigger", as_child: true do |trigger_attrs| %>
+#         <%= render "ui/button", **trigger_attrs do %>
+#           <span data-ui--combobox-target="text">Select framework...</span>
+#         <% end %>
+#       <% end %>
+#
+#       <%= render "ui/popover/popover_content" do %>
+#         <%= render "ui/command/command" do %>
+#           <%= render "ui/command/command_item", value: "next", data: { ui__combobox_target: "item" } do %>
+#             <span>Next.js</span>
+#             <svg class="ml-auto h-4 w-4 opacity-0">
+#               <path d="M20 6 9 17l-5-5"/>
+#             </svg>
+#           <% end %>
+#         <% end %>
+#       <% end %>
+#     <% end %>
+#   <% end %>
+
+value = local_assigns.fetch(:value, "")
+extra_attributes = local_assigns.fetch(:attributes, {})
+
+# Include ComboboxBehavior to access helper methods
+helper = Object.new.extend(ComboboxBehavior)
+helper.instance_variable_set(:@value, value)
+
+combobox_attrs = helper.combobox_html_attributes.deep_merge(extra_attributes)
+%>
+
+<%= yield(combobox_attrs) if block_given? %>

data/app/views/ui/command/_dialog.html.erb

@@ -0,0 +1,17 @@
+<%# locals: (shortcut: "meta+j", classes: "", **attributes) %>
+<%
+  dialog_behavior = Class.new { include UI::DialogBehavior }.new
+  dialog_behavior.instance_variable_set(:@shortcut, shortcut)
+  dialog_behavior.instance_variable_set(:@classes, classes)
+%>
+<div <%= tag.attributes(dialog_behavior.command_dialog_html_attributes.deep_merge(attributes)) %>>
+  <%= render "ui/dialog/dialog", close_on_escape: true, close_on_overlay_click: true do %>
+    <%= render "ui/dialog/overlay" do %>
+      <%= render "ui/dialog/content", classes: dialog_behavior.command_dialog_content_classes do %>
+        <%= render "ui/command/command" do %>
+          <%= yield if block_given? %>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+</div>

data/app/views/ui/command/_empty.html.erb

@@ -0,0 +1,19 @@
+<%
+  # CommandEmpty - ERB Partial
+  #
+  # Shown when no results match the search query.
+  #
+  # @param content [String] Text content
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  content_param = local_assigns.fetch(:content, nil)
+
+  extend UI::CommandEmptyBehavior
+  all_attributes = command_empty_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= content_param || yield %>
+<% end %>

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

@@ -0,0 +1,23 @@
+<%
+  # CommandGroup - ERB Partial
+  #
+  # Groups related command items with optional heading.
+  #
+  # @param heading [String] Group heading text
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+
+  @heading = local_assigns.fetch(:heading, nil)
+  @heading_id = "command-group-#{SecureRandom.hex(4)}" if @heading
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::CommandGroupBehavior
+  all_attributes = command_group_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <% if @heading %>
+    <div class="<%= command_group_heading_classes %>" id="<%= @heading_id %>"><%= @heading %></div>
+  <% end %>
+  <%= yield %>
+<% end %>

data/app/views/ui/command/_input.html.erb

@@ -0,0 +1,20 @@
+<%
+  # CommandInput - ERB Partial
+  #
+  # Search input for the command palette.
+  #
+  # @param placeholder [String] Input placeholder text
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+
+  @placeholder = local_assigns.fetch(:placeholder, "Type a command or search...")
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::CommandInputBehavior
+  all_attributes = command_input_html_attributes.deep_merge(@attributes)
+%>
+<div class="<%= command_input_wrapper_classes %>">
+  <%= lucide_icon("search", class: "mr-2 h-4 w-4 shrink-0 opacity-50") %>
+  <%= tag.input(**all_attributes) %>
+</div>

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

@@ -0,0 +1,21 @@
+<%
+  # CommandItem - ERB Partial
+  #
+  # Individual selectable command item.
+  #
+  # @param value [String] Item value for filtering and selection
+  # @param disabled [Boolean] Whether item is disabled
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+
+  @value = local_assigns.fetch(:value, nil)
+  @disabled = local_assigns.fetch(:disabled, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::CommandItemBehavior
+  all_attributes = command_item_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/command/_list.html.erb

@@ -0,0 +1,17 @@
+<%
+  # CommandList - ERB Partial
+  #
+  # Scrollable container for command items.
+  #
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::CommandListBehavior
+  all_attributes = command_list_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/command/_separator.html.erb

@@ -0,0 +1,15 @@
+<%
+  # CommandSeparator - ERB Partial
+  #
+  # Visual separator between command groups.
+  #
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::CommandSeparatorBehavior
+  all_attributes = command_separator_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :div, nil, all_attributes %>

data/app/views/ui/command/_shortcut.html.erb

@@ -0,0 +1,19 @@
+<%
+  # CommandShortcut - ERB Partial
+  #
+  # Displays keyboard shortcut hint.
+  #
+  # @param content [String] Shortcut text
+  # @param classes [String] Additional CSS classes
+  # @param attributes [Hash] Additional HTML attributes
+
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  content_param = local_assigns.fetch(:content, nil)
+
+  extend UI::CommandShortcutBehavior
+  all_attributes = command_shortcut_html_attributes.deep_merge(@attributes)
+%>
+<%= content_tag :span, all_attributes do %>
+  <%= content_param || yield %>
+<% end %>

data/app/views/ui/context_menu/_checkbox_item.html.erb

@@ -0,0 +1,23 @@
+<%# Context Menu Checkbox Item Component - Menu item with checkbox %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @checked = local_assigns.fetch(:checked, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::ContextMenuCheckboxItemBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = context_menu_checkbox_item_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+    <% if @checked %>
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4">
+        <path d="M20 6 9 17l-5-5"></path>
+      </svg>
+    <% end %>
+  </span>
+  <%= content || yield %>
+<% end %>

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

@@ -0,0 +1,15 @@
+<%# Context Menu Content Component - Menu items container %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::ContextMenuContentBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = context_menu_content_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

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

@@ -0,0 +1,19 @@
+<%# Context Menu Item Component - Individual menu item %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @href = local_assigns.fetch(:href, nil)
+  @inset = local_assigns.fetch(:inset, false)
+  @variant = local_assigns.fetch(:variant, "default")
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::ContextMenuItemBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = context_menu_item_html_attributes.deep_merge(@attributes)
+  tag_name = @href ? :a : :div
+-%>
+<%= content_tag tag_name, all_attributes do %>
+  <%= content || yield %>
+<% end %>

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

@@ -0,0 +1,16 @@
+<%# Context Menu Label Component - Non-interactive label for grouping %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @inset = local_assigns.fetch(:inset, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::ContextMenuLabelBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = context_menu_label_html_attributes.merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/context_menu/_radio_group.html.erb

@@ -0,0 +1,14 @@
+<%# Context Menu Radio Group Component - Container for radio items %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::ContextMenuRadioGroupBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = context_menu_radio_group_html_attributes.merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/context_menu/_radio_item.html.erb

@@ -0,0 +1,23 @@
+<%# Context Menu Radio Item Component - Menu item with radio button %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @checked = local_assigns.fetch(:checked, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::ContextMenuRadioItemBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = context_menu_radio_item_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+    <% if @checked %>
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-2">
+        <circle cx="12" cy="12" r="10"></circle>
+      </svg>
+    <% end %>
+  </span>
+  <%= content || yield %>
+<% end %>