fernandes-ui 0.1.0

data/app/views/ui/dropdown_menu/_sub_content.html.erb

@@ -0,0 +1,17 @@
+<%# Dropdown Menu Sub Content Component - Submenu items container %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  @side = local_assigns.fetch(:side, "right")
+  @align = local_assigns.fetch(:align, "start")
+
+  # Extend behavior for shared logic
+  extend UI::DropdownMenuSubContentBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = dropdown_menu_sub_content_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/dropdown_menu/_sub_trigger.html.erb

@@ -0,0 +1,17 @@
+<%# Dropdown Menu Sub Trigger Component - Item that opens a submenu %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  @inset = local_assigns.fetch(:inset, false)
+
+  # Extend behavior for shared logic
+  extend UI::DropdownMenuSubTriggerBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = dropdown_menu_sub_trigger_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+  <%= lucide_icon("chevron-right", class: "ml-auto h-4 w-4") %>
+<% end %>

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

@@ -0,0 +1,20 @@
+<%# Dropdown Menu Trigger Component - Wrapper that adds toggle action to child element %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  as_child = local_assigns.fetch(:as_child, false)
+
+  # Extend behavior for shared logic
+  extend UI::DropdownMenuTriggerBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = dropdown_menu_trigger_html_attributes.deep_merge(@attributes)
+-%>
+<% if as_child %>
+  <%= yield(all_attributes) %>
+<% else %>
+  <%= content_tag :div, all_attributes do %>
+    <%= content || yield %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,13 @@
+<%# EmptyContent - Displays action area %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::EmptyContentBehavior
+
+  all_attributes = empty_content_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield if block_given? %>
+  <%= content if local_assigns[:content] %>
+<% end %>

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

@@ -0,0 +1,13 @@
+<%# EmptyDescription - Displays the description %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::EmptyDescriptionBehavior
+
+  all_attributes = empty_description_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :p, all_attributes do %>
+  <%= yield if block_given? %>
+  <%= content if local_assigns[:content] %>
+<% end %>

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

@@ -0,0 +1,13 @@
+<%# EmptyHeader - Wraps media, title, and description %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::EmptyHeaderBehavior
+
+  all_attributes = empty_header_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield if block_given? %>
+  <%= content if local_assigns[:content] %>
+<% end %>

data/app/views/ui/empty/_media.html.erb

@@ -0,0 +1,14 @@
+<%# EmptyMedia - Displays visual content %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  @variant = local_assigns.fetch(:variant, "default")
+
+  extend UI::EmptyMediaBehavior
+
+  all_attributes = empty_media_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield if block_given? %>
+  <%= content if local_assigns[:content] %>
+<% end %>

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

@@ -0,0 +1,13 @@
+<%# EmptyTitle - Displays the title %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  extend UI::EmptyTitleBehavior
+
+  all_attributes = empty_title_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :h3, all_attributes do %>
+  <%= yield if block_given? %>
+  <%= content if local_assigns[:content] %>
+<% end %>

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

@@ -0,0 +1,14 @@
+<%# FieldContent Component - Flex column that groups control and descriptions %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::FieldContentBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = field_content_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,15 @@
+<%# FieldDescription Component - Helper text for form fields %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::FieldDescriptionBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = field_description_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/field/_error.html.erb

@@ -0,0 +1,15 @@
+<%# FieldError Component - Error message display for form fields %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::FieldErrorBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = field_error_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

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

@@ -0,0 +1,14 @@
+<%# FieldGroup Component - Layout wrapper that stacks Field components %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::FieldGroupBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = field_group_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,15 @@
+<%# FieldLabel Component - Label styled for form fields %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::FieldLabelBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = field_label_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/field/_legend.html.erb

@@ -0,0 +1,16 @@
+<%# FieldLegend Component - Legend element for FieldSet %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  @variant = local_assigns.fetch(:variant, nil)
+
+  # Extend behavior for shared logic
+  extend UI::FieldLegendBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = field_legend_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

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

@@ -0,0 +1,15 @@
+<%# FieldSeparator Component - Visual divider to separate sections inside FieldGroup %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::FieldSeparatorBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = field_separator_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/field/_set.html.erb

@@ -0,0 +1,14 @@
+<%# FieldSet Component - Semantic fieldset container for grouped fields %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::FieldSetBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = field_set_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,15 @@
+<%# FieldTitle Component - Title with label styling inside FieldContent %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::FieldTitleBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = field_title_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

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

@@ -0,0 +1,16 @@
+<%# HoverCard Content - shadcn/ui inspired component for Rails %>
+<%
+  @align = local_assigns.fetch(:align, "center")
+  @side_offset = local_assigns.fetch(:side_offset, 4)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::HoverCardContentBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = content_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,27 @@
+<%# HoverCard Trigger - shadcn/ui inspired component for Rails %>
+<%
+  @as_child = local_assigns.fetch(:as_child, false)
+  @tag = local_assigns.fetch(:tag, :span)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::HoverCardTriggerBehavior
+
+  # Get HTML attributes from behavior
+  trigger_attrs = trigger_html_attributes.deep_merge(@attributes)
+
+  # Add tabindex for keyboard focus on non-focusable elements
+  if [:span, :div].include?(@tag) && !trigger_attrs.key?(:tabindex)
+    trigger_attrs[:tabindex] = "0"
+  end
+-%>
+<% if @as_child %>
+  <%# Yield attributes to block - child must accept and apply them %>
+  <%= yield(trigger_attrs) if block_given? %>
+<% else %>
+  <%# Default: render as specified tag %>
+  <%= content_tag @tag, trigger_attrs do %>
+    <%= yield %>
+  <% end %>
+<% end %>

data/app/views/ui/input_group/_addon.html.erb

@@ -0,0 +1,15 @@
+<%# InputGroupAddon - shadcn/ui inspired component for Rails %>
+<%
+  @align = local_assigns.fetch(:align, "inline-start")
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::InputGroupAddonBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = input_group_addon_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= yield %>
+<% end %>

data/app/views/ui/input_group/_button.html.erb

@@ -0,0 +1,18 @@
+<%# InputGroupButton - shadcn/ui inspired component for Rails %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @size = local_assigns.fetch(:size, "xs")
+  @variant = local_assigns.fetch(:variant, "ghost")
+  @type = local_assigns.fetch(:type, "button")
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::InputGroupButtonBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = input_group_button_html_attributes.deep_merge(@attributes)
+-%>
+<%= render "ui/button", **all_attributes do %>
+  <%= content || yield %>
+<% end %>

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

@@ -0,0 +1,17 @@
+<%# InputGroupInput - shadcn/ui inspired component for Rails %>
+<%
+  @type = local_assigns.fetch(:type, "text")
+  @placeholder = local_assigns.fetch(:placeholder, nil)
+  @value = local_assigns.fetch(:value, nil)
+  @name = local_assigns.fetch(:name, nil)
+  @id = local_assigns.fetch(:id, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::InputGroupInputBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = input_group_input_html_attributes.deep_merge(@attributes)
+-%>
+<%= render "ui/input", **all_attributes %>

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

@@ -0,0 +1,15 @@
+<%# InputGroupText - shadcn/ui inspired component for Rails %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::InputGroupTextBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = input_group_text_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :span, all_attributes do %>
+  <%= content || yield %>
+<% end %>

data/app/views/ui/input_group/_textarea.html.erb

@@ -0,0 +1,17 @@
+<%# InputGroupTextarea - shadcn/ui inspired component for Rails %>
+<%
+  @placeholder = local_assigns.fetch(:placeholder, nil)
+  @value = local_assigns.fetch(:value, nil)
+  @name = local_assigns.fetch(:name, nil)
+  @id = local_assigns.fetch(:id, nil)
+  @rows = local_assigns.fetch(:rows, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::InputGroupTextareaBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = input_group_textarea_html_attributes.deep_merge(@attributes)
+-%>
+<%= render "ui/textarea", **all_attributes %>

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

@@ -0,0 +1,20 @@
+<%# InputOtp Group - ERB partial
+
+  Container for grouping OTP input slots together visually.
+
+  @param classes [String] Additional CSS classes
+  @param attributes [Hash] Additional HTML attributes
+%>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::InputOtpGroupBehavior
+
+  # Get HTML attributes from behavior
+  group_attrs = input_otp_group_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, **group_attrs do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,22 @@
+<%# InputOtp Separator - ERB partial
+
+  Visual divider between OTP input groups.
+
+  @param classes [String] Additional CSS classes
+  @param attributes [Hash] Additional HTML attributes
+%>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::InputOtpSeparatorBehavior
+
+  # Get HTML attributes from behavior
+  separator_attrs = input_otp_separator_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, **separator_attrs do %>
+  <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none" class="size-4 opacity-50">
+    <rect x="4" y="7" width="7" height="1" fill="currentColor" rx="0.5"/>
+  </svg>
+<% end %>

data/app/views/ui/input_otp/_slot.html.erb

@@ -0,0 +1,28 @@
+<%# InputOtp Slot - ERB partial
+
+  Individual OTP input slot for a single character.
+
+  @param index [Integer] Index of the slot in the OTP sequence (default: 0)
+  @param value [String] Character value to display in the slot
+  @param name [String] Form input name
+  @param id [String] HTML id attribute
+  @param disabled [Boolean] Whether input is disabled
+  @param classes [String] Additional CSS classes
+  @param attributes [Hash] Additional HTML attributes
+%>
+<%
+  @index = local_assigns.fetch(:index, 0)
+  @value = local_assigns.fetch(:value, "")
+  @name = local_assigns.fetch(:name, nil)
+  @id = local_assigns.fetch(:id, nil)
+  @disabled = local_assigns.fetch(:disabled, false)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::InputOtpSlotBehavior
+
+  # Get HTML attributes from behavior
+  slot_attrs = input_otp_slot_html_attributes.deep_merge(@attributes)
+-%>
+<%= tag.input(**slot_attrs) %>

data/app/views/ui/item/_actions.html.erb

@@ -0,0 +1,7 @@
+<% extend UI::ItemActionsBehavior -%>
+<% @classes = local_assigns.fetch(:classes, "") -%>
+<% @attributes = local_assigns.except(:classes) -%>
+<% attrs = item_actions_html_attributes -%>
+<div class="<%= attrs[:class] %>">
+  <%= yield %>
+</div>

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

@@ -0,0 +1,7 @@
+<% extend UI::ItemContentBehavior -%>
+<% @classes = local_assigns.fetch(:classes, "") -%>
+<% @attributes = local_assigns.except(:classes) -%>
+<% attrs = item_content_html_attributes -%>
+<div class="<%= attrs[:class] %>">
+  <%= yield %>
+</div>

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

@@ -0,0 +1,7 @@
+<% extend UI::ItemDescriptionBehavior -%>
+<% @classes = local_assigns.fetch(:classes, "") -%>
+<% @attributes = local_assigns.except(:classes) -%>
+<% attrs = item_description_html_attributes -%>
+<p class="<%= attrs[:class] %>">
+  <%= yield %>
+</p>

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

@@ -0,0 +1,7 @@
+<% extend UI::ItemFooterBehavior -%>
+<% @classes = local_assigns.fetch(:classes, "") -%>
+<% @attributes = local_assigns.except(:classes) -%>
+<% attrs = item_footer_html_attributes -%>
+<div class="<%= attrs[:class] %>">
+  <%= yield %>
+</div>

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

@@ -0,0 +1,7 @@
+<% extend UI::ItemGroupBehavior -%>
+<% @classes = local_assigns.fetch(:classes, "") -%>
+<% @attributes = local_assigns.except(:classes) -%>
+<% attrs = item_group_html_attributes -%>
+<div class="<%= attrs[:class] %>">
+  <%= yield %>
+</div>

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

@@ -0,0 +1,7 @@
+<% extend UI::ItemHeaderBehavior -%>
+<% @classes = local_assigns.fetch(:classes, "") -%>
+<% @attributes = local_assigns.except(:classes) -%>
+<% attrs = item_header_html_attributes -%>
+<div class="<%= attrs[:class] %>">
+  <%= yield %>
+</div>

data/app/views/ui/item/_media.html.erb

@@ -0,0 +1,8 @@
+<% extend UI::ItemMediaBehavior -%>
+<% @variant = local_assigns.fetch(:variant, "default") -%>
+<% @classes = local_assigns.fetch(:classes, "") -%>
+<% @attributes = local_assigns.except(:variant, :classes) -%>
+<% attrs = item_media_html_attributes -%>
+<div class="<%= attrs[:class] %>" data-slot="<%= attrs[:"data-slot"] %>" data-variant="<%= attrs[:"data-variant"] %>">
+  <%= yield %>
+</div>

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

@@ -0,0 +1,5 @@
+<% extend UI::ItemSeparatorBehavior -%>
+<% @classes = local_assigns.fetch(:classes, "") -%>
+<% @attributes = local_assigns.except(:classes) -%>
+<% attrs = item_separator_html_attributes -%>
+<hr class="<%= attrs[:class] %>" data-slot="<%= attrs[:"data-slot"] %>" />

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

@@ -0,0 +1,7 @@
+<% extend UI::ItemTitleBehavior -%>
+<% @classes = local_assigns.fetch(:classes, "") -%>
+<% @attributes = local_assigns.except(:classes) -%>
+<% attrs = item_title_html_attributes -%>
+<div class="<%= attrs[:class] %>">
+  <%= yield %>
+</div>

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

@@ -0,0 +1,14 @@
+<%# KbdGroup Component - Groups multiple keyboard keys %>
+<%
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+
+  # Extend behavior for shared logic
+  extend UI::KbdGroupBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = kbd_group_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :kbd, all_attributes do %>
+  <%= yield %>
+<% end %>

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

@@ -0,0 +1,24 @@
+<%# Menubar Checkbox Item Component - Menu item with checkbox %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  @checked = local_assigns.fetch(:checked, false)
+  @disabled = local_assigns.fetch(:disabled, false)
+
+  # Extend behavior for shared logic
+  extend UI::MenubarCheckboxItemBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = menubar_checkbox_item_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <span class="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" data-state="checked">
+        <path d="M20 6 9 17l-5-5"></path>
+      </svg>
+    <% end %>
+  </span>
+  <%= content || yield %>
+<% end %>

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

@@ -0,0 +1,18 @@
+<%# Menubar Content Component - Dropdown menu container %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  @align = local_assigns.fetch(:align, "start")
+  @side_offset = local_assigns.fetch(:side_offset, 8)
+  @align_offset = local_assigns.fetch(:align_offset, -4)
+
+  # Extend behavior for shared logic
+  extend UI::MenubarContentBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = menubar_content_html_attributes.deep_merge(@attributes)
+-%>
+<%= content_tag :div, all_attributes do %>
+  <%= content || yield %>
+<% end %>

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

@@ -0,0 +1,24 @@
+<%# Menubar Item Component - Individual menu item %>
+<%
+  content ||= local_assigns.fetch(:content, nil)
+  @classes = local_assigns.fetch(:classes, "")
+  @attributes = local_assigns.fetch(:attributes, {})
+  @variant = local_assigns.fetch(:variant, "default")
+  @href = local_assigns.fetch(:href, nil)
+  @inset = local_assigns.fetch(:inset, false)
+
+  # Extend behavior for shared logic
+  extend UI::MenubarItemBehavior
+
+  # Get HTML attributes from behavior
+  all_attributes = menubar_item_html_attributes.deep_merge(@attributes)
+-%>
+<% if @href %>
+  <%= content_tag :a, all_attributes.merge(href: @href) do %>
+    <%= content || yield %>
+  <% end %>
+<% else %>
+  <%= content_tag :div, all_attributes do %>
+    <%= content || yield %>
+  <% end %>
+<% end %>