diff --git a/lib/ruby_ui/context_menu/context_menu_item.rb b/lib/ruby_ui/context_menu/context_menu_item.rb index 10365d2d..adfb5c25 100644 --- a/lib/ruby_ui/context_menu/context_menu_item.rb +++ b/lib/ruby_ui/context_menu/context_menu_item.rb @@ -52,8 +52,15 @@ def default_attrs { href: @href, role: "menuitem", - class: - "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 pl-8", + class: [ + "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none pl-8", + "hover:bg-accent hover:text-accent-foreground", + "focus:bg-accent focus:text-accent-foreground", + "disabled:pointer-events-none disabled:opacity-50", + "aria-selected:bg-accent aria-selected:text-accent-foreground", + "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", + "aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" + ], tabindex: "-1", data_orientation: "vertical", data_action: "click->ruby-ui--context-menu#close", diff --git a/lib/ruby_ui/dropdown_menu/dropdown_menu_item.rb b/lib/ruby_ui/dropdown_menu/dropdown_menu_item.rb index 9b401ea2..2679b7f7 100644 --- a/lib/ruby_ui/dropdown_menu/dropdown_menu_item.rb +++ b/lib/ruby_ui/dropdown_menu/dropdown_menu_item.rb @@ -17,7 +17,15 @@ def default_attrs { href: @href, role: "menuitem", - class: "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", + class: [ + "relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors", + "hover:bg-accent hover:text-accent-foreground", + "focus:bg-accent focus:text-accent-foreground", + "disabled:pointer-events-none disabled:opacity-50", + "aria-selected:bg-accent aria-selected:text-accent-foreground", + "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", + "aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed" + ], data_action: "click->ruby-ui--dropdown-menu#close", data_ruby_ui__dropdown_menu_target: "menuItem", tabindex: "-1",