fernandes-ui 0.1.0 → 0.1.2

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

data/app/behaviors/ui/dropdown_menu_radio_group_behavior.rb

@@ -1,20 +1,20 @@
 # frozen_string_literal: true
 
-    # DropdownMenuRadioGroupBehavior
-    #
-    # Shared behavior for DropdownMenuRadioGroup component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuRadioGroupBehavior
-      # Returns HTML attributes for the radio group
-      def dropdown_menu_radio_group_html_attributes
-        {
-          class: dropdown_menu_radio_group_classes,
-          role: "group"
-        }
-      end
+# DropdownMenuRadioGroupBehavior
+#
+# Shared behavior for DropdownMenuRadioGroup component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuRadioGroupBehavior
+  # Returns HTML attributes for the radio group
+  def dropdown_menu_radio_group_html_attributes
+    {
+      class: dropdown_menu_radio_group_classes,
+      role: "group"
+    }
+  end
 
-      # Returns combined CSS classes for the radio group
-      def dropdown_menu_radio_group_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        TailwindMerge::Merger.new.merge([classes_value].compact.join(" "))
-      end
-    end
+  # Returns combined CSS classes for the radio group
+  def dropdown_menu_radio_group_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    TailwindMerge::Merger.new.merge([classes_value].compact.join(" "))
+  end
+end

data/app/behaviors/ui/dropdown_menu_radio_item_behavior.rb

@@ -1,46 +1,44 @@
 # frozen_string_literal: true
 
-    # DropdownMenuRadioItemBehavior
-    #
-    # Shared behavior for DropdownMenuRadioItem component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuRadioItemBehavior
-      # Returns HTML attributes for the radio item
-      def dropdown_menu_radio_item_html_attributes
-        attrs = {
-          class: dropdown_menu_radio_item_classes,
-          data: dropdown_menu_radio_item_data_attributes,
-          role: "menuitemradio",
-          "aria-checked": @checked,
-          tabindex: "-1"
-        }
+# DropdownMenuRadioItemBehavior
+#
+# Shared behavior for DropdownMenuRadioItem component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuRadioItemBehavior
+  # Returns HTML attributes for the radio item
+  def dropdown_menu_radio_item_html_attributes
+    {
+      class: dropdown_menu_radio_item_classes,
+      data: dropdown_menu_radio_item_data_attributes,
+      role: "menuitemradio",
+      "aria-checked": @checked,
+      tabindex: "-1"
+    }
+  end
 
-        attrs
-      end
+  # Returns combined CSS classes for the radio item
+  def dropdown_menu_radio_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 radio item
-      def dropdown_menu_radio_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_radio_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#selectRadio",
+      state: @checked ? "checked" : "unchecked"
+    })
 
-      # Returns data attributes for Stimulus
-      def dropdown_menu_radio_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#selectRadio",
-          state: @checked ? "checked" : "unchecked"
-        })
+    data_attrs[:disabled] = true if @disabled
+    data_attrs
+  end
 
-        data_attrs[:disabled] = true if @disabled
-        data_attrs
-      end
-
-      # Renders the radio indicator
-      def radio_indicator
-        # This will be implemented in the actual components
-        @checked
-      end
-    end
+  # Renders the radio indicator
+  def radio_indicator
+    # This will be implemented in the actual components
+    @checked
+  end
+end

data/app/behaviors/ui/dropdown_menu_separator_behavior.rb

@@ -1,23 +1,23 @@
 # frozen_string_literal: true
 
-    # DropdownMenuSeparatorBehavior
-    #
-    # Shared behavior for DropdownMenuSeparator component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuSeparatorBehavior
-      # Returns HTML attributes for the separator
-      def dropdown_menu_separator_html_attributes
-        {
-          class: dropdown_menu_separator_classes,
-          role: "separator",
-          "aria-orientation": "horizontal"
-        }
-      end
+# DropdownMenuSeparatorBehavior
+#
+# Shared behavior for DropdownMenuSeparator component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuSeparatorBehavior
+  # Returns HTML attributes for the separator
+  def dropdown_menu_separator_html_attributes
+    {
+      class: dropdown_menu_separator_classes,
+      role: "separator",
+      "aria-orientation": "horizontal"
+    }
+  end
 
-      # Returns combined CSS classes for the separator
-      def dropdown_menu_separator_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        base_classes = "bg-border -mx-1 my-1 h-px"
+  # Returns combined CSS classes for the separator
+  def dropdown_menu_separator_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    base_classes = "bg-border -mx-1 my-1 h-px"
 
-        TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
-      end
-    end
+    TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
+  end
+end

data/app/behaviors/ui/dropdown_menu_shortcut_behavior.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    # DropdownMenuShortcutBehavior
-    #
-    # Shared behavior for DropdownMenuShortcut component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuShortcutBehavior
-      # Returns HTML attributes for the shortcut
-      def dropdown_menu_shortcut_html_attributes
-        {
-          class: dropdown_menu_shortcut_classes
-        }
-      end
+# DropdownMenuShortcutBehavior
+#
+# Shared behavior for DropdownMenuShortcut component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuShortcutBehavior
+  # Returns HTML attributes for the shortcut
+  def dropdown_menu_shortcut_html_attributes
+    {
+      class: dropdown_menu_shortcut_classes
+    }
+  end
 
-      # Returns combined CSS classes for the shortcut
-      def dropdown_menu_shortcut_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        base_classes = "text-muted-foreground ml-auto text-xs tracking-widest"
+  # Returns combined CSS classes for the shortcut
+  def dropdown_menu_shortcut_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    base_classes = "text-muted-foreground ml-auto text-xs tracking-widest"
 
-        TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
-      end
-    end
+    TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
+  end
+end

data/app/behaviors/ui/dropdown_menu_sub_behavior.rb

@@ -1,21 +1,21 @@
 # frozen_string_literal: true
 
-    # DropdownMenuSubBehavior
-    #
-    # Shared behavior for DropdownMenuSub component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuSubBehavior
-      # Returns HTML attributes for the submenu container
-      def dropdown_menu_sub_html_attributes
-        {
-          class: dropdown_menu_sub_classes
-        }
-      end
+# DropdownMenuSubBehavior
+#
+# Shared behavior for DropdownMenuSub component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuSubBehavior
+  # Returns HTML attributes for the submenu container
+  def dropdown_menu_sub_html_attributes
+    {
+      class: dropdown_menu_sub_classes
+    }
+  end
 
-      # Returns combined CSS classes for the submenu container
-      def dropdown_menu_sub_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        base_classes = "relative"
+  # Returns combined CSS classes for the submenu container
+  def dropdown_menu_sub_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    base_classes = "relative"
 
-        TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
-      end
-    end
+    TailwindMerge::Merger.new.merge([base_classes, classes_value].compact.join(" "))
+  end
+end

data/app/behaviors/ui/dropdown_menu_sub_content_behavior.rb

@@ -1,38 +1,38 @@
 # frozen_string_literal: true
 
-    # DropdownMenuSubContentBehavior
-    #
-    # Shared behavior for DropdownMenuSubContent component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuSubContentBehavior
-      # Returns HTML attributes for the sub content
-      def dropdown_menu_sub_content_html_attributes
-        {
-          class: dropdown_menu_sub_content_classes,
-          data: dropdown_menu_sub_content_data_attributes,
-          role: "menu",
-          tabindex: "-1"
-        }
-      end
+# DropdownMenuSubContentBehavior
+#
+# Shared behavior for DropdownMenuSubContent component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuSubContentBehavior
+  # Returns HTML attributes for the sub content
+  def dropdown_menu_sub_content_html_attributes
+    {
+      class: dropdown_menu_sub_content_classes,
+      data: dropdown_menu_sub_content_data_attributes,
+      role: "menu",
+      tabindex: "-1"
+    }
+  end
 
-      # Returns combined CSS classes for the sub content
-      def dropdown_menu_sub_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 min-w-[11rem] origin-(--ui-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg absolute"
+  # Returns combined CSS classes for the sub content
+  def dropdown_menu_sub_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 min-w-[11rem] origin-(--ui-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg 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
-      def dropdown_menu_sub_content_data_attributes
-        attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-        (attributes_value&.fetch(:data, {}) || {}).merge({
-          state: "closed",
-          side: @side || "right",
-          align: @align || "start"
-        })
-      end
-    end
+  # Returns data attributes for Stimulus
+  def dropdown_menu_sub_content_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    (attributes_value&.fetch(:data, {}) || {}).merge({
+      state: "closed",
+      side: @side || "right",
+      align: @align || "start"
+    })
+  end
+end

data/app/behaviors/ui/dropdown_menu_sub_trigger_behavior.rb

@@ -1,35 +1,35 @@
 # frozen_string_literal: true
 
-    # DropdownMenuSubTriggerBehavior
-    #
-    # Shared behavior for DropdownMenuSubTrigger component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuSubTriggerBehavior
-      # Returns HTML attributes for the submenu trigger
-      def dropdown_menu_sub_trigger_html_attributes
-        {
-          class: dropdown_menu_sub_trigger_classes,
-          data: dropdown_menu_sub_trigger_data_attributes,
-          role: "menuitem",
-          tabindex: "-1"
-        }
-      end
+# DropdownMenuSubTriggerBehavior
+#
+# Shared behavior for DropdownMenuSubTrigger component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuSubTriggerBehavior
+  # Returns HTML attributes for the submenu trigger
+  def dropdown_menu_sub_trigger_html_attributes
+    {
+      class: dropdown_menu_sub_trigger_classes,
+      data: dropdown_menu_sub_trigger_data_attributes,
+      role: "menuitem",
+      tabindex: "-1"
+    }
+  end
 
-      # Returns combined CSS classes for the submenu trigger
-      def dropdown_menu_sub_trigger_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 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[state=open]:bg-accent 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 submenu trigger
+  def dropdown_menu_sub_trigger_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 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden data-[state=open]:bg-accent 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
-      def dropdown_menu_sub_trigger_data_attributes
-        attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-        (attributes_value&.fetch(:data, {}) || {}).merge({
-          "ui--dropdown-target": "item",
-          action: "mouseenter->ui--dropdown#openSubmenu mouseleave->ui--dropdown#closeSubmenu",
-          inset: @inset,
-          state: "closed"
-        })
-      end
-    end
+  # Returns data attributes for Stimulus
+  def dropdown_menu_sub_trigger_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    (attributes_value&.fetch(:data, {}) || {}).merge({
+      "ui--dropdown-target": "item",
+      action: "mouseenter->ui--dropdown#openSubmenu mouseleave->ui--dropdown#closeSubmenu",
+      inset: @inset,
+      state: "closed"
+    })
+  end
+end

data/app/behaviors/ui/dropdown_menu_trigger_behavior.rb

@@ -1,46 +1,46 @@
 # frozen_string_literal: true
 
-    # DropdownMenuTriggerBehavior
-    #
-    # Shared behavior for DropdownMenuTrigger component across ERB, ViewComponent, and Phlex implementations.
-    module UI::DropdownMenuTriggerBehavior
-      # Returns HTML attributes for the trigger
-      # When as_child is true, only data attributes are returned to avoid overriding child's classes
-      def dropdown_menu_trigger_html_attributes
-        attrs = {
-          data: dropdown_menu_trigger_data_attributes,
-          tabindex: "0",
-          role: "button",
-          "aria-haspopup": "menu"
-        }
+# DropdownMenuTriggerBehavior
+#
+# Shared behavior for DropdownMenuTrigger component across ERB, ViewComponent, and Phlex implementations.
+module UI::DropdownMenuTriggerBehavior
+  # Returns HTML attributes for the trigger
+  # When as_child is true, only data attributes are returned to avoid overriding child's classes
+  def dropdown_menu_trigger_html_attributes
+    attrs = {
+      data: dropdown_menu_trigger_data_attributes,
+      tabindex: "0",
+      role: "button",
+      "aria-haspopup": "menu"
+    }
 
-        # Only include class if it's not empty (to avoid overriding child component's classes)
-        trigger_classes = dropdown_menu_trigger_classes
-        attrs[:class] = trigger_classes unless trigger_classes.blank?
+    # Only include class if it's not empty (to avoid overriding child component's classes)
+    trigger_classes = dropdown_menu_trigger_classes
+    attrs[:class] = trigger_classes unless trigger_classes.blank?
 
-        attrs
-      end
+    attrs
+  end
 
-      # Returns combined CSS classes for the trigger
-      def dropdown_menu_trigger_classes
-        classes_value = respond_to?(:classes, true) ? classes : @classes
-        TailwindMerge::Merger.new.merge([
-          dropdown_menu_trigger_base_classes,
-          classes_value
-        ].compact.join(" "))
-      end
+  # Returns combined CSS classes for the trigger
+  def dropdown_menu_trigger_classes
+    classes_value = respond_to?(:classes, true) ? classes : @classes
+    TailwindMerge::Merger.new.merge([
+      dropdown_menu_trigger_base_classes,
+      classes_value
+    ].compact.join(" "))
+  end
 
-      # Base classes for trigger (focus styles)
-      def dropdown_menu_trigger_base_classes
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-sm"
-      end
+  # Base classes for trigger (focus styles)
+  def dropdown_menu_trigger_base_classes
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-sm"
+  end
 
-      # Returns data attributes for Stimulus
-      def dropdown_menu_trigger_data_attributes
-        attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
-        (attributes_value&.fetch(:data, {}) || {}).merge({
-          "ui--dropdown-target": "trigger",
-          action: "click->ui--dropdown#toggle keydown.enter->ui--dropdown#toggle keydown.space->ui--dropdown#toggle"
-        })
-      end
-    end
+  # Returns data attributes for Stimulus
+  def dropdown_menu_trigger_data_attributes
+    attributes_value = respond_to?(:attributes, true) ? attributes : @attributes
+    (attributes_value&.fetch(:data, {}) || {}).merge({
+      "ui--dropdown-target": "trigger",
+      action: "click->ui--dropdown#toggle keydown.enter->ui--dropdown#toggle keydown.space->ui--dropdown#toggle"
+    })
+  end
+end