fernandes-ui 0.1.1 → 0.1.4

data/app/behaviors/ui/drawer_overlay_behavior.rb

@@ -2,74 +2,74 @@
 
 require "tailwind_merge"
 
-    # Shared behavior for Drawer Overlay component
-    # Handles backdrop/overlay styling and attributes for Vaul drawer
-    module UI::DrawerOverlayBehavior
-      # Base CSS classes for overlay backdrop
-      # Animated background overlay with fade transition
-      def drawer_overlay_base_classes
-        [
-          "fixed inset-0 z-50 bg-black/50",
-          "transition-opacity duration-500 ease-[cubic-bezier(0.32,0.72,0,1)]",
-          "data-[state=closed]:opacity-0 data-[state=open]:opacity-100",
-          "data-[state=open]:pointer-events-auto data-[state=closed]:pointer-events-none"
-        ].join(" ")
-      end
+# Shared behavior for Drawer Overlay component
+# Handles backdrop/overlay styling and attributes for Vaul drawer
+module UI::DrawerOverlayBehavior
+  # Base CSS classes for overlay backdrop
+  # Animated background overlay with fade transition
+  def drawer_overlay_base_classes
+    [
+      "fixed inset-0 z-50 bg-black/50",
+      "transition-opacity duration-500 ease-[cubic-bezier(0.32,0.72,0,1)]",
+      "data-[state=closed]:opacity-0 data-[state=open]:opacity-100",
+      "data-[state=open]:pointer-events-auto data-[state=closed]:pointer-events-none"
+    ].join(" ")
+  end
 
-      # Merge base classes with custom classes using TailwindMerge
-      def drawer_overlay_classes
-        TailwindMerge::Merger.new.merge([drawer_overlay_base_classes].compact.join(" "))
-      end
+  # Merge base classes with custom classes using TailwindMerge
+  def drawer_overlay_classes
+    TailwindMerge::Merger.new.merge([drawer_overlay_base_classes].compact.join(" "))
+  end
 
-      # Container wrapper classes
-      # Always visible to allow animations - control visibility via pointer-events
-      def drawer_overlay_container_base_classes
-        "fixed inset-0 z-50 data-[state=open]:pointer-events-auto data-[state=closed]:pointer-events-none"
-      end
+  # Container wrapper classes
+  # Always visible to allow animations - control visibility via pointer-events
+  def drawer_overlay_container_base_classes
+    "fixed inset-0 z-50 data-[state=open]:pointer-events-auto data-[state=closed]:pointer-events-none"
+  end
 
-      # Merge container base classes with custom classes
-      def drawer_overlay_container_classes
-        TailwindMerge::Merger.new.merge([drawer_overlay_container_base_classes, @classes].compact.join(" "))
-      end
+  # Merge container base classes with custom classes
+  def drawer_overlay_container_classes
+    TailwindMerge::Merger.new.merge([drawer_overlay_container_base_classes, @classes].compact.join(" "))
+  end
 
-      # Data attributes for container
-      def drawer_overlay_container_data_attributes
-        {
-          ui__drawer_target: "container"
-        }
-      end
+  # Data attributes for container
+  def drawer_overlay_container_data_attributes
+    {
+      ui__drawer_target: "container"
+    }
+  end
 
-      # Data attributes for overlay backdrop (Stimulus only)
-      def drawer_overlay_data_attributes
-        {
-          ui__drawer_target: "overlay",
-          action: "click->ui--drawer#closeOnOverlayClick"
-        }
-      end
+  # Data attributes for overlay backdrop (Stimulus only)
+  def drawer_overlay_data_attributes
+    {
+      ui__drawer_target: "overlay",
+      action: "click->ui--drawer#closeOnOverlayClick"
+    }
+  end
 
-      # Merge user-provided data attributes for container
-      def merged_drawer_overlay_container_data_attributes
-        user_data = @attributes&.fetch(:data, {}) || {}
-        user_data.merge(drawer_overlay_container_data_attributes)
-      end
+  # Merge user-provided data attributes for container
+  def merged_drawer_overlay_container_data_attributes
+    user_data = @attributes&.fetch(:data, {}) || {}
+    user_data.merge(drawer_overlay_container_data_attributes)
+  end
 
-      # Build complete HTML attributes hash for container wrapper
-      def drawer_overlay_container_html_attributes
-        base_attrs = @attributes&.except(:data) || {}
-        base_attrs.merge(
-          class: drawer_overlay_container_classes,
-          "data-state": @open ? "open" : "closed",
-          data: merged_drawer_overlay_container_data_attributes
-        )
-      end
+  # Build complete HTML attributes hash for container wrapper
+  def drawer_overlay_container_html_attributes
+    base_attrs = @attributes&.except(:data) || {}
+    base_attrs.merge(
+      class: drawer_overlay_container_classes,
+      "data-state": @open ? "open" : "closed",
+      data: merged_drawer_overlay_container_data_attributes
+    )
+  end
 
-      # Build complete HTML attributes hash for overlay backdrop
-      def drawer_overlay_html_attributes
-        {
-          class: drawer_overlay_classes,
-          "data-state": @open ? "open" : "closed",
-          "data-vaul-overlay": "",
-          data: drawer_overlay_data_attributes
-        }
-      end
-    end
+  # Build complete HTML attributes hash for overlay backdrop
+  def drawer_overlay_html_attributes
+    {
+      class: drawer_overlay_classes,
+      "data-state": @open ? "open" : "closed",
+      "data-vaul-overlay": "",
+      data: drawer_overlay_data_attributes
+    }
+  end
+end

data/app/behaviors/ui/drawer_title_behavior.rb

@@ -2,25 +2,25 @@
 
 require "tailwind_merge"
 
-    # Shared behavior for Drawer Title component
-    # ARIA-compliant heading for drawer
-    module UI::DrawerTitleBehavior
-      # Base CSS classes for drawer title
-      def drawer_title_base_classes
-        "text-foreground font-semibold"
-      end
+# Shared behavior for Drawer Title component
+# ARIA-compliant heading for drawer
+module UI::DrawerTitleBehavior
+  # Base CSS classes for drawer title
+  def drawer_title_base_classes
+    "text-foreground font-semibold"
+  end
 
-      # Merge base classes with custom classes using TailwindMerge
-      def drawer_title_classes
-        TailwindMerge::Merger.new.merge([drawer_title_base_classes, @classes].compact.join(" "))
-      end
+  # Merge base classes with custom classes using TailwindMerge
+  def drawer_title_classes
+    TailwindMerge::Merger.new.merge([drawer_title_base_classes, @classes].compact.join(" "))
+  end
 
-      # Build complete HTML attributes hash for title
-      def drawer_title_html_attributes
-        base_attrs = @attributes || {}
-        base_attrs.merge(
-          class: drawer_title_classes,
-          role: "heading"
-        )
-      end
-    end
+  # Build complete HTML attributes hash for title
+  def drawer_title_html_attributes
+    base_attrs = @attributes || {}
+    base_attrs.merge(
+      class: drawer_title_classes,
+      role: "heading"
+    )
+  end
+end

data/app/behaviors/ui/drawer_trigger_behavior.rb

@@ -1,18 +1,18 @@
 # frozen_string_literal: true
 
-    # Shared behavior for Drawer Trigger component
-    # Opens drawer on click, supports asChild pattern
-    module UI::DrawerTriggerBehavior
-      # Data attributes for trigger
-      def drawer_trigger_data_attributes
-        { action: "click->ui--drawer#open" }
-      end
+# Shared behavior for Drawer Trigger component
+# Opens drawer on click, supports asChild pattern
+module UI::DrawerTriggerBehavior
+  # Data attributes for trigger
+  def drawer_trigger_data_attributes
+    {action: "click->ui--drawer#open"}
+  end
 
-      # Build complete trigger attributes (for asChild pattern)
-      def drawer_trigger_html_attributes
-        {
-          data: drawer_trigger_data_attributes,
-          **@attributes
-        }
-      end
-    end
+  # Build complete trigger attributes (for asChild pattern)
+  def drawer_trigger_html_attributes
+    {
+      data: drawer_trigger_data_attributes,
+      **@attributes
+    }
+  end
+end

data/app/behaviors/ui/dropdown_menu_behavior.rb

@@ -1,43 +1,65 @@
 # frozen_string_literal: true
 
-    # DropdownMenuBehavior
-    #
-    # Shared behavior for DropdownMenu component across ERB, ViewComponent, and Phlex implementations.
-    # This module provides consistent styling and HTML attribute generation.
-    module UI::DropdownMenuBehavior
-      # Returns HTML attributes for the dropdown menu container
-      # When used with asChild, these attributes will be yielded to the child
-      def dropdown_menu_html_attributes
-        attrs = {
-          data: dropdown_menu_data_attributes
-        }
+# UI::DropdownMenuBehavior
+#
+# @ui_component Dropdown Menu
+# @ui_description DropdownMenu - Phlex implementation
+# @ui_category overlay
+#
+# @ui_anatomy Dropdown Menu - Container for dropdown menus with Stimulus controller for interactivity. (required)
+# @ui_anatomy Content - Menu items container with animations and positioning. (required)
+# @ui_anatomy Item - Individual menu item that can be rendered as a link or div.
+# @ui_anatomy Label - Label for menu sections to organize items.
+# @ui_anatomy Separator - Visual separator between menu items.
+# @ui_anatomy Shortcut - Keyboard shortcut indicator displayed at the end of menu items.
+# @ui_anatomy Sub - Container for submenu with relative positioning.
+# @ui_anatomy Sub Content - Submenu items container positioned to the right of the trigger. (required)
+# @ui_anatomy Sub Trigger - Item that opens a submenu on hover. (required)
+# @ui_anatomy Trigger - Wrapper that adds toggle action to child element. (required)
+#
+# @ui_feature Custom styling with Tailwind classes
+#
+# @ui_aria_pattern Menu Button
+# @ui_aria_reference https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/
+#
+# @ui_related context_menu
+# @ui_related menubar
+# @ui_related select
+#
+module UI::DropdownMenuBehavior
+  # Returns HTML attributes for the dropdown menu container
+  # When used with asChild, these attributes will be yielded to the child
+  def dropdown_menu_html_attributes
+    attrs = {
+      data: dropdown_menu_data_attributes
+    }
 
-        # Only add container classes if not using asChild
-        # When asChild is true, we don't render a wrapper
-        unless @as_child
-          attrs[:class] = dropdown_menu_classes
-        end
+    # Only add container classes if not using asChild
+    # When asChild is true, we don't render a wrapper
+    unless @as_child
+      attrs[:class] = dropdown_menu_classes
+    end
 
-        attrs
-      end
+    attrs
+  end
 
-      # Returns combined CSS classes for the dropdown menu
-      def dropdown_menu_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        TailwindMerge::Merger.new.merge([
-          "relative inline-block text-left",
-          classes_value
-        ].compact.join(" "))
-      end
+  # Returns combined CSS classes for the dropdown menu
+  def dropdown_menu_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    TailwindMerge::Merger.new.merge([
+      "relative inline-block text-left",
+      classes_value
+    ].compact.join(" "))
+  end
 
-      # Returns data attributes for Stimulus controller
-      def dropdown_menu_data_attributes
-        attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-        (attributes_value&.fetch(:data, {}) || {}).merge({
-          controller: "ui--dropdown",
-          "ui--dropdown-placement-value": @placement,
-          "ui--dropdown-offset-value": @offset,
-          "ui--dropdown-flip-value": @flip
-        })
-      end
-    end
+  # Returns data attributes for Stimulus controller
+  def dropdown_menu_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    (attributes_value&.fetch(:data, {}) || {}).merge({
+      controller: "ui--dropdown",
+      "ui--dropdown-placement-value": @placement,
+      "ui--dropdown-offset-value": @offset,
+      "ui--dropdown-flip-value": @flip
+    })
+  end
+end

data/app/behaviors/ui/dropdown_menu_checkbox_item_behavior.rb

@@ -1,46 +1,44 @@
 # frozen_string_literal: true
 
-    # DropdownMenuCheckboxItemBehavior
-    #
-    # Shared behavior for DropdownMenuCheckboxItem component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuCheckboxItemBehavior
-      # Returns HTML attributes for the checkbox item
-      def dropdown_menu_checkbox_item_html_attributes
-        attrs = {
-          class: dropdown_menu_checkbox_item_classes,
-          data: dropdown_menu_checkbox_item_data_attributes,
-          role: "menuitemcheckbox",
-          "aria-checked": @checked,
-          tabindex: "-1"
-        }
+# DropdownMenuCheckboxItemBehavior
+#
+# Shared behavior for DropdownMenuCheckboxItem component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuCheckboxItemBehavior
+  # Returns HTML attributes for the checkbox item
+  def dropdown_menu_checkbox_item_html_attributes
+    {
+      class: dropdown_menu_checkbox_item_classes,
+      data: dropdown_menu_checkbox_item_data_attributes,
+      role: "menuitemcheckbox",
+      "aria-checked": @checked,
+      tabindex: "-1"
+    }
+  end
 
-        attrs
-      end
+  # Returns combined CSS classes for the checkbox item
+  def dropdown_menu_checkbox_item_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    base_classes = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
 
-      # Returns combined CSS classes for the checkbox item
-      def dropdown_menu_checkbox_item_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        base_classes = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+    TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
+  end
 
-        TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
-      end
+  # Returns data attributes for Stimulus
+  def dropdown_menu_checkbox_item_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    data_attrs = (attributes_value&.fetch(:data, {}) || {}).merge({
+      "ui--dropdown-target": "item",
+      action: "mouseenter->ui--dropdown#trackHoveredItem click->ui--dropdown#toggleCheckbox",
+      state: @checked ? "checked" : "unchecked"
+    })
 
-      # Returns data attributes for Stimulus
-      def dropdown_menu_checkbox_item_data_attributes
-        attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-        data_attrs = (attributes_value&.fetch(:data, {}) || {}).merge({
-          "ui--dropdown-target": "item",
-          action: "mouseenter->ui--dropdown#trackHoveredItem click->ui--dropdown#toggleCheckbox",
-          state: @checked ? "checked" : "unchecked"
-        })
+    data_attrs[:disabled] = true if @disabled
+    data_attrs
+  end
 
-        data_attrs[:disabled] = true if @disabled
-        data_attrs
-      end
-
-      # Renders the checkbox indicator
-      def checkbox_indicator
-        # This will be implemented in the actual components
-        @checked
-      end
-    end
+  # Renders the checkbox indicator
+  def checkbox_indicator
+    # This will be implemented in the actual components
+    @checked
+  end
+end

data/app/behaviors/ui/dropdown_menu_content_behavior.rb

@@ -1,37 +1,37 @@
 # frozen_string_literal: true
 
-    # DropdownMenuContentBehavior
-    #
-    # Shared behavior for DropdownMenuContent component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuContentBehavior
-      # Returns HTML attributes for the content container
-      def dropdown_menu_content_html_attributes
-        {
-          class: dropdown_menu_content_classes,
-          data: dropdown_menu_content_data_attributes,
-          role: "menu",
-          tabindex: "-1"
-        }
-      end
+# DropdownMenuContentBehavior
+#
+# Shared behavior for DropdownMenuContent component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuContentBehavior
+  # Returns HTML attributes for the content container
+  def dropdown_menu_content_html_attributes
+    {
+      class: dropdown_menu_content_classes,
+      data: dropdown_menu_content_data_attributes,
+      role: "menu",
+      tabindex: "-1"
+    }
+  end
 
-      # Returns combined CSS classes for the content
-      def dropdown_menu_content_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        base_classes = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--ui-dropdown-menu-content-available-height) min-w-[8rem] origin-(--ui-dropdown-menu-content-transform-origin) overflow-visible rounded-md border p-1 shadow-md absolute"
+  # Returns combined CSS classes for the content
+  def dropdown_menu_content_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    base_classes = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--ui-dropdown-menu-content-available-height) min-w-[8rem] origin-(--ui-dropdown-menu-content-transform-origin) overflow-visible rounded-md border p-1 shadow-md absolute"
 
-        TailwindMerge::Merger.new.merge([
-          "hidden absolute",
-          base_classes,
-          classes_value
-        ].compact.join(" "))
-      end
+    TailwindMerge::Merger.new.merge([
+      "hidden absolute",
+      base_classes,
+      classes_value
+    ].compact.join(" "))
+  end
 
-      # Returns data attributes for Stimulus target
-      def dropdown_menu_content_data_attributes
-        attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-        (attributes_value&.fetch(:data, {}) || {}).merge({
-          "ui--dropdown-target": "content",
-          state: "closed"
-        })
-      end
-    end
+  # Returns data attributes for Stimulus target
+  def dropdown_menu_content_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    (attributes_value&.fetch(:data, {}) || {}).merge({
+      "ui--dropdown-target": "content",
+      state: "closed"
+    })
+  end
+end

data/app/behaviors/ui/dropdown_menu_item_behavior.rb

@@ -1,40 +1,40 @@
 # frozen_string_literal: true
 
-    # DropdownMenuItemBehavior
-    #
-    # Shared behavior for DropdownMenuItem component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuItemBehavior
-      # Returns HTML attributes for the menu item
-      def dropdown_menu_item_html_attributes
-        {
-          class: dropdown_menu_item_classes,
-          data: dropdown_menu_item_data_attributes,
-          role: "menuitem",
-          tabindex: "-1"
-        }.tap do |attrs|
-          attrs[:href] = @href if @href
-        end
-      end
+# DropdownMenuItemBehavior
+#
+# Shared behavior for DropdownMenuItem component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuItemBehavior
+  # Returns HTML attributes for the menu item
+  def dropdown_menu_item_html_attributes
+    {
+      class: dropdown_menu_item_classes,
+      data: dropdown_menu_item_data_attributes,
+      role: "menuitem",
+      tabindex: "-1"
+    }.tap do |attrs|
+      attrs[:href] = @href if @href
+    end
+  end
 
-      # Returns combined CSS classes for the menu item
-      def dropdown_menu_item_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        base_classes = "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset=true]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+  # Returns combined CSS classes for the menu item
+  def dropdown_menu_item_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    base_classes = "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset=true]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
 
-        TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
-      end
+    TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
+  end
 
-      # Returns data attributes for Stimulus target and actions
-      def dropdown_menu_item_data_attributes
-        attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-        existing_action = (attributes_value&.fetch(:data, {}) || {}).fetch(:action, "")
-        combined_action = [existing_action, "mouseenter->ui--dropdown#trackHoveredItem"].reject(&:empty?).join(" ")
+  # Returns data attributes for Stimulus target and actions
+  def dropdown_menu_item_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    existing_action = (attributes_value&.fetch(:data, {}) || {}).fetch(:action, "")
+    combined_action = [existing_action, "mouseenter->ui--dropdown#trackHoveredItem"].reject(&:empty?).join(" ")
 
-        (attributes_value&.fetch(:data, {}) || {}).merge({
-          "ui--dropdown-target": "item",
-          action: combined_action,
-          inset: @inset,
-          variant: @variant
-        })
-      end
-    end
+    (attributes_value&.fetch(:data, {}) || {}).merge({
+      "ui--dropdown-target": "item",
+      action: combined_action,
+      inset: @inset,
+      variant: @variant
+    })
+  end
+end

data/app/behaviors/ui/dropdown_menu_label_behavior.rb

@@ -1,30 +1,30 @@
 # frozen_string_literal: true
 
-    # DropdownMenuLabelBehavior
-    #
-    # Shared behavior for DropdownMenuLabel component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuLabelBehavior
-      # Returns HTML attributes for the label
-      def dropdown_menu_label_html_attributes
-        {
-          class: dropdown_menu_label_classes,
-          data: dropdown_menu_label_data_attributes
-        }
-      end
+# DropdownMenuLabelBehavior
+#
+# Shared behavior for DropdownMenuLabel component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuLabelBehavior
+  # Returns HTML attributes for the label
+  def dropdown_menu_label_html_attributes
+    {
+      class: dropdown_menu_label_classes,
+      data: dropdown_menu_label_data_attributes
+    }
+  end
 
-      # Returns combined CSS classes for the label
-      def dropdown_menu_label_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        base_classes = "px-2 py-1.5 text-sm font-medium data-[inset=true]:pl-8"
+  # Returns combined CSS classes for the label
+  def dropdown_menu_label_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    base_classes = "px-2 py-1.5 text-sm font-medium data-[inset=true]:pl-8"
 
-        TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
-      end
+    TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
+  end
 
-      # Returns data attributes
-      def dropdown_menu_label_data_attributes
-        attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-        data_attrs = (attributes_value&.fetch(:data, {}) || {}).dup
-        data_attrs[:inset] = @inset if @inset
-        data_attrs
-      end
-    end
+  # Returns data attributes
+  def dropdown_menu_label_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    data_attrs = (attributes_value&.fetch(:data, {}) || {}).dup
+    data_attrs[:inset] = @inset if @inset
+    data_attrs
+  end
+end